Discussion :

[Maryy]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 !

[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 fait voici le code javascript-ajax corrigé :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 !

Yipi je commence à comprendre, je suis contente !

A plus tout le monde !

[jmulans]

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...

[Rem's]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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