egyetem:webc2:xml:f1:reszek5m
Ez a dokumentum egy előző változata!
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: | 5. részfeladat | |
Részfeladat
Írassuk ki a listát a DIV elembe
Részfeladat megoldásának forrása
// Lista kiíratása
document.getElementById("tarol").innerHTML=txt;
<div id="tarol"></div>
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 - 5</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].childNodes[0].nodeValue+"<br />";
// Lista kiíratása
document.getElementById("tarol").innerHTML=txt;
}
-->
</script>
</head>
<body onload="funcStart()">
<div id="tarol"></div>
</body>
</html>
egyetem/webc2/xml/f1/reszek5m.1343845812.txt.gz · legutóbbi módosítás: (külső szerkesztés)
