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

JavaScript Discussion :

[AJAX] attribuer innerHTML en retour AJAX


Sujet :

JavaScript

  1. #1
    Membre régulier
    Profil pro
    Inscrit en
    Juin 2006
    Messages
    256
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2006
    Messages : 256
    Points : 83
    Points
    83
    Par défaut [AJAX] attribuer innerHTML en retour AJAX
    Bonjour,

    Je possède sur une page Internet, 3 radio bouton ainsi selon celui sur lequel on appuie, je voudrais afficher une page différente :

    Voici le code

    Principal
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
     
    <form name="form1" method="post" action="">
    <center>
     <input type="radio" name="radiobutton" value="radiobutton" onChange="change('forfaits');">
      Forfaits
        <span style="margin-left:130px;"><input type="radio" name="radiobutton" value="radiobutton" onChange="change('majors');"></span>
      Chargements
       <span style="margin-left:130px;"> <input type="radio" name="radiobutton" value="radiobutton" onChange="change('demonstrations');">
       </span>
        D&eacute;monstrations
    	</center><br><br>
    </form>			
    	<div id="champ"><br></div>
    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
     
    function change(choix) 
    { 	
    	var url;
    	switch(choix){
    		case 'forfaits'			:	url='choix_forfait.php';
    									break;
    		case 'majors'			:	url='choix_majors.php';
    									break;
    		case 'demonstrations'	:	url='choix_demonstrations.php';
    									break;	
    	}
    	getXhr();
    	xhr.onreadystatechange = function(){
        	if(xhr.readyState == 4 && xhr.status == 200){
         		document.getElementById('champ').innerHTML=xhr.responseText;
         	}
        }
    	xhr.open("GET",url,true);
    	xhr.send(null);
    }
    En local :
    Firefox : marche trés bien
    IE : Marche avec un décalage

    En ligne :
    Ca ne fonctionne pas du tout

    Savez vous d'ou peut provenir le probleme ?
    Merci

    Informations :
    Serveur : Linux (fedora 8)
    IE 7
    Firefox 2

  2. #2
    Membre confirmé Avatar de d-Rek
    Homme Profil pro
    Développeur Web
    Inscrit en
    Janvier 2007
    Messages
    438
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Nord (Nord Pas de Calais)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Janvier 2007
    Messages : 438
    Points : 455
    Points
    455
    Par défaut
    T'as un code d'erreur sous FF ?

  3. #3
    Membre habitué Avatar de hiul dragonfel
    Profil pro
    Inscrit en
    Juin 2005
    Messages
    199
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2005
    Messages : 199
    Points : 155
    Points
    155
    Par défaut
    t'as essayé de mettre le lien complet ?

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    url = "/toto/tata/choix_X.php"
    Le langage de programmation le plus vieux, le plus optimiser et le plus efficace est l'ADN quelqu'un d'extrêmement intelligent l'a obligatoirement inventé.

  4. #4
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 53
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Points : 91 220
    Points
    91 220
    Billets dans le blog
    20
    Par défaut
    Il semble que ta méthode soit mauvaise...
    onchange sur un bouton radio n'est pas un événement sensé être reconnu pour ce type d'élément (c'est logique, quand tu cliques un bouton, il y en a 2 qui changent...)
    A ta place, j'utiliserais plutôt onclick avec ensuite un test sur celui qui est sélectionné puis l'appel à ta fonction avec l'argument adapté
    Pas de question technique par MP !
    Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
    Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'intégration de JSFiddle et CodePen sur le forum

  5. #5
    Membre régulier
    Profil pro
    Inscrit en
    Juin 2006
    Messages
    256
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2006
    Messages : 256
    Points : 83
    Points
    83
    Par défaut
    Bonjour,

    Merci de vos réponses !

    Alors pour les différentes réponses à vos questions :

    - Pas de message d'erreur sur Firefox
    - Si j'affiche les variable choix et url dans ma fonction "change", je récupere bien les bonnes valeurs que je fasse appel à ma fonction avec onChange ou onClick.

    Avez vous d'autres idées ?

Discussions similaires

  1. php et ajax : actualisation select si retour sur page
    Par pascale86 dans le forum Langage
    Réponses: 4
    Dernier message: 08/02/2008, 20h11
  2. [AJAX] Retour AJAX dans variable PHP
    Par mulot49 dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 08/06/2007, 13h00
  3. [AJAX] innerHTML assez déroutant
    Par dragonfly dans le forum Général JavaScript
    Réponses: 6
    Dernier message: 31/01/2007, 13h09
  4. [AJAX] Ajax et innerhtml
    Par reg11 dans le forum Général JavaScript
    Réponses: 4
    Dernier message: 05/09/2006, 10h33
  5. [AJAX] innerHTML et IE
    Par gmonta31 dans le forum Général JavaScript
    Réponses: 4
    Dernier message: 16/05/2006, 11h12

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