getElementsByName sous IE ?

Version imprimable

17/04/2008, 01h48
Lepirate62

getElementsByName sous IE ?
Bonjours,

Je crée une fonction qui doit afficher une image quand son id est selectionné dans un champs <select>, et forcéments, cache les autres.

mes images ont toutes le même name, mais un id différents.

IE, comme d'hab, me pose des problèmes: Il refuse le getElementsByName().
Code:

1 2 var idNonSelec = document.getElementsByName(name).item(i).id; document.getElementById(idNonSelec).style.display='none';
Auriez-vous une solution?
D'avance, merci.
17/04/2008, 09h01
le_chomeur

peux tu nous montrer le contexte ?
sinon :

Code:

var idNonSelec = document.getElementsByName(name)[i].id;

plutot :)

Bonjours, merci de cette réponse aussi rapide.

J'ai testé cette solution, malheureusement, elle ne résoud pas mon problème.

Code:

var idNonSelec = document.getElementsByName(name)[i].id;

Si ça peut aider, voilà la fonction complète:
Code:

1 2 3 4 5 6 7 8 function aff_img(ident,name) { var d = document.getElementById(ident); for( i=0; i<document.getElementsByName(name).length; i++){ var idNonSelec = document.getElementsByName(name)[i].id; document.getElementById(idNonSelec).style.display='none'; } document.getElementById(ident).style.display='block'; }
En gros, je l'appelle sur un select comme suit. En réalité, tout ça est généré avec un xslt_process().
Code:

1 2 3 4 5 <select id="categorie" name="categorie" onchange="javascript:aff_img(this[this.selectedIndex].value,'cat');"> <option>boite</option> <option>caisse</option> <option>autre</option> </select>
Et c'est censé afficher une image parmi celles-ci:
Code:

1 2 3 <img id="boite" name="cat" style="display:none" src="img/categorie/boite.jpg" width="75px" height="75px"> <img id="caisse" name="cat" style="display:none" src="img/categorie/caisse.jpg" width="75px" height="75px"> <img id="autre" name="cat" style="display:none" src="img/categorie/autre.jpg" width="75px" height="75px">
Le tout est dans un tableau, (mais ça, je crois qu'on s'en fout, quoique...):
<tr>
<td>le select</td>
<td>les images</td>
</tr>

J'éspère que ces morceaux de code aideront un peu.

17/04/2008, 09h52
le_chomeur
lol erreur toute bète ...

sous FF , si la valeur d'une option n'est pas remplit , FF prend le texte comme valeur IE non ( a raison d'ailleur :) )
Code:

1 2 3 4 <option>boite</option> <option>caisse</option> <option>autre</option>
sois tu ajoutes une valeur sois tu remplaces :

this[this.selectedIndex].value
par
this[this.selectedIndex].text

:)
17/04/2008, 10h17
Lepirate62

Bonjours,

le_chomeur => :king:

C'est la solution qu'il me fallait !
Effectivement, l'erreur est facile à commettre.

Je vais en profiter pour abuser un peu...

maintenant que ça marche du feu de dieu, il me reste un petit pb à résoudre:
Aucune image ne s'affiche.
J'imagine qu'écrire ceci est un peu naïf:

Code:

<body onload="javascript:aff_img(getElementById('categorie').text,'cat');">

C'est du rab, je mets "résolu" dans quelques instants...
17/04/2008, 10h41
Lepirate62

Et voilà, j'ai trouvé!
Il suffisait de recopier l'appel de la fonction classique !

Code:

<body onload="javascript:aff_img(document.getElementById('categorie')[document.getElementById('categorie').selectedIndex].text,'cat');">

Merci encore à le_chomeur.