Listes dépendantes

rasheed
Nouveau WRInaute
Nouveau WRInaute
 
Messages: 44
Inscription: 11 Juil 2006

Listes dépendantes

Message le Dim Mar 23, 2008 0:27

Bonjour,

Je cherche un script (coté client) pour avoir 2 listes dépendantes pour afficher les villes dans une liste en fonction de la liste des Pays par exemple.

Merci


SuperCureuil
WRInaute impliqué
WRInaute impliqué
 
Messages: 673
Inscription: 9 Mar 2007

Message le Dim Mar 23, 2008 0:42

Cherche du côté de XmlHttpRequest en Ajax ...

Le premier résultat devrait déjà te convenir :D

Bonne nuit et bon travail !

rasheed
Nouveau WRInaute
Nouveau WRInaute
 
Messages: 44
Inscription: 11 Juil 2006

Message le Dim Mar 23, 2008 0:44

Merci de ta réponse mais je m'y connais pas en Ajax. J'essaye donc de chercher un script existant si j'arrive à le trouver. :wink:


Monty973
WRInaute passionné
WRInaute passionné
 
Messages: 1636
Inscription: 21 Mar 2006

Message le Dim Mar 23, 2008 0:55

rasheed a écrit:Merci de ta réponse mais je m'y connais pas en Ajax. J'essaye donc de chercher un script existant si j'arrive à le trouver. :wink:


Le script tout fait est déjà dans la page que t'indiques SuperCureuil : http://www.toutjavascript.com/savoir/xm ... quest.php3 point 5 :
Dans cet exemple, seules les notions couvertes dans les sections 1. à 4. sont utilisées, ainsi que quelques notions élémentaires de JS et de PHP. Vous devriez donc logiquement pouvoir comprendre le code par vous-même


Tu peux commencer par essayer et si tu rencontres un problème précis, je suis sûr que quelqu'un se donnera la peine d'essayer de te répondre.

rasheed
Nouveau WRInaute
Nouveau WRInaute
 
Messages: 44
Inscription: 11 Juil 2006

Message le Dim Mar 23, 2008 1:24

Merci, c'est le code que je cherche :wink:
J'ai essaye de tester le script, j'ai créé la table sur ma base de données mais je ne sais pas ou placer le code Javascript:

Code: Tout sélectionner
var l1    = f.elements["list1"];
var l2    = f.elements["list2"];
var index = l1.selectedIndex;
if(index < 1)
   l2.options.length = 0;
else {
   var xhr_object = null;
   
   if(window.XMLHttpRequest) // Firefox
      xhr_object = new XMLHttpRequest();
   else if(window.ActiveXObject) // Internet Explorer
      xhr_object = new ActiveXObject("Microsoft.XMLHTTP");
   else { // XMLHttpRequest non supporté par le navigateur
      alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest...");
      return;
   }

   xhr_object.open("POST", "species.php", true);
   
   xhr_object.onreadystatechange = function() {
      if(xhr_object.readyState == 4)
         eval(xhr_object.responseText);
   }

   xhr_object.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
   var data = "family="+escape(l1.options[index].value)+"&form="+f.name+"&select=list2";
   xhr_object.send(data);
}


Merci de votre Help


finstreet
WRInaute accro
WRInaute accro
 
Messages: 16999
Inscription: 10 Juil 2005

Message le Dim Mar 23, 2008 2:31

SuperCureuil a écrit:Cherche du côté de XmlHttpRequest en Ajax ...

Le premier résultat devrait déjà te convenir :D

Bonne nuit et bon travail !


Merci :-) J'ai pas demandé mais j'allais chercher :)


SuperCureuil
WRInaute impliqué
WRInaute impliqué
 
Messages: 673
Inscription: 9 Mar 2007

Message le Dim Mar 23, 2008 14:40

De rien :D

Tu peux placer le code dans la partie <head></head> de ta page ...

Bon dimanche

rasheed
Nouveau WRInaute
Nouveau WRInaute
 
Messages: 44
Inscription: 11 Juil 2006

Message le Dim Mar 23, 2008 19:21

SuperCureuil a écrit:De rien :D

Tu peux placer le code dans la partie <head></head> de ta page ...

Bon dimanche



hmm, je le met entre "<head><script language="JavaScript"> CODE </script></head>" et je rajoute un formulaire après <Body> ?!

Je m'y connais pas vraiment :cry:


Mercii


Si vous avez aimé cette discussion, partagez-la sur vos réseaux sociaux préférés :

Lectures recommandées sur ce thème :



Qui est en ligne

Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 0 invités