Discussion :

[Overstone]

bonjour,

j'ai suivi le tuto pour afficher mes info sql avec AJAX en passant par XML, mais par contre je n'arrive pas à afficher ces infos dans un DIV au lieu d'une ALERT

voici mon code

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
31
32
33
 
<SCRIPT language="javascript">
function ajax()
{
    var xhr=null;
 
    if (window.XMLHttpRequest) { 
        xhr = new XMLHttpRequest();
    }
    else if (window.ActiveXObject) 
    {
        xhr = new ActiveXObject("Microsoft.XMLHTTP");
    }
    //on définit l'appel de la fonction au retour serveur
    xhr.onreadystatechange = function() { alert_ajax(xhr); };
 
    //on appelle le fichier reponse.txt
    xhr.open("GET", "reponse.php", true);
    xhr.send(null);
}
 
function alert_ajax(xhr)
{
 
	var docXML= xhr.responseXML;
	var items = docXML.getElementsByTagName("donnee")
	//on fait juste une boucle sur chaque élément "donnee" trouvé
	for (i=0;i<items.length;i++)
	{
		alert (items.item(i).firstChild.data);
	}
}
</SCRIPT>

je pensse qu'il faut intégrer

Code :

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

document.getElementById(id).innerHTML= 'donnee';

Mais ou ??? et comment ???

[Overstone]

Je me demande si ce que je veus faire est finalement possible ....

[Overstone]

j'ai bricolé sa :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
 
function alert_ajax(xhr)
{
 
	var docXML= xhr.responseXML;
	var items = docXML.getElementsByTagName("donnee")
	//on fait juste une boucle sur chaque élément "donnee" trouvé
	for (i=0;i<items.length;i++)
	{
		document.getElementById(affiche) (items.item(i).firstChild.data);
	}
}

Mais sa ne marche toujours pas ....

[Shinuza]

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
function alert_ajax(xhr)
{
 
	var docXML= xhr.responseXML;
	var items = docXML.getElementsByTagName("donnee");
	var affiche = document.getElementById("affiche");
	//on fait juste une boucle sur chaque élément "donnee" trouvé
	for (i=0;i<items.length;i++)
	{
		 affiche.innerHTML += items.item(i).firstChild.data;
		 //affiche.innerHTML += items[i].firstChild.data;
	}
}

Dans la variable affiche, je récupère une réference à l'element qui à l'id affiche.
Note que je stocke cette variable en dehors de la boucle, histoire d'éviter d'appeller la fonction getElementById x fois alors que c'est le même élement que je manipule.
Ensuite dans la boucle, j'ai commenté une ligne, c'est l'équivalence à celle du haut en plus simple

Il manquait l'affectation de innerHTML dans ton code, je l'ai rajouté.

Sinon, dépendant du navigateur, tu peux avoir des suprises puisque firefox compte les retours de chariots comme des noeuds.

[Overstone]

Merci, j'ai réussi à intégrer le code parfaitement tout marche trés bien

Par contre est il possible de spécifier dans le xml l'affichage d'une image et d'un lien, écrire du html en quelque sorte, car je n'arrive pas à comprendre le roll de xml simple liste de donnée ???

sinon est il possible d'exploiter ses données pour les traiter ensuite dans des balises html pour les structurers

[AnneB]

J'ai essayé ton code en version "adaptée" mais chez moi ca ne marche pas....

J'ai un objet :

Code :

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

xmlData=request.responseXML;

Et je modifie des trucs dans ce fichier (valeur de l'attribut "visibility" des tags "g")....
Mais apres quand je faic ceci :

Code :

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

1
2
3
4
5
6
var items = xmlData.getElementsByTagName("g")
	//on fait juste une boucle sur chaque élément "g" trouvé
	for (i=0;i<items.length;i++)
	{
		alert (items.item(i).firstChild.data);
	}

J'ai bien 6 alert (j'ai 6 balises g dans mon fichier xml), mais par malheur le text des alert est la chaine de character vide : "". Si jamais je fais :

Code :

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

1
2
3
4
5
6
var items = xmlData.getElementsByTagName("g")
	//on fait juste une boucle sur chaque élément "g" trouvé
	for (i=0;i<items.length;i++)
	{
		alert (items.item(i).firstChild);
	}

Alors j'ai 6 alerts disant la même chose : "[object Text]"

...

Une idée de pourquoi?

[AnneB]

j'ai trouvé pas mal de trucs sur ce site qui m'on permis de résoudre le pb