Afisarea continutului unui fisier xml intr-o pagina html [partea a doua]
Acum vom afisa in pagina default.html un continut xml mai bogat.
Pentru asta, vom crea urmatoarele:
- un document xml pe care il vom numi persoane.xml
- un document html pe care il vom numi default.html
Deschidem autori.xml si introducem urmatoarele date:
<?xml version="1.0" encoding="utf-8" ?>
<persoane>
<persoana1>
<nume>Trifan</nume>
<prenume>Costin</prenume>
<varsta>28</varsta>
<tara>Romania</tara>
</persoana1>
<persoana1>
<nume>Trifan</nume>
<prenume>Lucian</prenume>
<varsta>25</varsta>
<tara>Romania</tara>
</persoana1>
<persoana1>
<nume>Trifan</nume>
<prenume>Cristian</prenume>
<varsta>24</varsta>
<tara>Romania</tara>
</persoana1>
</persoane>
Apoi, in tag-ul "body" din pagina default.html importam documentul xml:
<body>
Dupa care introducem datele din xml intr-un tabel:
<table datasrc="#persoane" cellspacing="0" cellpadding="0" width="100%"
align="left" border="1" >
<tbody>
<tr>
<td style="text-align: left; vertical-align: middle; padding: 2 2 2 2;
background-color: #cccccc;">Nume:</td>
<td style="text-align: left; vertical-align: middle; padding: 2 2 2 2;
background-color: #cccccc;">Prenume:</td>
<td style="text-align: left; vertical-align: middle; padding: 2 2 2 2;
background-color: #cccccc;">Varsta:</td>
<td style="text-align: left; vertical-align: middle; padding: 2 2 2 2;
background-color: #cccccc;">Tara:</td>
</tr>
<tr>
<td style="PADDING-RIGHT: 2px; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px;
VERTICAL-ALIGN: middle; PADDING-TOP: 2px; TEXT-ALIGN: left"><span datafld="nume"></span></td>
<td style="PADDING-RIGHT: 2px; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px;
VERTICAL-ALIGN: middle; PADDING-TOP: 2px; TEXT-ALIGN: left"><span datafld="prenume"></span></td>
<td style="PADDING-RIGHT: 2px; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px;
VERTICAL-ALIGN: middle; PADDING-TOP: 2px; TEXT-ALIGN: left"><span datafld="varsta"></span></td>
<td style="PADDING-RIGHT: 2px; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px;
VERTICAL-ALIGN: middle; PADDING-TOP: 2px; TEXT-ALIGN: left"><span datafld="tara"></span></td>
</tr>
<tr>
<td style="HEIGHT: 2px" colspan="4"></td>
</tr>
</tbody>
</table>
Dupa cum vedeti, nu a trebuit sa cream in tabel cate un rand pentru fiecare nod din documentul xml si asta din cauza ca atunci cand este vizualizata pagina in browser, acesta va citi fisierul xml si apoi va adauga in tabel atatea randuri cate sunt necesare pentru afisarea intregului continut al documentului xml.
Asta e tot !
Acum, default.html ar trebui sa arate astfel:
<html>
<head>
<meta http-equiv="Content-Language" content="en-us">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>New Page 1</title>
</head>
<body>
<xml id="persoane" src="persoane.xml"></xml>
<table border="1" datasrc="#persoane" width="100%" align="left" cellspacing="0"
cellpadding="0" bordercolor="#000080">
<tbody>
<tr>
<td style="text-align: left; vertical-align: middle; padding: 2 2 2 2;
background-color: #cccccc;">Nume:</td>
<td style="text-align: left; vertical-align: middle; padding: 2 2 2 2;
background-color: #cccccc;">Prenume:</td>
<td style="text-align: left; vertical-align: middle; padding: 2 2 2 2;
background-color: #cccccc;">Varsta:</td>
<td style="text-align: left; vertical-align: middle; padding: 2 2 2 2;
background-color: #cccccc;">Tara:</td>
</tr>
<tr>
<td style="text-align: left; vertical-align: middle; padding: 2 2 2 2;"><span
datafld="nume"></span></td>
<td style="text-align: left; vertical-align: middle; padding: 2 2 2 2;"><span
datafld="penume"></span></td>
<td style="text-align: left; vertical-align: middle; padding: 2 2 2 2;"><span
datafld="varsta"></span></td>
<td style="text-align: left; vertical-align: middle; padding: 2 2 2 2;"><span
datafld="tara"></span></td>
</tr>
<tr>
<td colspan="4" style="height: 2px;"></td>
</tr>
</tbody>
</table>
</body>
</html>
No comments:
Post a Comment