IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

AJAX Discussion :

[AJAX] et document.getElementById


Sujet :

AJAX

  1. #1
    Membre à l'essai
    Profil pro
    Inscrit en
    Août 2009
    Messages
    30
    Détails du profil
    Informations personnelles :
    Localisation : Suisse

    Informations forums :
    Inscription : Août 2009
    Messages : 30
    Points : 22
    Points
    22
    Par défaut [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 : Sélectionner tout - Visualiser dans une fenêtre à part
    topx = document.getElementById('topx').value;
    Voici le code de mon formulaire:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
           <td>&nbsp;&nbsp;S&eacute;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 : 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
     
    			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 !

  2. #2
    Membre à l'essai
    Profil pro
    Inscrit en
    Août 2009
    Messages
    30
    Détails du profil
    Informations personnelles :
    Localisation : Suisse

    Informations forums :
    Inscription : Août 2009
    Messages : 30
    Points : 22
    Points
    22
    Par défaut
    Oups ...oups !
    Je viens de voir une excellente suggestion sur un autre POST qui semble fonctionner.

    Apparemment en ajoutant "var" devant ma variable topx le problème est résolu !

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Réponses: 3
    Dernier message: 02/05/2009, 09h03
  2. [AJAX] Compatibilite Ajax Internet explorer window.document.getElementById
    Par vinczente dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 05/06/2008, 09h49
  3. Réponses: 2
    Dernier message: 07/01/2007, 12h22
  4. document.getElementById() has no properties ..
    Par ahage4x4 dans le forum Général JavaScript
    Réponses: 8
    Dernier message: 01/06/2005, 17h04
  5. This.value au lieu de document.getElementById('field').value
    Par yoyot dans le forum Général JavaScript
    Réponses: 4
    Dernier message: 04/03/2005, 14h02

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo