Afficher l'un et cacher tous les autres

Version imprimable

Salut à tous,

J'ai un soucis avec ma fonction dont le but est de rendre visible un fielset et de cacher tous les autres.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
function setVisibleAndHideOthers(id) {
 //Trouver tous les fieldset
 var lst= document.getElementsByTagName("fieldset");
 
 var chaine = "";
 
 //Parcourrir la liste des éléments
 for (i=1; i<(lst.length); i++) {
  var previousClass = lst[i].class;
  //Si l'élément est celui demandé
  if (lst[i].id == id) {
   lst[i].class = "visible"; //Alors, le montrer
   } else {
   lst[i].class = "hidden"; //Sinon, le cacher
   }
   chaine += lst[i].id + " " + previousClass + " " + lst[i].class + "\n";
 }
 alert(chaine);
}

Elle m'affiche bien :

Code:

1
2
3
4
5
6
1437 hidden hidden
1145 hidden visible
1086 hidden hidden
1361 hidden hidden
1263 visible hidden
1287 hidden hidden

Voici le css associé :

Code:

1
2
3
4
5
6
.hidden {
   display : none;
}
.visible {
   display : inline;
}

Mais mes fieldset, n'apparaisent ni ne disparaissent.

Quelqu'un voit-il le souci?

Merci d'avance!

13/03/2009, 09h42
E.Bzz

Bonjour,
si tu testes en cliquant sur le 1° ou dernier, c'est normal : ils ne passent pas dans ta boucle ;)

Code:

for (i=1; i<(lst.length-1); i++) {

==>

Code:

for (i=0; i<lst.length; i++) {

Mais peut-être était-ce volontaire ? :?

A+
13/03/2009, 09h48
Goupo

Pour le départ à l'indice 1, c'est volontaire.
Avant la liste des fieldsets que je veux montrer/cacher, il y a un fieldset auquel je ne souhaite pas toucher.

Quand au -1, il s'agit d'une erreur. Cependant, Le problème a lieu sur tous les éléments et pas seulement sur le premier ou le dernier.

Merci d'avoir proposé.
13/03/2009, 09h51
Bovino

Code:

var previousClass = lst[i].class;

:nono:
class est un mot réservé de JavaScript, pour récupérer le nom de la classe, il faut utiliser className.

Code:

var previousClass = lst[i].className;

Citation:

Avant la liste des fieldsets que je veux montrer/cacher, il y a un fieldset auquel je ne souhaite pas toucher.

Le dernier aussi ?
13/03/2009, 09h52
E.Bzz

Arf !
J'avais pas vu : .class => .className ;)

A+
13/03/2009, 09h59
Goupo

:aie: Oh, non! C'était obligé que ce soit un truc à la con comme celui-là... Ah, mes petites erreurs de débutant Js. ^^

Merci bien!
:yaisse2: