Valid XHTML     Valid CSS2    

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>&nbsp;</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     &nbsp;&nbsp;&nbsp;
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     &nbsp;&nbsp;&nbsp;</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          &lt;?xml version="1.0"  encoding="ISO-8859-1" ?&gt;
00033          &lt;articles&gt;
00034           &lt;article num="0217" préféré="oui"&gt;
00035             &lt;nom&gt;montre&lt;/nom&gt;
00036             &lt;prix&gt;45&lt;/prix&gt;
00037           &lt;/article&gt;
00038           &lt;article num="65b" testé="non" défaut="30" &gt;
00039             &lt;nom&gt;téléphone&lt;/nom&gt;
00040             &lt;prix&gt;30&lt;/prix&gt;
00041           &lt;/article&gt;
00042          &lt;/articles&gt;
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>&nbsp;</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>&nbsp;</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>&nbsp;</p> 
00177     <!-- fin de page standard (gH) -->
00178     <p>&nbsp;</p><p>
00179     <a href="http://www.info.univ-angers.fr/pub/gh/"> 
00180     <img src="return.gif" alt="retour gH" /></a> 
00181     &nbsp;&nbsp;&nbsp;Retour &agrave; la page principale de &nbsp; 
00182     <span class='coulGH'>(gH)</span>
00183     </p>
00184     <p>&nbsp;</p> 
00185     </blockquote> 
00186     </body> 
00187     </html> 

 

 

retour gH    Retour à la page principale de   (gH)