getElementById NULL et select bloqué
Bien le bonjour, pris de désespoir je viens à vous!
J'ai un code qui marche absolument parfaitement sur mozilla mais internet explorer c'est bug sur bug. J'en ai déjà résolu mais là je calle sévère...
C'est une liste déroulante (d'entreprises), quand on choisi un élément alors des checkbox apparaissent (ce sont les contacts correspondants aux entreprises).
Le tout en javascript et ajax.
Sous internet explorer quand j'arrive sur la page, la première sélection fonctionne. Et ensuite le select se bloque, impossible de recliquer dessus, je dois actualiser la page...
Et l'erreur est :
"'document.getElementById(...)' a la valeur Null ou n'est pas un objet."
Voici mon code javacript/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
| function request(selection,callback){
if(selection.value != "" && selection.value != "0" ){
document.getElementById("id_form_operation").className = "";
var xhr = getXMLHttpRequest();
xhr.onreadystatechange = function() {
if (xhr.readyState == 4 && (xhr.status == 200 || xhr.status == 0)) {
callback(xhr.responseText);
document.getElementById("loader").className="";
document.getElementById("id_compte_assoc").className="hidden";
} else if (xhr.readyState < 4) {
document.getElementById("loader").className="hidden";
document.getElementById("id_compte_assoc").className="";
}
};
var id_compte_assoc = selection.value;
xhr.open("GET", "operation_ajout_traitement_ajax.php?id_compte_assoc=" + id_compte_assoc, true);
xhr.send(null);
}else{
document.getElementById("id_tr_assoc_contact").className="back_nom_input hidden";
}
}
function readData(sData) {
document.getElementById("id_tr_assoc_contact").className="back_nom_input";
document.getElementById("id_compte_assoc").innerHTML = sData;
} |
Et mon html/php :
Code:
1
2
3
4
5
6
7
8
9
10
11
| <tr class="back_nom_input" id="id_form_operation">
<td>Associer un compte *</td>
<td><select name="assoc_compte" id="id_form_assoc_compte" onChange="request(this, readData);">
<option value="0">Choisissez un compte</option>
<?php // Ici ma boucle qui me crée le select; ?>
</select></td>
</tr>
<tr class="back_nom_input hidden" id="id_tr_assoc_contact">
<td>Associer des contacts *</td>
<td id="id_compte_assoc"><span id="loader"><img src="images/icones/loader.gif" alt="loading" /></span></td>
</tr> |
Si vous avez une idée :)
Merci beaucoup
