Discussion :

[Bovino]

J'ai vu 3 petites choses :
Dans le js :

Code :

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

document.getElementById("ville").value = rep[0];

Dans le php :

Code :

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

if(isset($_POST['code']))  {

et :

Code :

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

$result = mysql_query ("SELECT ville FROM cpville  WHERE cp =".$_POST['code']."")...

Enfin, si tu ne te sers pas des name dans le formulaire, supprimes les au profit des id.

[sativa808]

Mais c'est qu on avance irait on!

en effet je pensai pas que $_post devait avoir les valeurs des ID du formuliare alors que c est tellement logique

donc enfin un affichage ds le alert mais la variable resultat undefined!
Si je remplace $resultat.= par $resultat = , la variable passe, mais je ne recupère plus qu'un seul choix même si plusieurs résultats attendus.

enfin tout ça peut s'afficher ds un input text, à voir pour creer la liste deroulante en boucle maintenant.

[Bovino]

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
<?php
// Fichier testcp.php
include ("connexion.php");
$resultat=''; 
if(isset($_POST['cp'])or die (mysql_error()))  {
	$AccesBase = mysql_connect($host,$username,$passSQL);
	mysql_select_db($bdd,$AccesBase);
	//$QuestionBase = ;($bdd, $QuestionBase)
	$result = mysql_db_query ("SELECT ville FROM cpville  WHERE cp =".$_POST['cp']."") or die (mysql_error());
			while ($row = mysql_fetch_assoc($result)){
			$resultat.=$row["ville"].";"; 
			}
			echo $resultat;			
			}
?>

[zintelix3d]

, ben par experience pour ne pas avoir de problème avec InnerHTML, vaux mieux écrire DIRECTEMENT dans une div



xhr.onreadystatechange = function()
{
if(xhr.readyState == 4 && xhr.status == 200)
{
var rep =xhr.responseText;
document.getElementById("cp").InnerHTML = '<select id ="ville" >'+rep+'</select>';
}
}

<div id='cp'>

</div>

[sativa808]

de retour, donc ça y est j ai de l'affichage et j'ai bricolé une liste avec un for,
le soucis est avec les paramètres de new Option qui m'affiche que le champ text est non pas value, donc il boucle sur choisissez.

peut etre cela vient du fait que responsetext renvoie du texte et pas ds valeurs ?

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
 
function go()
			 {	
			 getXhr()
 
 
			 xhr.onreadystatechange = function(){
			  if(xhr.readyState == 4 && xhr.status == 200){
			 var rep = xhr.responseText.split(";") ;
			 var mon_select = document.getElementById('ville');
			for (i=0; i< rep.length;i++){
			new_opt = new Option('--choisissez--',rep[i].value);
			mon_select.options[i] = new_opt;
			//i++;
			}

[Bovino]

Ta boucle n'est pas bonne,

Code :

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

1
2
3
4
5
for (i=0; i< rep.length;i++){
			new_opt = new Option('--choisissez--',rep[i].value);
			mon_select.options[i] = new_opt;
			//i++;
			}

Il faut plutôt :

Code :

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

1
2
3
4
for (i=0; i< rep.length;i++){
			documrnt.getElementById('ville')[i+1] = new Option(rep[i].value,rep[i].value);
			//i++;
			}

[sativa808]

en fait c'est bien le premier paramètres de new option qui gère l'affichage!
j ai mis ça en fait

Code :

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

1
2
3
4
 
for (i=0; i< rep.length;i++){
			document.getElementById('ville')[i] = new Option(rep[i],rep[i]);
}

afin d'eviter d'avoir une ligne vide de plus!!

plus qu'a voir si le champ de la liste va etre exploitable pour le renvoyer vers ma base de données!!

Encore merci Bovino!
@++

[sativa808]

me revoilà sur ce post ,

si tu passe par ici bovino, pourrais tu m'expliquer un petite chose sur la fonction que l'on a utilisé ?

lors du retour responsetext.split(";"), sais tu pourquoi le premier résultat m'affiche bien son texte mais pas sa valeur?
à partir du deuxième élément de la liste tout rentre dans l ordre et je peut donc exploiter la donnée pour SQL .

ca coince au niveau du retour ajax car si je mets un tableau comme ceci la liste et ok!

Code :

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

1
2
3
4
5
var rep = new Array("ville1","ville2","ville3","ville4");
		 //alert(xhr.responseText+'\n'+rep);
		for (i=0; i< rep.length;i++){
		document.getElementById('ville')[i] = new Option(rep[i],rep[i]);
		}

thanks

[Bovino]

Désolé, mais avec le code que tu montres, je ne vois pas d'anomalie...
En revanche, juste une petite chose, fais attention lors de la création de ton retour en php

Code :

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

1
2
3
4
5
while ($row = mysql_fetch_assoc($result)){
			$resultat.=$row["ville"].";"; 
			}
			echo $resultat;			
			}

la dernière occurence de la boucle met un ';' à la fin de la chaine, ce qui donne une entrée vide avec le split()...
Sinon, donnes la version finale du script js et éventuellement le xhr.responseText.

a+

[sativa808]

re,
en effet avec un array directement ca marche bien , la boucle est correcte donc. D'ailleurs je les manipulée dans tous les sens!
Il s'avére que c'est l index 0 qui ne repond pas bien, il s'affiche mais la valeur n'est pas transmise ou n'existe pas.

j'vais peut etre essayer de construire cette liste autrement, via "create element"

j'ai vu pas mal d'exemple pour la requete xhr,construite dans un autre order, mais celle ci passe bien on dirait!
voici le code actuel:

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
 
var xhr = null;
function getXhr(){
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; 				
			 } 
			 }
			  /* Méthode qui sera appelée */
 
			 function go()
			 {	
			 getXhr()
			 xhr.onreadystatechange = function() {
			  if(xhr.readyState == 4 && xhr.status == 200){
			 var rep = xhr.responseText.split("|") ;
			var opt = document.getElementById('ville');
			for (var i=0; i< rep.length;i++){
			opt.options[i] = new Option(rep[i],rep[i]); 
		      }
                      } 
                      }
//post
var sel = document.getElementById("code").value;
var url ="testcp.php";
xhr.open("POST",url,true);
xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
xhr.send('code='+ document.getElementById("code").value);

c'est enervant non ce bug...

[Bovino]

Oui c'est très énervant !
Et ton php ? Parce que je ne pense pas que ça vienne du js...
Essaye aussi un alert(rep[0])...

[sativa808]

salut bovino,
bon j me suis "arranger" , en faissant partir la boucle à i=1, c'est crade mais bon ca marche (il y a juste deux ligne vide dans la liste au debut!!).

revoici le php sinon, j pensais tester avec for each pour voir

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
<?php
// Fichier testcp.php
include ("connexion.php");
$resultat='';
if(isset($_POST['code'])or die (mysql_error()))  {
	$AccesBase = mysql_connect($host,$username,$passSQL);
	mysql_select_db($bdd,$AccesBase);
	//$QuestionBase = ;($bdd, $QuestionBase)
	$result = mysql_query ("SELECT ville FROM cpville  WHERE cp =".$_POST['code']."") or die (mysql_error());
			while ($row = mysql_fetch_assoc($result)){
			$resultat.=$row["ville"]."|"; 
			}
			echo $resultat;	}		
			 print_r($resultat);
?>

merci @+

au fait rep[0] affichait le bon resultat