Discussion :

[*.Har(d)t]

Bonjour,

Je récupère une info à partir d'une base. Cette info pouvant prendre 3 états différents et exclusifs, elle est représentée dans le formulaire par des radio buttons.

Ces radio buttons sont générés en DOM, car une liste déroulante permet d'ajouter dynamiquement via une fonction JS des lignes au tableau.

En fonction de l'état pour la personne sélectionnée, l'un des radio doit être coché.

Pour cela, j'appelle la fonction suivante:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
function checkAnnuaire( unId, nature ) {
		var nom = "chkContact_" + unId;
		var indice = nature - 1;
		document.forms[0].elements[nom][indice].checked=true;
	}

Elle fonctionne parfaitement sous Firefox et IE, les radio cochés sont les bons.
En revanche, sous IE, impossible de changer le radio qui est coché. (Sous Firefox aucun problème.)

Quelqu'un a une idée ?

Merci d'avance,

*.Har(d)t

[SpaceFrog]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

document.forms[0].elements[nom][indice].checked="checked" ;

[*.Har(d)t]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

document.forms[0].elements[nom][indice].checked="checked" ;

C'était ce que j'avais mis a départ. J'ai remplacé par "true" suite à la lecture d'un tuto.
Je viens de retester avec "checked" par acquit de conscience, mais ça ne fonctionne pas non plus sous IE (sous FF nickel).

[SpaceFrog]

ton element il à un name ???

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

document.getElemensByName[nom][indice].checked="checked" ;

[*.Har(d)t]

ton element il à un name ???

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

document.getElemensByName[nom][indice].checked="checked" ;

Oui, le name est fait par la fonction qui créé la ligne de tableau contenant les radios.
Il est du type "chkContact_xx", où xx représente un nombre correspondant à l'id dans la base.

Ainsi, chaque groupe de 3 radios sur la ligne d'une personne porte le même nom.

Voici l'extrait de code de la fonction générant les radio:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
for( i = 1 ; i < 4 ; i++ ) {
	inputNode = document.createElement("input");
	inputNode.type = "radio";
	inputNode.name = "chkContact_" + document.forms[0].elements[0].options[unId].value;
	inputNode.id = "chkContact_" + document.forms[0].elements[0].options[unId].value;
	inputNode.value = i;
	tdNode = document.createElement("td");
	tdNode.appendChild(inputNode);
	trNode.appendChild(tdNode);
}
document.getElementById("listeAnnuaire").appendChild(trNode);

L'accès à ces radios se fait proprement en apparence, puisqu'ils sont bien cochés en fonction de ce qu'il y a dans la base. C'est simplement sous IE, quand je veux cocher un autre radio dans un groupe, celui qui est déjà coché ne se décoche pas (et celui que je veux cocher ne se coche pas.)

[SpaceFrog]

le problème vient de l'attribution dynamique du name

http://www.developpez.net/forums/sho...d.php?t=489641

[*.Har(d)t]

le problème vient de l'attribution dynamique du name

http://www.developpez.net/forums/sho...d.php?t=489641

Merci pour ton aide SpaceFrog, ça a l'air de fonctionner à peu près. Je vais tester plus avant pour éliminer toute mauvaise surprise, mais ça me semble bien être l'origine du problème.

Solution pour moi :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
for( i = 1 ; i < 4 ; i++ ) {
	var nom = "chkContact_" + document.forms[0].elements[0].options[unId].value;
	inputNode = document.createElement("<input name='" + nom + "' />");
	inputNode.type = "radio";
	inputNode.id = "chkContact_" + document.forms[0].elements[0].options[unId].value;
	inputNode.value = i;
	tdNode = document.createElement("td");
	tdNode.appendChild(inputNode);
	trNode.appendChild(tdNode);
}
document.getElementById("listeAnnuaire").appendChild(trNode);

[SpaceFrog]

il te faudra tout de même différentier IE et autres ...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

inputNode = (document.all)?document.createElement("<input name='" + nom + "' />"):document.createElement("input") ;