[AJAX] Lire fichier XML

Bonjour,

Je continue mes petits débuts avec ajax et je commence pleinement avec xml (c'est pour vous dire le niveau !). En surfant un peu je me suis inspirée de codes pour lire des données dans un fichier xml mais le code obtenu ne fonctionne pas.

Je voudrais interroger mon fichier xml avec mon code ajax afin d'aller y recueillir les informations et les afficher dans les champs d'un formulaire html.

Voici ma page xml (test.xml) :

Code:

---

1 2 3 4 5 6 7 8 9 10 11

<?xml version="1.0" encoding="ISO-8859-1"?> <bibliotheque> <commentaire> <idcomm>111</idcomm> <titre>MonTest</titre> <comm>Ceci est ma note... </comm> <type>ns</type> <pj>pj.jpg</pj> </commentaire> </bibliotheque>

---

Voici mon code javascript :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30

<script type="text/javascript"> function loadXML(){ if (document.implementation && document.implementation.createDocument){ xmlDoc = document.implementation.createDocument("", "", null); xmlDoc.onload = getData; } else if (window.ActiveXObject){ xmlDoc = new ActiveXObject("Microsoft.XMLDOM"); xmlDoc.onreadystatechange = function(){ if (xmlDoc.readyState == 4) getData() }; } if(xmlDoc){ xmlDoc.load("test.xml"); }   }     function champs() { loadXML(); var titre = docXml.getElementsByTagName("titre"); alert (docXml.getElementsByTagName("titre")); var comm = docXml.getElementsByTagName('comm');   document.forms["NomFormulaire"].elements["titre"].value = titre[1].firstChild.nodeValue; document.forms["NomFormulaire"].elements["commentaire"].value = comm[1].firstChild.nodeValue;   }

---

Laquelle fonction est appelée via un lien :
<a href="#" onclick="champs()";>Test</a>

Je vous remercie d'avance de votre aide précieuse ! :)

Allez hop, une énigme résolue mais des questions restent entières : pourquoi ne puis-je pas appeler la fonction avec <a href="#" onclick="mafonction();">cliquer ici</a> ? En fait voici le code javascript-ajax corrigé :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28

function loadXML(){ if (document.implementation && document.implementation.createDocument) { // déclaration pour Mozilla et FF docXml = document.implementation.createDocument('', '', null); } else if (window.ActiveXObject){ // déclaration pour IE docXml = new ActiveXObject("Microsoft.XMLDOM"); } else { alert('Votre navigateur ne peut pas exécuter ce script.'); } docXml.load("test.xml"); }     function biblio() { var book = docXml.getElementsByTagName('titre'); document.forms["tessage"].elements["titre"].value = book[0].firstChild.nodeValue;   }     window.onload = function() { loadXML(); lien.onclick = function() { biblio(); } }

---

Le onclick est chargé au démarrage de la page et là ça marche. Du coup, titre, il a besoin de rien, il s'écrit bêtement comme ça : <input type="text" name="titre"> pis ça suffit.

Autre truc bête pour les débutants-tete-en-l'air comme moi : faut pas avoir deux fois window.onload dans la page, y'a des scripts, ben ils aiment pas ça du tout (celui-ci par exemple !).

Si qqn peut m'éclairer sur le pourquoi du comment du onclick, ce serait zentil tout plein ! :mrgreen:

Yipi je commence à comprendre, je suis contente !

A plus tout le monde !

Citation:

---

Envoyé par Maryy

Allez hop, une énigme résolue mais des questions restent entières : pourquoi ne puis-je pas appeler la fonction avec <a href="#" onclick="mafonction();">cliquer ici</a> ?

---

moi je mettrais plutot <span onclick="mafonction();">cliquer ici</span>
peut etre en l'habillant avec du css apres...

Citation:

---

Envoyé par Maryy

Allez hop, une énigme résolue mais des questions restent entières : pourquoi ne puis-je pas appeler la fonction avec <a href="#" onclick="mafonction();">cliquer ici</a>

---

En ce qui concerne l'appel de la fonction je pense que ceci est un peu + propre.

Code:

---

<a href="javascript:mafonction();">Cliquer ici</a>

---