Discussion :

[ramijrad]

Bonjour,
je cherche une fonction (show hide) qui permet d'afficher un array si on clique sur un lien ou le cacher si on clique de nouveaux sur le meme lien.
merci d'avance pour votre aide

[gael]

Je vois pas trop ce qu'est un array: un tableau javascript sérialisé ou un tableau HTML (<table>)?

Code :

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

1
2
3
4
5
6
7
8
9
10
 
 
arrayIsShown = true;
function toggle(){
  if( arrayIsShown == true ){
     document.getElementById('ID_DU_TRUC_A_AFFICHER_OU_MASQUER').style.display = 'none';
  else
     document.getElementById('ID_DU_TRUC_A_AFFICHER_OU_MASQUER').style.display = 'none';
  }
}

Code :

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

1
2
 
<span class="lien" onclick="toggle()">texte du lien</span>

[bigboomshakala]

Le code précédent en plus synthétique et en corrigeant la coquille (display none à chaque fois)

Code :

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

1
2
3
4
5
function toggle(id){
  var obj = document.getElementById(id);
  obj.style.display = (obj.style.display == "none" ? "block" : "none");
  // ou autre chose que block suivant ce qu'on veut : inline, ...
}

Code :

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

<span class="lien" onclick="toggle('id_de_l_element')">texte du lien</span>

[SpaceFrog]

afficher un array ?
on afffiche des objets html , pas js ...

[Bovino]

Le code précédent en plus synthétique et en corrigeant la coquille (display none à chaque fois)

Code :

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

1
2
3
4
5
function toggle(id){
  var obj = document.getElementById(id);
  obj.style.display = (obj.style.display == "none" ? "block" : "none");
  // ou autre chose que block suivant ce qu'on veut : inline, ...
}

Code :

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

<span class="lien" onclick="toggle('id_de_l_element')">texte du lien</span>

Tout aussi synthétique mais peu importe le style de l'élément :

Code :

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

1
2
3
4
function toggle(id){
  var obj = document.getElementById(id);
  obj.style.display = (obj.style.display == "none" ? "block" : "");
}

Le style vide correspond à utiliser le style par défaut

[gael]

Code :
function toggle(id){
var obj = document.getElementById(id);
obj.style.display = (obj.style.display == "none" ? "block" : "");
}
Le style vide correspond à utiliser le style par défaut

ca serait pas plus:

Code :

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

1
2
 
  obj.style.display = (obj.style.display == "none" ? "" : "none");

?

[Bovino]

ca serait pas plus:

Code :

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

1
2
 
  obj.style.display = (obj.style.display == "none" ? "" : "none");

?

Pas faux