[AJAX] attribuer innerHTML en retour AJAX

Version imprimable

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:

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:

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

12/07/2008, 21h35
d-Rek

T'as un code d'erreur sous FF ?
14/07/2008, 14h50
hiul dragonfel
t'as essayé de mettre le lien complet ?
Code:

1 2 url = "/toto/tata/choix_X.php"
15/07/2008, 09h08
Bovino

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é
15/07/2008, 10h56
johnson95

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 ?