Deux fonctions ds le "OnChange" !

**lecail65** · 02/08/2006, 09h23

Bonjour !

Je sollicite votre attention pour un probleme que je n'arrive pas a resoudre sur l'evenement onchange d'une liste deroulante!

En effet lorsque la valeur de la liste deroulante change je souhaite agir sur deux autres listes déroulantes.
Je me suis inspiré du POST Ajax (sur les listes deroulantes) du forum.

Code :

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

1
2
3
 
 
<select class="cellule" name='groupe' id='groupe' onchange='go_s();go_lst'>

lors de l'execution IE me renvoi une erreur:

Erreur: Erreur d'execution inconnue.

De plus lorsque je selectionne un element de ma liste principale le resultat s'affiche pas dans la bonne zone ( c a dir : ds la liste deroulante 2 o lieu d'etre ds la liste deroulante 3)

voici mes fonctions :

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
49
50
51
 
 
// agir sur la liste deroulante 2 a partir de la liste 1
function go_s()
{
  getXhr();
  // On défini ce qu'on va faire quand on aura la réponse
  xhr.onreadystatechange = function(){
    // On ne fait quelque chose que si on a tout reçu et que le serveur est ok
    if(xhr.readyState == 4 && xhr.status == 200)
    {
      leselect = xhr.responseText;
      // On se sert de innerHTML pour rajouter les options a la liste
      document.getElementById('sous_groupe').innerHTML = leselect;
    }
  }
  // Ici on va voir comment faire du post
  xhr.open("POST","AjaxSousGroupe.php",true);
  // ne pas oublier ça pour le post
  xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
  // ne pas oublier de poster les arguments
  // ici, l'id du groupe
  sel = document.getElementById('groupe');
  id_g = sel.options[sel.selectedIndex].value;
  xhr.send("id_g="+id_g);
}
 
// agit sur la liste deroulante 3 a aprtir de la liste 1
function go_lst()
{
  getXhr();
  // On défini ce qu'on va faire quand on aura la réponse
  xhr.onreadystatechange = function(){
    // On ne fait quelque chose que si on a tout reçu et que le serveur est ok
    if(xhr.readyState == 4 && xhr.status == 200)
    {
      leselect = xhr.responseText;
      // On se sert de innerHTML pour rajouter les options a la liste
      document.getElementById('liste_m').innerHTML = leselect;
    }
  }
  // Ici on va voir comment faire du post
  xhr.open("POST","AjaxListeNoSG.php",true);
  // ne pas oublier ça pour le post
  xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
  // ne pas oublier de poster les arguments
  // ici, l'id du sous groupe
  sel = document.getElementById('groupe');
  id_l = sel.options[sel.selectedIndex].value;
  xhr.send("id_l="+id_l);
}

jespere qu'il y a assez d'elements afin que vous puissiez m'aider !!

**delas** · 02/08/2006, 09h57

'lut

t'as pas oublié les parentheses derriere go_lst?

Code :

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

1
2
<select class="cellule" name='groupe' id='groupe' onchange='go_s();go_lst()'>

**lecail65** · 02/08/2006, 09h59

ah oui effectivement elle n'y sont pas ds le bout de code posté mais ds mon code elle y sont bien et ca bug ... lol

Invité · 02/08/2006, 10h06

salut

essaye sous Firefox, la console nous en dira plus que le superbe "Erreur d'exécution inconnue" d'IE

l'erreur vient peut-être du fait que tu utilises la même variable globale dans 2 fonctions appelées très rapidement à la suite l'une de l'autre... mais je ne suis pas sûr du tout...

**lecail65** · 02/08/2006, 10h12

lut !

je vais testé pour voir avec firefox !

On m'a aussi conseillé de mettre ma deuxieme fonction ds un autre evenement le Onblur !

Résultat : il n'y a plus d'erreur mais la liste 3 ne se met a jour seulement a la perte du focus !

savez-vous comment faire pour envoyer le focus a un autre controle ??

**lecail65** · 02/08/2006, 10h21

je viens de rajouter une ligne a la fin de ma fonction afin que le focus soit transmis a une autre liste mais ca ne fait rien :

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

// agit sur la liste deroulante 2 a partir de la liste deroulante 1
function go_s()
{
  getXhr();
  // On défini ce qu'on va faire quand on aura la réponse
  xhr.onreadystatechange = function(){
    // On ne fait quelque chose que si on a tout reçu et que le serveur est ok
    if(xhr.readyState == 4 && xhr.status == 200)
    {
      leselect = xhr.responseText;
      // On se sert de innerHTML pour rajouter les options a la liste
      document.getElementById('sous_groupe').innerHTML = leselect;
    }
  }
  // Ici on va voir comment faire du post
  xhr.open("POST","AjaxSousGroupe.php",true);
  // ne pas oublier ça pour le post
  xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
  // ne pas oublier de poster les arguments
  // ici, l'id du groupe
  sel = document.getElementById('groupe');
  id_g = sel.options[sel.selectedIndex].value;
  xhr.send("id_g="+id_g);
  
  // on donne le focus a la liste deroulante 3
  document.getElementById('liste_m').focus();

}

faut-il que je mettent ce bout de code ds le fichier AjaxSousGroupe.php ??

**FremyCompany** · 02/08/2006, 10h33

Essaie déjà de corriger la faute AJAX de ton code (voir ici ou la)

**lecail65** · 02/08/2006, 10h50

Oui je viens d'y jeter un coup d'oeil avant que tu poste cela !

J'ai bien remplacé

Code :

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

1
2
3
4
5
6
7
 
 
getxhr(); 
 
par
 
xhr = getxhr();

mais ca me donne de nouveau un erreur d'execution

j'ai meme donné des nom differents pour chak fonction (se qui ne sert a rien) mais pour tester ! rien de mieu

l'erreur qui se produit est au niveau de ma deuxieme fonction :

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

function go_lst()
{

  var xhr = getXhr();
  // On défini ce qu'on va faire quand on aura la réponse
  xhr.onreadystatechange = function(){
    // On ne fait quelque chose que si on a tout reçu et que le serveur est ok
    if(xhr1.readyState == 4 && xhr.status == 200)
    {
      leselect = xhr.responseText;
      // On se sert de innerHTML pour rajouter les options a la liste
      document.getElementById('liste_m').innerHTML = leselect;
    }
  }
  // Ici on va voir comment faire du post
  xhr.open("POST","AjaxListeNoSG.php",true);
  // ne pas oublier ça pour le post
  xhr1.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
  // ne pas oublier de poster les arguments
  // ici, l'id du sous groupe
  sel = document.getElementById('groupe');
  id_l = sel.options[sel.selectedIndex].value;
  xhr.send("id_l="+id_l);
}

IE ne reconnait pas l'objet .??

**lecail65** · 02/08/2006, 10h59

Yéééé! ca y est enfin ca marche !

Effectivment faut bien lire les post avant de poter ! le pb est recurant je vois mais bon .....

En tout cas merci !

**FremyCompany** · 02/08/2006, 11h22

Envoyé par lecail65

Yéééé! ca y est enfin ca marche !

Effectivment faut bien lire les post avant de poter ! le pb est recurant je vois mais bon .....

En tout cas merci !

Récurant, c'est le cas de le dire

Bonne continuation

**hugo69** · 25/01/2007, 22h05

merci pour lexplication

Deux fonctions ds le "OnChange" !

JavaScript

Partager

Partager