Discussion :

[undercrash]

Bonsoir,
je cherche à approfondir un peu mes connaissance purement théorique sur AJAX et donc je cherche le moyen de lire des valeures stockées dans un fichier xml et les afficher dans un menu déroulant dans un fichier html ou php (je ne sais pas si c possible avec html).
En fait j'ai un fichier xml avec une hierarchie du genre:
<course>
<voiture>
<ferrari><pilote><nom></nom><prenom></prenom></pilote></ferrari>
<porsche><pilote><nom></nom><prenom></prenom></pilote></porsche>
....
</voiture>
</course>

Je veux dans un premier temps afficher dans un menu deroulant les marques de voiture et une fois une marque selectionné, on affiche la liste des pilotes de cette marque dans un second menu deroulant.

J'espere avoir été assez clair.

Bonne soirée

[psylox]

il te faut manipuler le DOM de ton fichier html (php te générera un fichier html donc c'est pareil)
Il faut que tu refasses ton fichier xml (si celui que tu montres est celui que tu veux utiliser du style, je te conseil aussi d'y placer un id

Code :

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

1
2
3
4
5
 
<voiture id="1">
<marque>ferrari</marque>
<pilote><nom>Durant</nom><prenom>Jean Louis</prenom></pilote>
</voiture>

Ensuite pour ton menu il faut que tu récupères toutes les marques des voitures et les ajouter au Domn, je te prends l'ex d'un li mais tu prends ce que tu veux

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
//doc correspond a ton fichier ou flux xml
var voitures = doc.getElementsByTagName("voiture"); //récupère toutes les voitures mais tu t'en doutais ;)
var ul = document.getElementById("ton_ul_pour_liste");

for(var i=voitures.length-1;i>=0;i--) //je décrémente car ça va plus vite attention au length-1
{
var li = document.createElement("li");
li.appendChild(document.createElement(voitures[i].firstChild.nodeValue)); //attention au DOM IE et FF ne réagisse pas pareil \n correspond a un noeud pour FF et pas pour IE
li.setAttribute("id",voitures[i].getAttribute("id"));
ul.appendChild(li);
}

Allez on va prendre la devise de l'informaticien : "Normalement ça marche!"
j'ai l'habitude d'utiliser un framework donc il est possible que je me soit trompé dans certains noms de fonctions, mais l'idée est la