Discussion :

[VooDooNet]

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 :

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

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 :

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
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

[mikaoul]

Salut,

Donc ton code ajax, tu as

Code :

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

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 :

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

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.

[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......

[mikaoul]

Alors tu peux utiliser

Code :

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

onload=newmenuderoulant(...)

Mais attention, à chaque que ta page sera rechargée, la fonction sera appelée.

[VooDooNet]

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

bizarre...

[VooDooNet]

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

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

Code :

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

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!

[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 ??

[E.Bzz]

Bonjour,

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 :

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

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 :

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

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

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

Code :

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

newmenuderoulant(this,'une_valeur', false)

A+

[mikaoul]

Ou bien

Code :

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

1
2
 
if(objetselect!=null)

[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