Afisarea continutului unui fisier xml intr-o pagina html [partea intai]
Pentru acest lucru avem nevoie de un fisier xml pe care il voi numi "cars.xml" si
o pagina html pe care o voi numi "default.html".
cars.xml va contine urmatorul cod:
<?xml version="1.0" encoding="utf-8" ?>
<cars>
<car1>
<model>Suzuki</model>
<type>Coupe</type>
<color>Red</color>
<year>2005</year>
</car1>
</cars>
In tag-ul "body" din pagina default.html, importam fisierul cars.xml:
<body>
<xml id="auto" src="cars.xml"></xml>Apoi vom crea un tabel ca in exemplul de mai jos:
<table datasrc="#auto" border="1" width="27%" align="left" cellpadding="2" height="100" bordercolor="#000080" id="table1">
<tr>
<td width="70"><font color="#993300">Model: </font></td>
<td style="font: 9pt Verdana; "><span datafld="model"></span></td>
</tr>
<tr>
<td width="70"><font color="#993300">Type: </font> </td>
<td style="font: 9pt Verdana; "><span datafld="type"></span></td>
</tr>
<tr>
<td width="70"><font color="#993300">Color: </font></td>
<td style="font: 9pt Verdana; "><span datafld="color"></span></td>
</tr>
<tr>
<td width="70"><font color="#993300">Year: </font></td>
<td style="font: 9pt Verdana; "><span datafld="year"></span></td>
</tr>
</table>
Observati ca tabelului i-am adaugat proprietatea "datasrc" care are ca valoare "ID-ul" fisierului xml.
Apoi, fiecarui tag "span" i-am adaugat proprietatea "datafld" care are ca valoare numele fiecarui tag xml ( care contine date ) din "cars.xml".
De exemplu, primul tag "span" are ca valoare a parametrului "datafld" 'model', al doilea are 'type' s.a.m.d.
Astfel, putem afisa datele aflate intr-un fisier xml extern.
Ce este mai interesant, este faptul ca in momentul vizualizarii paginii html in browser, in cadul sursa nu apar datele
continute de fisierul xml.
La sfarsit, continutul fisierului "default.html" este acesta:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252" />
<title>Default</title>
</head>
<body>
<xml id="auto" src="cars.xml"></xml>
<font size="5" color="#000080">Afisarea continutului unui fisier xml intr-o pagina html</font><div align="left">
<hr noshade color="#FF9900" align="left" width="75%" size="1">
<br />
<table datasrc="#auto" border="1" width="27%" align="left" cellpadding="2" height="100" bordercolor="#000080" id="table1">
<tr>
<td width="70">
<font color="#993300">Model: </font>
</td>
<td style="font: 9pt Verdana; ">
<span datafld="model"></span>
</td>
</tr>
<tr>
<td width="70">
<font color="#993300">Type: </font>
</td>
<td style="font: 9pt Verdana; ">
<span datafld="type"></span>
</td>
</tr>
<tr>
<td width="70">
<font color="#993300">Color: </font>
</td>
<td style="font: 9pt Verdana; ">
<span datafld="color"></span>
</td>
</tr>
<tr>
<td width="70">
<font color="#993300">Year: </font>
</td>
<td style="font: 9pt Verdana; ">
<span datafld="year"></span>
</td>
</tr>
<tr>
<td colspan="2" style="height: 2px;">
</td>
</tr>
</table>
</div>
</body>
</html>
No comments:
Post a Comment