problème de remplissage d'une liste javascript, xml et php

niz208 · 20/07/2011, 11h46

Salut tous le monde,
Y a-t-il qq1 qui peut m'aider à trouver le(s) erreurs(s) dans mes codes car celui de javascript n'affiche rien. ( la liste est toujours vide)
Le principe consiste à remplir une liste javascript, par XML créée en PHP
Merci d'avance.
Mon code Html

Code html :

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
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
 <script src="xhr.js" type="text/javascript"></script>
</head>
<body>
         <form id="form1" name="form1" method="post" action="">
           La liste des élèments:
           <select name="element" id="element" >
           </select>
          </form>
  </body>
</html>

Code xhr.js

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
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
window.onload = recuperation_elements();
function recuperation_elements() {
	var vxhr = testxhr();
        if (vxhr) { 				
	            vxhr.onreadystatechange = function(){ if (vxhr.readyState==4 && vxhr.status== 200 )
				                                         { exploiter_elements(vxhr.responseXML); }
                                                     }
			   vxhr.open("GET" , "element.php" , true);
	                   vxhr.send(null);
			  }
    else  {
            alert("un problème de XMLHttprequest")	
          }
 
}
 
function exploiter_elementst(arg) {
 
var xx= arg.getElementsByTagName('AA');
var nb = xx.length;
alert(nb);// cet alert m'affiche toujours un zéro
for (var i = 0	; i< nb ; i ++ ){
	var yy = xx[i];
	var lib = yy.getElementsByTagName('BB')[0].childNodes[0].nodeValue
	var dir = yy.getElementsByTagName('CC')[0].childNodes[0].nodeValue
	nouvel_element = new Option(lib,dir,false,false);
	document.form1.element.options[document.form1.element.length] = nouvel_element;
	}
}
 
function testxhr()
{
                var xhr = null; 
				if(window.XMLHttpRequest) // Firefox et autres
				   xhr = new XMLHttpRequest(); 
				else if(window.ActiveXObject){ // Internet Explorer 
				   try {
			                xhr = new ActiveXObject("Msxml2.XMLHTTP");
			            } catch (e) {
			                xhr = new ActiveXObject("Microsoft.XMLHTTP");
			            }
				}
				else { // XMLHttpRequest non supporté par le navigateur 
				   alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest..."); 
				   xhr = false; 
				} 
    return xhr;
}

code element.php

Code php :

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
 
 <?php 
 
	   require_once("MesFonctionsPhp.php");
	   session_start();
	   header('Content-Type: text/xml');
	   header('Cache-Control: no-cache, must-revalidate');
	   $connexion = connexion($_SESSION['host'],$_SESSION['user'],$_SESSION['passe'],$_SESSION['base']);
	   $resultat = mysql_query( "SELECT * FROM table1 order by abc;") ;
	   $xml = '<?xml version="1.0" encoding="utf-8"?>';
       $xml .='<XX>';
 
       while($ligne = mysql_fetch_array($resultat)){
          $xml .='<AA>';
		  $xml .='<BB>'.$ligne['abc'].'</BB>';
		  $xml .='<CC>'.$ligne['libelle'].'</cc>';
		  $xml .='</AA>';
 
        } 
        $xml .='</XX>';
 
		echo $xml;
 
 
	 ?>

brachior · 20/07/2011, 11h56

Dans la fonction recuperation_elements

Code :

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

1
2
alert("un problème de XMLHttprequest");

Dans la fonction exploiter_elementst

Code :

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

1
2
3
var lib = yy.getElementsByTagName('BB')[0].childNodes[0].nodeValue;
var dir = yy.getElementsByTagName('CC')[0].childNodes[0].nodeValue;

Si rien du javascript ne s'exécute, c'est qu'il y a un soucis de syntaxe.
La console d'erreur de ton navigateur te le dira ...

niz208 · 20/07/2011, 12h03

j'ai réglé les erreurs syntaxiques mais toujours le même problème sachant que dans le code xhr.js j'ai mis alert(nb) pour afficher la taille et il m'affiche Zéro

Bovino · 20/07/2011, 12h25

Code :

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

window.onload = recuperation_elements();

Avec cette syntaxe, tu affectes à l'événement onload le résultat de l'exécution de la fonction.
La syntaxe correcte est :

Code :

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

window.onload = recuperation_elements;

niz208 · 20/07/2011, 12h33

Citation:

Envoyé par Bovino

[code]

Code :

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

window.onload = recuperation_elements;

merci, mais toujours le même problème

Bovino · 20/07/2011, 12h41

Tu ferais bien de vérifier ce que te renvoies la requête, manifestement, le XML ne doit pas être valide...
Je te conseillerais d'ailleurs d'utiliser les fonctions XML de PHP pour le générer.

niz208 · 21/07/2011, 11h50

J'ai toujours le même problème (ma liste est vide). Y a-t-il qq1 qui peut m'aider et merci d'avance.

brachior · 21/07/2011, 12h09

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
 
function recuperation_elements() {
  // [...]
    { exploiter_elements(vxhr.responseXML); }
  // [...]
}
 
function exploiter_elementst(arg)
{
  var xx= arg.getElementsByTagName('AA');
  // [...]
}

Tu récupères une page via AJAX et tu la traites dans le DOM ...
Mais où est ce que tu écris cette page dans le DOM ?
Ou devrais tu pas plutôt traiter arg comme du XML ?

andry.aime · 21/07/2011, 13h47

Bonsoir Bonsoir

Citation:

vxhr.onreadystatechange = function(){ if (vxhr.readyState==4 && vxhr.status== 200 )
{ exploiter_elements(vxhr.responseXML); }
}
vxhr.open("GET" , "element.php" , true);
vxhr.send(null);
}
else {
alert("un problème de XMLHttprequest")
}

}

function exploiter_elementst(arg) {

var xx= arg.getElementsByTagName('AA');
var nb = xx.length;

A+.

niz208 · 21/07/2011, 14h14

Citation:

Envoyé par andry.aime

Bonsoir Bonsoir

Merci, j'ai rectifié les erreurs.
tjs le même problème : ma liste est vide

andry.aime · 21/07/2011, 14h20

Citation:

document.form1.element.options[document.form1.element.length] = nouvel_element;

Code :

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

document.form1.element.options[document.form1.options.length] = nouvel_element;

Sinon, montre nous ton code actuel.

A+.

andry.aime · 21/07/2011, 14h27

euh, désolé

Code :

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

document.form1.element.options[document.form1.element.options.length] = nouvel_element;

20/07/2011, 12h25	#4
Bovino Responsable Développement Web Didier Mouronval Développeur Web Inscription : juin 2008 Messages : 13 807 Détails du profil Informations personnelles : Nom : Didier Mouronval Âge : 41 Localisation : France, Gironde (Aquitaine) Informations professionnelles : Activité : Développeur Web Secteur : High Tech - Éditeur de logiciels Informations forums : Inscription : juin 2008 Messages : 13 807 Points : 35 797 Points : 35 797	Code : Sélectionner tout - Visualiser dans une fenêtre à part window.onload = recuperation_elements(); Avec cette syntaxe, tu affectes à l'événement onload le résultat de l'exécution de la fonction. La syntaxe correcte est : Code : Sélectionner tout - Visualiser dans une fenêtre à part window.onload = recuperation_elements; __________________ Pas de question technique par MP ! Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi ! Vous possédez un blog et aimeriez diffuser vos billets sur le forum, contactez-moi ! Mes formations video2brain : La formation complète sur JavaScript • JavaScript et le DOM par la pratique • PHP 5 et MySQL : les fondamentaux Mon livre sur jQuery
	00

20/07/2011, 12h41	#6
Bovino Responsable Développement Web Didier Mouronval Développeur Web Inscription : juin 2008 Messages : 13 807 Détails du profil Informations personnelles : Nom : Didier Mouronval Âge : 41 Localisation : France, Gironde (Aquitaine) Informations professionnelles : Activité : Développeur Web Secteur : High Tech - Éditeur de logiciels Informations forums : Inscription : juin 2008 Messages : 13 807 Points : 35 797 Points : 35 797	Tu ferais bien de vérifier ce que te renvoies la requête, manifestement, le XML ne doit pas être valide... Je te conseillerais d'ailleurs d'utiliser les fonctions XML de PHP pour le générer. __________________ Pas de question technique par MP ! Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi ! Vous possédez un blog et aimeriez diffuser vos billets sur le forum, contactez-moi ! Mes formations video2brain : La formation complète sur JavaScript • JavaScript et le DOM par la pratique • PHP 5 et MySQL : les fondamentaux Mon livre sur jQuery
	00

21/07/2011, 14h27	#12
andry.aime Rédacteur/Modérateur Andry Aimé Inscription : septembre 2007 Messages : 5 128 Détails du profil Informations personnelles : Nom : Andry Aimé Localisation : Ile Maurice Informations forums : Inscription : septembre 2007 Messages : 5 128 Points : 7 269 Points : 7 269	euh, désolé Code : Sélectionner tout - Visualiser dans une fenêtre à part document.form1.element.options[document.form1.element.options.length] = nouvel_element;
	00

20/07/2011, 12h03	#3
niz208 Invité de passage Inscription : janvier 2008 Messages : 11 Détails du profil Informations forums : Inscription : janvier 2008 Messages : 11 Points : 3 Points : 3	j'ai réglé les erreurs syntaxiques mais toujours le même problème sachant que dans le code xhr.js j'ai mis alert(nb) pour afficher la taille et il m'affiche Zéro
	00

21/07/2011, 11h50	#7
niz208 Invité de passage Inscription : janvier 2008 Messages : 11 Détails du profil Informations forums : Inscription : janvier 2008 Messages : 11 Points : 3 Points : 3	J'ai toujours le même problème (ma liste est vide). Y a-t-il qq1 qui peut m'aider et merci d'avance.
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email