Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <body>
- <p><button onclick="loadXMLDoc()">Pobierz info o CD</button></p>
- <p><button onclick="loadXMLDocOne()">Pobierz info o CD wydanym w UK</button></p>
- <p><button onclick="loadXMLDocTwo()">Pobierz info o CD wydanym w USA</button></p>
- <p><button onclick="loadXMLDocThree()">Pobierz info o CD wydanym przez CBS</button></p>
- <p><button onclick="loadXMLDocFour()">Pobierz info o CD cenie ponizej 10</button></p>
- <p><button onclick="loadXMLDocFive()">Pobierz info o CD cenie powyzej 10</button></p>
- <table id="demo" border="1">
- <tr><th>Artist</th></tr>
- </table>
- <script>
- function loadXMLDoc() {
- var xmlhttp = new XMLHttpRequest();
- xmlhttp.onreadystatechange = function() {
- if (this.readyState == 4 && this.status == 200) {
- myFunction(this);
- }
- };
- xmlhttp.open("GET", "catalog.xml" , true);
- xmlhttp.send();
- }
- function myFunction(xml) {
- var x, i, xmlDoc, table;
- xmlDoc = xml.responseXML;
- var table="<tr><th>Title</th><th>Artist</th><th>Country</th><th>Company</th><th>Price</th><th>Year</th></tr>";
- var x = xmlDoc.getElementsByTagName("CD");
- for (i = 0; i <x.length; i++) {
- table += "<tr><td>" +
- x[i].getElementsByTagName("TITLE")[0].childNodes[0].nodeValue +
- "</td><td>" +
- x[i].getElementsByTagName("ARTIST")[0].childNodes[0].nodeValue +
- "</td><td>"+
- x[i].getElementsByTagName("COUNTRY")[0].childNodes[0].nodeValue +
- "</td><td>" +
- x[i].getElementsByTagName("COMPANY")[0].childNodes[0].nodeValue +
- "</td><td>" +
- x[i].getElementsByTagName("PRICE")[0].childNodes[0].nodeValue +
- "</td><td>" +
- x[i].getElementsByTagName("YEAR")[0].childNodes[0].nodeValue +
- "</td></tr>";
- }
- document.getElementById("demo").innerHTML = table;
- }
- //////////////////////////////////////////////////////////////////////////////////////
- function loadXMLDocOne() {
- var xmlhttp = new XMLHttpRequest();
- xmlhttp.onreadystatechange = function() {
- if (this.readyState == 4 && this.status == 200) {
- myFunctionOne(this);
- }
- };
- xmlhttp.open("GET", "catalog.xml" , true);
- xmlhttp.send();
- }
- function myFunctionOne(xml) {
- var x, i, xmlDoc, table;
- xmlDoc = xml.responseXML;
- var table="<tr><th>Title</th><th>Artist</th><th>Country</th><th>Company</th><th>Price</th><th>Year</th></tr>";
- var x = xmlDoc.getElementsByTagName("CD");
- for (i = 0; i <x.length; i++) {
- if(x[i].getElementsByTagName("COUNTRY")[0].innerHTML=="UK")
- {
- table += "<tr><td>" +
- x[i].getElementsByTagName("TITLE")[0].childNodes[0].nodeValue +
- "</td><td>" +
- x[i].getElementsByTagName("ARTIST")[0].childNodes[0].nodeValue +
- "</td><td>"+
- x[i].getElementsByTagName("COUNTRY")[0].childNodes[0].nodeValue +
- "</td><td>" +
- x[i].getElementsByTagName("COMPANY")[0].childNodes[0].nodeValue +
- "</td><td>" +
- x[i].getElementsByTagName("PRICE")[0].childNodes[0].nodeValue +
- "</td><td>" +
- x[i].getElementsByTagName("YEAR")[0].childNodes[0].nodeValue +
- "</td></tr>";}
- }
- document.getElementById("demo").innerHTML = table;
- }
- //////////////////////////////////////////////////////////////////////////////////////
- function loadXMLDocTwo() {
- var xmlhttp = new XMLHttpRequest();
- xmlhttp.onreadystatechange = function() {
- if (this.readyState == 4 && this.status == 200) {
- myFunctionTwo(this);
- }
- };
- xmlhttp.open("GET", "catalog.xml" , true);
- xmlhttp.send();
- }
- function myFunctionTwo(xml) {
- var x, i, xmlDoc, table;
- xmlDoc = xml.responseXML;
- var table="<tr><th>Title</th><th>Artist</th><th>Country</th><th>Company</th><th>Price</th><th>Year</th></tr>";
- var x = xmlDoc.getElementsByTagName("CD");
- for (i = 0; i <x.length; i++) {
- if(x[i].getElementsByTagName("COUNTRY")[0].innerHTML=="USA")
- {
- table += "<tr><td>" +
- x[i].getElementsByTagName("TITLE")[0].childNodes[0].nodeValue +
- "</td><td>" +
- x[i].getElementsByTagName("ARTIST")[0].childNodes[0].nodeValue +
- "</td><td>"+
- x[i].getElementsByTagName("COUNTRY")[0].childNodes[0].nodeValue +
- "</td><td>" +
- x[i].getElementsByTagName("COMPANY")[0].childNodes[0].nodeValue +
- "</td><td>" +
- x[i].getElementsByTagName("PRICE")[0].childNodes[0].nodeValue +
- "</td><td>" +
- x[i].getElementsByTagName("YEAR")[0].childNodes[0].nodeValue +
- "</td></tr>";}
- }
- document.getElementById("demo").innerHTML = table;
- }
- //////////////////////////////////////////////////////////////////////////////////////
- function loadXMLDocThree() {
- var xmlhttp = new XMLHttpRequest();
- xmlhttp.onreadystatechange = function() {
- if (this.readyState == 4 && this.status == 200) {
- myFunctionThree(this);
- }
- };
- xmlhttp.open("GET", "catalog.xml" , true);
- xmlhttp.send();
- }
- function myFunctionThree(xml) {
- var x, i, xmlDoc, table;
- xmlDoc = xml.responseXML;
- var table="<tr><th>Title</th><th>Artist</th><th>Country</th><th>Company</th><th>Price</th><th>Year</th></tr>";
- var x = xmlDoc.getElementsByTagName("CD");
- for (i = 0; i <x.length; i++) {
- if(x[i].getElementsByTagName("COMPANY")[0].innerHTML=="CBS")
- {
- table += "<tr><td>" +
- x[i].getElementsByTagName("TITLE")[0].childNodes[0].nodeValue +
- "</td><td>" +
- x[i].getElementsByTagName("ARTIST")[0].childNodes[0].nodeValue +
- "</td><td>"+
- x[i].getElementsByTagName("COUNTRY")[0].childNodes[0].nodeValue +
- "</td><td>" +
- x[i].getElementsByTagName("COMPANY")[0].childNodes[0].nodeValue +
- "</td><td>" +
- x[i].getElementsByTagName("PRICE")[0].childNodes[0].nodeValue +
- "</td><td>" +
- x[i].getElementsByTagName("YEAR")[0].childNodes[0].nodeValue +
- "</td></tr>";}
- }
- document.getElementById("demo").innerHTML = table;
- }
- //////////////////////////////////////////////////////////////////////////////////////
- function loadXMLDocFour() {
- var xmlhttp = new XMLHttpRequest();
- xmlhttp.onreadystatechange = function() {
- if (this.readyState == 4 && this.status == 200) {
- myFunctionFour(this);
- }
- };
- xmlhttp.open("GET", "catalog.xml" , true);
- xmlhttp.send();
- }
- function myFunctionFour(xml) {
- var x, i, xmlDoc, table;
- xmlDoc = xml.responseXML;
- var table="<tr><th>Title</th><th>Artist</th><th>Country</th><th>Company</th><th>Price</th><th>Year</th></tr>";
- var x = xmlDoc.getElementsByTagName("CD");
- for (i = 0; i <x.length; i++) {
- if(x[i].getElementsByTagName("PRICE")[0].childNodes[0].nodeValue<10)
- {
- table += "<tr><td>" +
- x[i].getElementsByTagName("TITLE")[0].childNodes[0].nodeValue +
- "</td><td>" +
- x[i].getElementsByTagName("ARTIST")[0].childNodes[0].nodeValue +
- "</td><td>"+
- x[i].getElementsByTagName("COUNTRY")[0].childNodes[0].nodeValue +
- "</td><td>" +
- x[i].getElementsByTagName("COMPANY")[0].childNodes[0].nodeValue +
- "</td><td>" +
- x[i].getElementsByTagName("PRICE")[0].childNodes[0].nodeValue +
- "</td><td>" +
- x[i].getElementsByTagName("YEAR")[0].childNodes[0].nodeValue +
- "</td></tr>";}
- }
- document.getElementById("demo").innerHTML = table;
- }
- //////////////////////////////////////////////////////////////////////////////////////
- function loadXMLDocFive() {
- var xmlhttp = new XMLHttpRequest();
- xmlhttp.onreadystatechange = function() {
- if (this.readyState == 4 && this.status == 200) {
- myFunctionFive(this);
- }
- };
- xmlhttp.open("GET", "catalog.xml" , true);
- xmlhttp.send();
- }
- function myFunctionFive(xml) {
- var x, i, xmlDoc, table;
- xmlDoc = xml.responseXML;
- var table="<tr><th>Title</th><th>Artist</th><th>Country</th><th>Company</th><th>Price</th><th>Year</th></tr>";
- var x = xmlDoc.getElementsByTagName("CD");
- for (i = 0; i <x.length; i++) {
- if(x[i].getElementsByTagName("PRICE")[0].childNodes[0].nodeValue>10)
- {
- table += "<tr><td>" +
- x[i].getElementsByTagName("TITLE")[0].childNodes[0].nodeValue +
- "</td><td>" +
- x[i].getElementsByTagName("ARTIST")[0].childNodes[0].nodeValue +
- "</td><td>"+
- x[i].getElementsByTagName("COUNTRY")[0].childNodes[0].nodeValue +
- "</td><td>" +
- x[i].getElementsByTagName("COMPANY")[0].childNodes[0].nodeValue +
- "</td><td>" +
- x[i].getElementsByTagName("PRICE")[0].childNodes[0].nodeValue +
- "</td><td>" +
- x[i].getElementsByTagName("YEAR")[0].childNodes[0].nodeValue +
- "</td></tr>";}
- }
- document.getElementById("demo").innerHTML = table;
- }
- </script>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement