Thanks in advance.
XML:
Expand|Select|Wrap|Line Numbers
- <?xml version="1.0" encoding="ISO-8859-1"?>
- <CATALOG>
- <CD>
- <ARTIST>Bob Dylan</ARTIST>
- <![CDATA[ <p> Empire Burlesque </p> ]]>
- </CD>
- <CD>
- <ARTIST>Bonnie Tyler</ARTIST>
- <![CDATA[ <p> Hide your heart </p> ]]>
- </CD>
- <CD>
- <ARTIST>Dolly Parton</ARTIST>
- <![CDATA[ <p> Greatest Hits </p> ]]>
- </CD>
- <CD>
- <ARTIST>Gary Moore</ARTIST>
- <![CDATA[ <p> Still got the blues </p> ]]>
- </CD>
- <CD>
- <ARTIST>Eros Ramazzotti</ARTIST>
- <![CDATA[ <p> Eros </p> ]]>
- </CD>
- <CD>
- <ARTIST>Bee Gees</ARTIST>
- <![CDATA[ <p> One night only </p> ]]>
- </CD>
- <CD>
- <ARTIST>Dr.Hook</ARTIST>
- <![CDATA[ <p> Sylvias Mother </p> ]]>
- </CD>
- <CD>
- <ARTIST>Rod Stewart</ARTIST>
- <![CDATA[ <p> Maggie May </p> ]]>
- </CD>
- <CD>
- <ARTIST>Andrea Bocelli</ARTIST>
- <![CDATA[ <p> Romanza </p> ]]>
- </CD>
- <CD>
- <ARTIST>Percy Sledge</ARTIST>
- <![CDATA[ <p> When a man loves a woman </p> ]]>
- </CD>
- <CD>
- <ARTIST>Savage Rose</ARTIST>
- <![CDATA[ <p> Black angel </p> ]]>
- </CD>
- <CD>
- <ARTIST>Many</ARTIST>
- <![CDATA[ <p> 1999 Grammy Nominees </p> ]]>
- </CD>
- </CATALOG>
HTML:
Expand|Select|Wrap|Line Numbers
- <html>
- <head>
- <script type="text/javascript">
- var xmlDoc;
- if (window.XMLHttpRequest)
- {
- xhttp=new XMLHttpRequest();
- }
- else // Internet Explorer 5/6
- {
- xhttp=new ActiveXObject("Microsoft.XMLHTTP");
- }
- xhttp.open("GET","acctest2.xml",false);
- xhttp.send("");
- xmlDoc=xhttp.responseXML;
- var x=xmlDoc.getElementsByTagName("CD");
- function show(i)
- {
- artist=(x[i].getElementsByTagName("ARTIST")[0].childNodes[0].nodeValue);
- title=(x[i].childNodes[3].textContent);
- txt="Artist: "+artist+"<br />Title: "+title ;
- document.getElementById("show").innerHTML=txt;
- current=i;
- }
- current=0;
- function next()
- {
- if (current<x.length-1)
- {
- current++;
- show(current);
- }
- }
- function previous()
- {
- if (current>0)
- {
- current--;
- show(current);
- }
- }
- </script>
- </head>
- <body onLoad="show(0)">
- <div id='show'></div>
- <br />
- <input type="button" onClick="previous()" value="previous" />
- <input type="button" onClick="next()" value="next" />
- <br />
- <br />
- <a onclick='show("0"); return false;' href="">item 0</a><br />
- <a onclick='show("1"); return false;' href="">item 1</a><br />
- <a onclick='show("2"); return false;' href="">item 2</a><br />
- <a onclick='show("3"); return false;' href="">item 3</a><br />
- <a onclick='show("4"); return false;' href="">item 4</a><br />
- <a onclick='show("5"); return false;' href="">item 5</a><br />
- <a onclick='show("6"); return false;' href="">item 6</a><br />
- <a onclick='show("7"); return false;' href="">item 7</a><br />
- <a onclick='show("8"); return false;' href="">item 8</a><br />
- <a onclick='show("9"); return false;' href="">item 9</a><br />
- <a onclick='show("10"); return false;' href="">item 10</a><br />
- <a onclick='show("11"); return false;' href="">item 11</a><br />
- <a onclick='show("12"); return false;' href="">item 12</a><br />
- </body>
- </html>