[AJAX] et document.getElementById
Bonsoir à tous,
J'ai un petit problème avec la récupération de la valeur d'un champ input text "topx" d'un formulaire. Ce qui est étrange, c'est que cela semble fonctionner avec FireFox Mozilla mais pas avec IE...
En effet, d'après mes messages d'alert placé dans mon code c'est au niveau de la ligne suivante que ca pose problème ...(avec Mozilla je peux visualiser les 3 messages d'alert en récupérant les valeurs, par contre avec IE, je ne récupère que le 1er message alert (coucou)...
Code:
topx = document.getElementById('topx').value;
Voici le code de mon formulaire:
Code:
1
2
3
4
5
| <td> Sélection des X plus grand:</td>
<td><input type="text" name="topx" id="topx" size="2"/></td>
<td><input type="button" value="Go" name="selecttopx" onClick="ShowTopX()" /></td>
</tr>
</table> |
Et celui ou je récupère ma valeur topx:
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
|
function ShowTopX(){
var xhr = getXhr();
alert ("coucou");
// 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){
di = document.getElementById('divresult');
di.innerHTML = xhr.responseText;
}
}
// Appel de la page qui va créer la liste des designations en mode POST et asynchrone
xhr.open("POST","ajaxstatistic.php",true);
// Données obligatoires pour le POST
xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
// Création de l'argument à passer en paramètre (ici idDicoCat)
idDicoCat = document.getElementById('dicocategories').options[document.getElementById('dicocategories').selectedIndex].value;
topx = document.getElementById('topx').value;
alert(idDicoCat);
alert(topx);
// Envoi des paramètres à la page
xhr.send("idDicoCat="+idDicoCat + "&topx="+topx);
} |
Si quelqu'un a une idée, je suis preneur !
Un grand merci par avance pour aide !
