1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
 

<script type="text/javascript" >
         if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari
             xmlhttp = new XMLHttpRequest();
         }
         else {// code for IE6, IE5
             xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
         }
         xmlhttp.open("GET", "ergasia4.xml", false);
         xmlhttp.send();
         xmlDoc = xmlhttp.responseXML;

         document.write("<table border='5' align='center'>");
         var x = xmlDoc.getElementsByTagName("restaurant"); document.write("<tr bgcolor='Yellow'><th id='Onoma'>Name</th><th id='owner'>Owner</th><th id='address'>Address </th><th id='mail'>Mail</th><th id='phone'>Phone </th><th id='priceperperson'>Price-per-Person</th><th id='perioxh'>Perioxh</th><th id='category'>Category </th></tr>");

         for (i = 0; i < x.length; i++) {

             document.write("<tr><td align='center'>");
             document.write(x.getAttribute("onoma"));
             document.write("</td><td align='center'>");
             document.write(x.getElementsByTagName("owner")[0].childNodes[0].nodeValue);
             document.write("</td><td align='center'>");
             document.write(x.getElementsByTagName("address")[0].childNodes[0].nodeValue);
             document.write("</td><td align='center'>");
             document.write(x.getElementsByTagName("mail")[0].childNodes[0].nodeValue);
             document.write("</td><td align='center'>");
             document.write(x.getElementsByTagName("phone")[0].childNodes[0].nodeValue);
             document.write("</td><td align='center'>");
             document.write(x.getElementsByTagName("priceperperson")[0].childNodes[0].nodeValue);
             document.write("</td><td align='center'>");
             document.write(x.getElementsByTagName("perioxh")[0].childNodes[0].nodeValue);
             document.write("</td><td align='center'>");
             document.write(x.getElementsByTagName("category")[0].childNodes[0].nodeValue);
             document.write("</td></tr>");
         }
         document.write("</table>");
     </script>