[AJAX] Click sur select alimenté par ajax plante ie

Bonjour,

J'utilise ajax depuis peu et j'ai un gros problème :
- j'ai prévu que l'évènement onchange du select 1 mette à jour, via window.ActiveXObject, les options possibles du select 2.

- tout marche très bien sauf que, parfois, lorsque je clique sur le select 2, ie se ferme sans préavis !

Je n'y comprend rien. Au secours !

Philippe

Bonjour,

Citation:

---

Envoyé par Pgs

Je n'y comprend rien.

---

nous pas plus, sans ton code ...

A+

Bonjour,

a) La fonction onchange du select 1 est : majmotifchoix(this)

b) Cette fonction est définie comme suit :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

function majmotifchoix(x) { var xhr_object = null; if(window.XMLHttpRequest) xhr_object = new XMLHttpRequest(); else if(window.ActiveXObject) xhr_object = new ActiveXObject("Microsoft.XMLHTTP"); else { alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest..."); return; } xhr_object.open("POST", "maj.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"); xhr_object.send(); }

---

c) maj.php est le suivant :

Code:

---

1 2 3 4 5 6 7 8 9

echo 'var s=document.getElementById("motif");'; echo 's.options.length=0;'; $req="..." $dataset=mysql_db_query($base, $req, $conn); while ($enreg = mysql_fetch_array($dataset)) { echo 's.options[s.options.length] = new Option("'.$enreg['description'].'", "'.$enreg['id'].'", false, false);'; } }

---

La fonction marche bien.

C'est lorsque je fais un click sur le select "motif" que ça plante.

Et si tu enlèves

Code:

---

xhr_object.setRequestHeader("Content-type", "application/x-www-form-urlencoded");

---

??

Sinon, le code HTML des objets concernés serait nécessaire.
De plus, le code généré par maj.php serait préférable :mrgreen:

A+

Si j'enlève
xhr_object.setRequestHeader("Content-type", "application/x-www-form-urlencoded");

alors mon select n'est même plus mis à jour.

Mon problème réside plus dans l'utilistaion du select après mise à jour que dans sa mise à jour elle même.

Je n'ai pas voulu entrer trop dans le détail, mais en fait, la liste des options du select "motif" varie en fonction de la valeur du premier select.

Et tout celà fonctionne bien. Le problème survient aléatoirement, lorsque le select motif a été mis à jour plusieurs fois (nombre variables) suite à différents changements de valeur dupremier select.

Le problème ne suivient pas lors de la mise à jour, mais lorsque je clique sur le select après mise à jour.

Mon problème n'est pas facile à décrire, je m'excuse par avance si mes explications ne sont pas claires.

Philippe

Le problème est peut être que tu forces la longueur du select à 0 alors que tu n'as pas effectivement supprimé les options :

Code:

---

1 2	echo 'var s=document.getElementById("motif");'; echo 's.options.length=0;';

---

Il faudrait donc (peut-être) auparavant supprimer les options (removeChild)

A+

Je ne pourrais pas dire si c'est la cause, mais certains navigateurs perdent les pédales lorsque l'élément sur lequel il y a le "focus" disparait spontanément. Tu pourrais toujours tester en changeant le focus. Qui sais ? 8-)

Merci à tous les deux pour vos réponses.

Je vais essayer...

Bonne journée

Philippe

Bonjour,

J'ai le même problème sous IE7. Apparemment ça n'intervient que sur les <select > ayant un seul "option" généré par l'ajax

Pour ma part, je vide le select via la fonction

Code:

---

1 2 3 4 5

function select_vider(select1) { while(select1.length>0) select1.options[select1.length-1] = null; }

---