Tartalomjegyzék

Tantárgy:Webes rendszerek kliens oldali programozása 2. [IM3314, WP3316]
Tananyag:XML
Feladat:Könyvek címének listázása
Kidolgozás:Feladat megoldása fejlesztési részfeladatok segítségével
Részfeladat:4. részfeladat

Részfeladat

Állítsuk össze a kiírandó listát a tömbben található címekből

Részfeladat megoldásának forrása

            // Lista összeállítása
            var txt="";
            for(i in x)
               if(x[i].firstChild)
                  txt+=x[i].firstChild.nodeValue+"<br />";

Megoldás forráskódja

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
   <head>
      <title>Könyvek címének listázása - 4</title>
      <meta name="author" content="Tóth Péter" />
      <meta name="copyright" content="© 2012, NYME SEK" />
      <meta http-equiv="date" content="2012-08-01" />
      <meta name="revised" content="Tóth Péter, 01/08/2012" />
      <meta name="description" content="XML - Könyvek címének listázása" />
      <meta http-equiv="content-language" content="hu" />
      <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
      <script type="text/javascript">
         <!--
         // OnLoad
         function funcStart(){
            // XML kezelő objektum létrehozása
            if(window.XMLHttpRequest)
               xmlhttp=new XMLHttpRequest();
            else
               xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
            // XML fájl betöltése
            xmlhttp.open("GET","konyvek.xml",false);
            xmlhttp.send();
            // Objektum fa létrehozása XML állományból
            var xmlDoc=xmlhttp.responseXML;
            // <cim> adatok betöltése
            x=xmlDoc.getElementsByTagName("cim");
            // Lista összeállítása
            var txt="";
            for(i in x)
               if(x[i].firstChild)
                  txt+=x[i].firstChild.nodeValue+"<br />";
            }
         -->
      </script>
   </head>
   <body onload="funcStart()"></body>
</html>