Listing du fichier tutajaxml.txt
00001 <?xml version="1.0" encoding="ISO-8859-1" ?>
|
Retour à la page principale de
(gH)
Listing du fichier tutajaxml.txt
00001 <?xml version="1.0" encoding="ISO-8859-1" ?>
00002 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
00003 <html xmlns="http://www.w3.org/1999/xhtml" lang="fr" xml:lang="fr">
00004 <head>
00005 <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
00006 <script type='text/javascript' src='tutajax.js'></script>
00007 <link rel="stylesheet" type="text/css" href="std.css" title="gh" />
00008 <title>
00009 Lecture de ficher XML en Javascript
00010 </title>
00011 </head>
00012 <body class="beige_jpg">
00013 <blockquote>
00014 <p> </p>
00015 <p class='align_right'>
00016 <a href="http://validator.w3.org/check?uri=referer">
00017 <img src="valid.png" height="31" width="88" alt="Valid XHTML" />
00018 </a>
00019
00020 <a href='http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fforge.info.univ-angers.fr%2F%7Egh%2Fstd.css'>
00021 <img src="css.gif" height="31" width="88" alt="Valid CSS2" />
00022 </a>
00023 </p>
00024 <!-- debut de section (gH) -->
00025 <table cellpadding='50' class='bgcolor_white' width='90%' summary='cadre général'><tr><td class='bgcolor_white'>
00026 <h1> Lecture d'un document XML via </h1>
00027 <h1> Javascript avec différents navigateurs </h1>
00028 <p class='texte'>
00029 On dispose du fichier <a href="demo.xml" >demo.xml</a> dont le contenu est le suivant : </p>
00030 <pre class='cadre'>
00031
00032 <?xml version="1.0" encoding="ISO-8859-1" ?>
00033 <articles>
00034 <article num="0217" préféré="oui">
00035 <nom>montre</nom>
00036 <prix>45</prix>
00037 </article>
00038 <article num="65b" testé="non" défaut="30" >
00039 <nom>téléphone</nom>
00040 <prix>30</prix>
00041 </article>
00042 </articles>
00043
00044 </pre>
00045 <p class='texte'>
00046 Le but de cette page est de montrer comment on peut passer en revue tous les éléments nommés
00047 <strong>"article"</strong> et leurs attributs dans ce document. Cliquer sur le bouton suivant pour voir ce que cela donne avec votre navigateur : </p>
00048 <p> </p>
00049 <script type='text/javascript' src='litdemoxml.js'></script>
00050 <form action='tutajax4.php' method='get' onsubmit='demoxml() ; return false'>
00051 <p class='centre'>
00052 <input type='submit' value='go !' name='go' class='bouton_rectangulaire_sur_fond_bleu'/>
00053 </p>
00054 </form><p> </p>
00055 <pre class='cadre tajaunec' id='demo'>
00056 (pour l'instant, vous n'avez pas cliqué)
00057 </pre>
00058 <p class='texte'>
00059 Voici le contenu obtenu avec IE 8 : </p>
00060 <pre class='cadre'>
00061
00062
00063 Le fichier demo.xml contient 2 articles.
00064
00065 Element numéro 1 (indice 0)
00066 ---------------------------
00067
00068 cet élément a 2 attributs et 2 enfants.
00069
00070 Attribut indice 0 : de nom 'num' et de valeur '0217'
00071 Attribut indice 1 : de nom 'préféré' et de valeur 'oui'
00072
00073 Enfant indice 0 nodeType est '1' ; nodeName est 'nom' ; nodeValue est 'null' ; text est 'montre' ; childNodes[0].data est 'montre' ;
00074 Enfant indice 1 nodeType est '1' ; nodeName est 'prix' ; nodeValue est 'null' ; text est '45' ; childNodes[0].data est '45' ;
00075
00076 Element numéro 2 (indice 1)
00077 ---------------------------
00078
00079 cet élément a 3 attributs et 2 enfants.
00080
00081 Attribut indice 0 : de nom 'num' et de valeur '65b'
00082 Attribut indice 1 : de nom 'testé' et de valeur 'non'
00083 Attribut indice 2 : de nom 'défaut' et de valeur '30'
00084
00085 Enfant indice 0 nodeType est '1' ; nodeName est 'nom' ; nodeValue est 'null' ; text est 'téléphone' ; childNodes[0].data est 'téléphone' ;
00086 Enfant indice 1 nodeType est '1' ; nodeName est 'prix' ; nodeValue est 'null' ; text est '30' ; childNodes[0].data est '30' ;
00087
00088
00089
00090 </pre>
00091 <p class='texte'>
00092 Voici le contenu obtenu avec FF 3.5 : </p>
00093 <pre class='cadre'>
00094
00095 Le fichier demo.xml contient 2 articles.
00096
00097 Element numéro 1 (indice 0)
00098 ---------------------------
00099
00100 cet élément a 2 attributs et 5 enfants.
00101
00102 Attribut indice 0 : de nom 'num' et de valeur '0217'
00103 Attribut indice 1 : de nom 'préféré' et de valeur 'oui'
00104
00105 Enfant indice 0 nodeType est '3' ; nodeName est '#text' ; nodeValue est '\n' ; text est 'undefined' ;
00106 Enfant indice 1 nodeType est '1' ; nodeName est 'nom' ; nodeValue est 'null' ; text est 'undefined' ; childNodes[0].data est 'montre' ;
00107 Enfant indice 2 nodeType est '3' ; nodeName est '#text' ; nodeValue est '\n' ; text est 'undefined' ;
00108 Enfant indice 3 nodeType est '1' ; nodeName est 'prix' ; nodeValue est 'null' ; text est 'undefined' ; childNodes[0].data est '45' ;
00109 Enfant indice 4 nodeType est '3' ; nodeName est '#text' ; nodeValue est '\n' ; text est 'undefined' ;
00110
00111 Element numéro 2 (indice 1)
00112 ---------------------------
00113
00114 cet élément a 3 attributs et 5 enfants.
00115
00116 Attribut indice 0 : de nom 'num' et de valeur '65b'
00117 Attribut indice 1 : de nom 'testé' et de valeur 'non'
00118 Attribut indice 2 : de nom 'défaut' et de valeur '30'
00119
00120 Enfant indice 0 nodeType est '3' ; nodeName est '#text' ; nodeValue est '\n' ; text est 'undefined' ;
00121 Enfant indice 1 nodeType est '1' ; nodeName est 'nom' ; nodeValue est 'null' ; text est 'undefined' ; childNodes[0].data est 'téléphone' ;
00122 Enfant indice 2 nodeType est '3' ; nodeName est '#text' ; nodeValue est '\n' ; text est 'undefined' ;
00123 Enfant indice 3 nodeType est '1' ; nodeName est 'prix' ; nodeValue est 'null' ; text est 'undefined' ; childNodes[0].data est '30' ;
00124 Enfant indice 4 nodeType est '3' ; nodeName est '#text' ; nodeValue est '\n' ; text est 'undefined' ;
00125
00126
00127 </pre>
00128 <p class='texte'>
00129 Voici le contenu obtenu avec OP 10.1 : </p>
00130 <pre class='cadre'>
00131
00132 Le fichier demo.xml contient 2 articles.
00133
00134 Element numéro 1 (indice 0)
00135 ---------------------------
00136
00137 cet élément a 2 attributs et 5 enfants.
00138
00139 Attribut indice 0 : de nom 'num' et de valeur '0217'
00140 Attribut indice 1 : de nom 'préféré' et de valeur 'oui'
00141
00142 Enfant indice 0 nodeType est '3' ; nodeName est '#text' ; nodeValue est '\n' ; text est 'undefined' ;
00143 Enfant indice 1 nodeType est '1' ; nodeName est 'nom' ; nodeValue est 'null' ; text est 'montre' ; childNodes[0].data est 'montre' ;
00144 Enfant indice 2 nodeType est '3' ; nodeName est '#text' ; nodeValue est '\n' ; text est 'undefined' ;
00145 Enfant indice 3 nodeType est '1' ; nodeName est 'prix' ; nodeValue est 'null' ; text est '45' ; childNodes[0].data est '45' ;
00146 Enfant indice 4 nodeType est '3' ; nodeName est '#text' ; nodeValue est '\n' ; text est 'undefined' ;
00147
00148 Element numéro 2 (indice 1)
00149 ---------------------------
00150
00151 cet élément a 3 attributs et 5 enfants.
00152
00153 Attribut indice 0 : de nom 'num' et de valeur '65b'
00154 Attribut indice 1 : de nom 'testé' et de valeur 'non'
00155 Attribut indice 2 : de nom 'défaut' et de valeur '30'
00156
00157 Enfant indice 0 nodeType est '3' ; nodeName est '#text' ; nodeValue est '\n' ; text est 'undefined' ;
00158 Enfant indice 1 nodeType est '1' ; nodeName est 'nom' ; nodeValue est 'null' ; text est 'téléphone' ; childNodes[0].data est 'téléphone' ;
00159 Enfant indice 2 nodeType est '3' ; nodeName est '#text' ; nodeValue est '\n' ; text est 'undefined' ;
00160 Enfant indice 3 nodeType est '1' ; nodeName est 'prix' ; nodeValue est 'null' ; text est '30' ; childNodes[0].data est '30' ;
00161 Enfant indice 4 nodeType est '3' ; nodeName est '#text' ; nodeValue est '\n' ; text est 'undefined' ;
00162
00163 </pre>
00164 <p class='texte'>
00165 Vous pouvez consulter : </p>
00166 <ul>
00167 <li><p>
00168 le <a href="montresourcephp.php?nomfic=tutajaxml.php" >code-source PHP</a> de cette page,</p>
00169 </li>
00170 <li><p>
00171 le <a href="montresourcephp.php?nomfic=litdemoxml.js" >code-source Javascript</a> utilisé.</p>
00172 </li>
00173 </ul>
00174 <!-- fin de section (gH) -->
00175 </td></tr></table>
00176 <p> </p>
00177 <!-- fin de page standard (gH) -->
00178 <p> </p><p>
00179 <a href="http://www.info.univ-angers.fr/pub/gh/">
00180 <img src="return.gif" alt="retour gH" /></a>
00181 Retour à la page principale de
00182 <span class='coulGH'>(gH)</span>
00183 </p>
00184 <p> </p>
00185 </blockquote>
00186 </body>
00187 </html>