CodingForums.com - View Single Post - Calling multiple XML files depending on what the user clicks on

oedwards · 01-21-2013, 05:36 PM

Hi,

I would like to set up a keyboard style buttons so when a user click on ‘A’ for instance the output from an XML file is displayed in another DIV on the page.

I have achieved the calling of an XML file using JS and displaying the data in another DIV for one letter however I am struggling to work out how to get it to call different XML files based on the letter selected.

I am new to JS and have not yet sat down to learn the fundamentals so I apologise in advance for any acts of a newbie poster. In my head this should be fairly simple and if I were learn JS properly rather than grabbing snippets it would make sense. From what I have read I would need to write an array but am at a loss as how to go about this.

My Code;

From a *.js file

Code:

$(document).ready(function(){
  $("button").click(function(){
    $(".iyc-body-content-main-inner-right-keys-inner-ans").load("xml/knowledge_base_a.xml");
  });
});

From a *.php file

Code:

<button class="keys">a</button>
<button class="keys">b</button>
<button class="keys">c</button>
etc

So there will be the below XML files to call based on what the users clicks on;

clicks on 'A' > xml/knowledge_base_a.xml
clicks on 'B' > xml/knowledge_base_b.xml
clicks on 'C' > xml/knowledge_base_c.xml
etc

As mentioned it currently works for _a.xml but I am unsure how to vary it based on the user click vs the XML file required.

Thank in advance

Hopefully I can give some love back in the CSS/HTML forum.

Ta
Olly

01-21-2013, 05:36 PM	PM User \| #1
oedwards New to the CF scene Join Date: Jan 2013 Posts: 3 Thanks: 0 Thanked 0 Times in 0 Posts	Calling multiple XML files depending on what the user clicks on Hi, I would like to set up a keyboard style buttons so when a user click on ‘A’ for instance the output from an XML file is displayed in another DIV on the page. I have achieved the calling of an XML file using JS and displaying the data in another DIV for one letter however I am struggling to work out how to get it to call different XML files based on the letter selected. I am new to JS and have not yet sat down to learn the fundamentals so I apologise in advance for any acts of a newbie poster. In my head this should be fairly simple and if I were learn JS properly rather than grabbing snippets it would make sense. From what I have read I would need to write an array but am at a loss as how to go about this. My Code; From a .js file Code: $(document).ready(function(){ $("button").click(function(){ $(".iyc-body-content-main-inner-right-keys-inner-ans").load("xml/knowledge_base_a.xml"); }); }); From a .php file Code: <button class="keys">a</button> <button class="keys">b</button> <button class="keys">c</button> etc So there will be the below XML files to call based on what the users clicks on; clicks on 'A' > xml/knowledge_base_a.xml clicks on 'B' > xml/knowledge_base_b.xml clicks on 'C' > xml/knowledge_base_c.xml etc As mentioned it currently works for _a.xml but I am unsure how to vary it based on the user click vs the XML file required. Thank in advance Hopefully I can give some love back in the CSS/HTML forum. Ta Olly Last edited by oedwards; 01-21-2013 at 05:42 PM..