getElementsByName sous IE ?

**Lepirate62** · 17/04/2008, 01h48

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 :

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

1
2
var idNonSelec = document.getElementsByName(name).item(i).id;
document.getElementById(idNonSelec).style.display='none';

Auriez-vous une solution?
D'avance, merci.

**le_chomeur** · 17/04/2008, 09h01

peux tu nous montrer le contexte ?
sinon :

Code :

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

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

plutot

**Lepirate62** · 17/04/2008, 09h36

Bonjours, merci de cette réponse aussi rapide.

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

Code :

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

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

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

Code :

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

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 :

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

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 :

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

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.

**le_chomeur** · 17/04/2008, 09h52

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 :

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

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

**Lepirate62** · 17/04/2008, 10h17

Bonjours,

le_chomeur =>

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 :

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

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

C'est du rab, je mets "résolu" dans quelques instants...

**Lepirate62** · 17/04/2008, 10h41

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

Code :

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

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

Merci encore à le_chomeur.

getElementsByName sous IE ?

JavaScript

Discussions similaires

Partager

Partager