Discussion :

[Renzokuken]

Salut à tous,

Voila, IE m'affiche une erreur JS sur ce code "style a la valeur null ou n'est pas un objet" :

Code :

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

1
2
3
4
5
6
7
8
9
10
<script type='text/javascript'>
 
function toggle(NameElement) {
    var element = document.getElementsByName(NameElement);
    if( ! element) return false;
 
    element.style.display = (element.style.display === 'none') ? '' : 'none';
}
 
</script>

Je n'arrive pas à voir qu'est-ce qui ne va pas.

Si je remplace, getElementsByName par getElementById et change l'attribut name = "" par id="" dans les balises voulues, ça fonctionne mais pas sur toutes les balises ayant le même id car celui-ci est unique, il ne s'applique qu'à la première balise portant l'id : d'où j'aimerais remplacer id par name...


Merci d'avance.

[Bovino]

Salut.
Comme l'indique le s de getElementsByName, cette méthode renvoie une collection d'éléments. Pour modifier un style, il faut donc d'abord spécifier de quel élément de la collection on parle.

Code :

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

element[0].style.display = (element[0].style.display === 'none') ? '' : 'none';

[Renzokuken]

Merci pour ta réponse Bovino : claire et précise. ^^

Il y a un petit soucis avec IE, j'ai lu que "getElementsByName" prend en compte l'attribut "id". Il n'y a pas d'autre manière que de rajouter l'attribut "id" avec la même valeur, non ?

Sinon, il y a t-il un moyen de récupérer le nombre d'éléments récupérés ? (je veux faire une boucle pour appliquer le code à toutes balises ciblées).

Cdt

[andry.aime]

Bonjour,

il y a t-il un moyen de récupérer le nombre d'éléments récupérés ?

Code :

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

element.length