Explorați Cărți electronice
Categorii
Explorați Cărți audio
Categorii
Explorați Reviste
Categorii
Explorați Documente
Categorii
XML
"Nu cred in nimic, dar iau in considerare totul."
Vintea Alexandru
1. Notiuni teoretice.
1
<nume limba=”romana” tip=”short_paper”>Tehnologii Internet</nume>
<autor>Munteanu Marian</autor>
</lucrare>
Prin marcarea cu tag-uri a unui document, acesta este divizat în părți semantice. Un
exemplu ar fi împărțirea unui text în capitole și secțiuni. Existența distincției dintre diferite
părți ale unui document permite clasificarea sau gruparea acestora, urmată de tratarea lor
diferențiată. În XML o astfel de clasificare începe prin impunerea restricției ca un document
valid să fie compus dintr-un singur element, numit rădăcină, dar acel element poate conţine
alte elemente, astfel încât se poate crea o structură ierarhică a documentului.
Deci, un document XML conţine un set de informaţii organizat într-o structură
arborescentă. Aceasta are un element rădăcină şi orice alt element are un unic părinte.
Structura arborescentă corespunzătoare documentului precedent este reprezentată în figura
următoare.
1.4 Referințe. Într-un element se pot specifica referinţe la alte elemente. Structura
unui document XML care conţine elemente cu referinţe la alte elemente este o structură de tip
graf. Pentru un element se poate preciza un identificator unic (ca valoarea a atributului id)
care permite specificarea de referinţe (ca valori ale atributului idref) la elementul respectiv.
Fie următorul document XML:
<?xml version="1.0" ?>
<facultatea id=”ti”>
<fnume>Tehnologia Informatiei</fnume>
<fadr>IASI</fadr>
</facultatea>
<lucrare>
<nume limba=”romana” tip=”short_paper”>Introducere XML</nume>
<autor>Munteanu MArian</autor>
<sfacultate idref=”ti”>
<!-- Marcaj special, care introduce o referinta la alt element -->
</lucrare>
In urmatorul exemplu vom citi elemntele unui fisier XML si le vom afisa continutul
fiecarui element folosindu-ne de tag-uri HTML!
Fisier: data.xml
<?xml version="1.0"?>
<pag1>
<titlu1>Tehnologii Internet</titlu1>
<titlu2>Laborator</titlu2>
<titlu3>Nr. 7</titlu3>
<titlu4>Sala Ap 21</titlu4>
<titlu5>Sudentul ......</titlu5>
2
</pag1>
document.getElementById("titlu2").innerHTML=
xmlDoc.getElementsByTagName("titlu2")[0].childNodes[0].nodeValue;
document.getElementById("titlu2").innerHTML=
xmlDoc.getElementsByTagName("titlu2")[0].childNodes[0].nodeValue;
document.getElementById("titlu3").innerHTML=
xmlDoc.getElementsByTagName("titlu3")[0].childNodes[0].nodeValue;
document.getElementById("titlu4").innerHTML=
xmlDoc.getElementsByTagName("titlu4")[0].childNodes[0].nodeValue;
document.getElementById("titlu5").innerHTML=
xmlDoc.getElementsByTagName("titlu4")[0].childNodes[0].nodeValue;
Fisier: date.html
<html>
<head>
<title> titlu </title>
</head>
<body>
<span id="titlu1"></span><br>
<span id="titlu2"></span><br>
<span id="titlu3"></span><br>
<span id="titlu4"></span><br>
<span id="titlu5"></span><br>
<br>
<script type="text/javascript">
if (window.XMLHttpRequest)
{ xhttp=new XMLHttpRequest() }
else
{ xhttp=new ActiveXObject("Microsoft.XMLHTTP") }
xhttp.open("GET","data.xml",false);
xhttp.send("");
xmlDoc=xhttp.responseXML;
document.getElementById("titlu1").innerHTML=
xmlDoc.getElementsByTagName("titlu1")[0].childNodes[0].nodeValue;
3
document.getElementById("titlu2").innerHTML=
xmlDoc.getElementsByTagName("titlu2")[0].childNodes[0].nodeValue;
document.getElementById("titlu2").innerHTML=
xmlDoc.getElementsByTagName("titlu2")[0].childNodes[0].nodeValue;
document.getElementById("titlu3").innerHTML=
xmlDoc.getElementsByTagName("titlu3")[0].childNodes[0].nodeValue;
document.getElementById("titlu4").innerHTML=
xmlDoc.getElementsByTagName("titlu4")[0].childNodes[0].nodeValue;
document.getElementById("titlu5").innerHTML=
xmlDoc.getElementsByTagName("titlu4")[0].childNodes[0].nodeValue;
</script>
</body>
</html>
In functie de necesitatea fiecaruia se poate folosi orice tip de tag in html. De exemplu,
daca dorim, putem sa introducem continutul elementelor XML intr-un “div” cu id-ul
corespunzator, iar acel div il putem configura intr-un CSS date.css:
#titlu1 {
font-family: Script;
font-weight: italic;
font-size: 30px;
color: red;
margin-left: 70px;
}
2. Task-uri.
Creati si atasati fisierul pentru formatarea datelor.
3. Bibliografie