Initialisation Select avec Ajax (php)

Version imprimable

Bonjour,
j'ai ecrit un petit script ajax pour mettre afficher ou cacher des champs d'un formulaire en fonction du choix d'un select, et j'initialise la valeur de ce select a la valeur récupéré dans la bdd, mais l'affichage des champs de ne fait pas...

fichier principal:

Code:

1
2
3
4
5
6
7
8
9
<script language="JavaScript" src="modules/metro/combos.js" type="text/javascript"> </script>
...
<select name="Ctrltype" id="Ctrltype" onChange="newmenuderoulant(this,'<?php echo $IdEquipCtrl; ?>')">
     <option>--select--</option>
      <option value="Lab"<?php if ($rowcontrol[Ctrltype]=="Lab") {echo " selected";} ?>>Lab (Min-Max)</option> 
      <option value="Maintenance"<?php if ($rowcontrol[Ctrltype]=="Maintenance") {echo " selected";} ?>>Maintenance (Δ)</option>
      </select>
....
<td> <div id="combo2"></div> </td>

l'ajax marche bien, l'affichage se fait bien si on passe d'une valeur a une autre dans le select, mais pas a l'initialisation....

est-ce a cause de ca:
http.onreadystatechange = displaylist2; ??

voila l'ajax:

Code:

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
function creerConnexion() {
   var connexion;
   connexion = window.XMLHttpRequest 
   ? new XMLHttpRequest() : 
   new ActiveXObject("Microsoft.XMLHTTP");
   return connexion;
}
 
var http = creerConnexion();
 
function newmenuderoulant(objselect,idctrl) {
 
    var Ctrltype =objselect.options[objselect.selectedIndex].valu
e;
      //alert(Ctrltype);
    if (idctrl!=null)
      http.open('get', 'modules/metro/ajax.php?Ctrltype='+Ctrltype+'&am
p;idctrl='+idctrl);
      else http.open('get', 'modules/metro/ajax.php?Ctrltype='+Ctrltype);
 
   http.onreadystatechange = displaylist2;
   http.send(null);
 
}
 
function displaylist2(){
    if(http.readyState == 4){
      var response = http.responseText;
      document.getElementById("combo2").innerHTML=resp
onse;
    }
   else
   {
      /*alert('Etape '+http.readyState);*/
   }
}

dans le fichier ajax.php je cree les champs que j'affiche dans le div id combo2 ...

merci pour vos idées et votre aide!
++
VooDoo

06/08/2007, 16h55
mikaoul
Salut,

Donc ton code ajax, tu as
Code:

1 2 if(idctrl!=null)
Je vois que c'est une variable php, qu'est ce qu'elle signifie ?
Quand est-ce que la condition est vrai ? quand est-ce qu'elle est fausse ?

Autre chose,
Code:

1 2 3 http.open('get', 'modules/metro/ajax.php?Ctrltype='+Ctrltype+'&am p;idctrl='+idctrl);
Cette ligne fonctionne ? J'ai bien peur que & ne soit pas compris par le navigateur.
06/08/2007, 17h05
VooDooNet

le test de la variable verifie que l'utilisateur a bien selectionner un des 2 choix amenant l'affichage d'un des 2 champ input.

petite erreur dans le copier/coller du code, il fallait lire:
http.open('get', 'modules/metro/ajax.php?trltype='+Ctrltype+'&idctrl='+idctrl);

mais l'ajax marche bien, c'est juste que je n'arrive pas a initialiser la page avec les valeurs de la bdd...
En fait l'affichage des champs se fait sur le onChange du select. mais lors du chargement de la page il n'y a pas de changement......
06/08/2007, 17h12
mikaoul

Alors tu peux utiliser

Code:

onload=newmenuderoulant(...)

Mais attention, à chaque que ta page sera rechargée, la fonction sera appelée.
06/08/2007, 17h41
VooDooNet

vi j'ai déjà essayé ca, mais ca marche pas...
comme si quelquechose bloquait dans le javascript...

bizarre...

ok c'est bien dans le javascript que ca foire...
quelquechose la dedans:

var Ctrltype =objselect.options[objselect.selectedIndex].value;

en fait Ctrltype doit avoir la valeur de la bdd au chargement de la page, puis la valeur selectionnée en cas de changement dans le select...
mais je c pas faire :oops:

du coup j'ai créé une autre fonction que j'appeles directement au chargement de la page, et ca marche:
Code:

1 2 3 4 5 6 7 8 9 10 11 function newmenuderoulant2(Ctrltype,idctrl) { if (idctrl!=null) http.open('get', 'modules/metro/ajax.php?trltype='+Ctrltype+'&idctrl='+idctrl); else http.open('get', 'modules/metro/ajax.php?Ctrltype='+Ctrltype); http.onreadystatechange = displaylist2; http.send(null); }
Merci pour ton aide!

06/08/2007, 18h39
VooDooNet

Remarque quelqu'un a peut etre la reponse pour tester si la valeur provient du select ou pas, pour eviter que je fasse la 2ieme fonction ??

Bonjour,

Citation:

Envoyé par VooDooNet

en fait Ctrltype doit avoir la valeur de la bdd au chargement de la page, puis la valeur selectionnée en cas de changement dans le select...
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 function newmenuderoulant(objselect,idctrl,blnIssuDuSelect) { var Ctrltype =objselect.options[objselect.selectedIndex].valu e; //alert(Ctrltype); if (blnIssuDuSelect) http.open('get', 'modules/metro/ajax.php?Ctrltype='+Ctrltype+'&am p;idctrl='+idctrl); else http.open('get', 'modules/metro/ajax.php?Ctrltype='+Ctrltype); http.onreadystatechange = displaylist2; http.send(null); }
avec

Code:

<select name="Ctrltype" id="Ctrltype" onChange="newmenuderoulant(this,'<?php echo $IdEquipCtrl; ?>', true)">

Dans les autres cas (ton init, par ex.) tu appelleras

Code:

newmenuderoulant(this,'une_valeur', false)

A+

06/08/2007, 19h22
mikaoul
Ou bien
Code:

1 2 if(objetselect!=null)
07/08/2007, 09h45
VooDooNet

Merci pour votre aide, g pris la solution a E.bzz.
le if(objetselect!=null) ne fonctionne pas vu qu'il est jamais null...
Merci encore
A+
VooDoo