Faire apparaître 2 div d'un coup d'un seul

Bonjour,

J'ai deux div cachées que je souhaite afficher en un clic.
Manque de pot, une seule s'ouvre.

ça c'est mon code :

Code:

---

1 2 3 4 5 6

function switchMenuForum() { var formDiv=document.getElementById('Forum'); if(formDiv.style.display=="none") formDiv.style.display = ""; else formDiv.style.display= "none"; }

---

Et donc j'ai deux éléments qui ont l'id Forum.

==> Le premier dans la page ne s'ouvre pas, mais le second oui.

Comment faire ?

Code:

---

1 2 3 4 5 6

function switchMenuForum() { var formDiv=document.getElementById('Forum'); if(formDiv.style.display=="none") formDiv.style.display = "block"; else formDiv.style.display= "none"; }

---

@ tchaOo°

Salut Kankrelune,

ça fonctionne pas comme ça, je réexplique:

J'ai mis le code ci-dessus dans la balise head, le tiens puis le miens.
J'ai une div qui est cachée par défaut et qui se trouve en haut dans la code :

Code:

---

<div class="switchMenuForum" style="display:none;" id="Forum" ></div>

---

En dessous dans le code source de la page j'ai une seconde div :

Code:

---

1 2 3

<div class="menuGaucheCateg" onClick="switchMenuForum();">Forum </div> <div class="switchMenuForum" style="display:none;" id="Forum" > </div>

---

C'est quand je clique sur cette seconde div, que les deux doivent s'ouvrir.
Aussi, que voulais dire block dans ton exemple Kankrelune ?

display = "block" => affiche
display = "none" => affiche pas

@ tchaOo°

Bah oui mais ça fonctionne pas.

Yop!

Citation:

---

Envoyé par psychoBob

Et donc j'ai deux éléments qui ont l'id Forum.

---

Et getElementById ne retourne qu'un seul object et non une collection comme le ferait getElementsByName (note le S de elements).

Ryan

Oui en effet, ça parait évident.

Mais alors j'ai dû faire une faute ailleurs, parce que ça ne fonctionne toujours pas. En fait maintenant, plus rien ne s'ouvre.

ça c'est ma fonction :

Code:

---

1 2 3 4 5 6

function switchMenuForum() { var formDiv=document.getElementsByName('Forum'); if(formDiv.style.display=="none") formDiv.style.display = ""; else formDiv.style.display= "none"; }

---

ça c'est la première zone à afficher, en haut dans le code source :

Code:

---

<div class="switchMenuForum" style="display:none;" name="Forum" >

---

Et ça c'est la seconde, et c'est aussi là que l'action doit s'effectuer sur les deux div, donc celle ci-dessus, via le onclick :

Code:

---

1 2	<div class="menuGaucheCateg" onClick="switchMenuForum();">Forum </div> <div class="switchMenuForum" style="display:none;" name="Forum" >

---

En fait j'ai simplement remplacé id par name dans les div. Mais j'ai aussi essayé avec id et c'est pareil :roll: :?

:roll:

Code:

---

1 2 3 4 5 6 7 8 9

function switchMenuForum() { var formDiv=document.getElementsByName('Forum'); if(formDiv.style.display=="none") formDiv.style.display = "block"; else formDiv.style.display= "none"; }

---

:aie: :lol: ;)

@ tchaOo°

ouais bah tu peux te moquer mon pote, parce que j'ai essayé et ça foire aussi :aie:
(merci quand même pour le jolie coloriage du code)

M'enfin ça me fait pas rire c mon script qui foire :?

Je crois que ton problème est comme 'ryan' dit:

Code:

---

Et getElementById ne retourne qu'un seul object et non une collection

---

Tu ne reçois pas les 2 objects alors forcément que les 2 n'apparaissent pas.

j'ai essayé le truc de Ryan y'en a même plus un seul qui s'affiche, comme j'ai dit au dessus.

Citation:

---

Envoyé par psychoBob

Code:

---

1 2 3 4 5 6

function switchMenuForum() { var formDiv=document.getElementsByName('Forum'); if(formDiv.style.display=="none") formDiv.style.display = ""; else formDiv.style.display= "none"; }

---

ça c'est la première zone à afficher, en haut dans le code source :

Code:

---

<div class="switchMenuForum" style="display:none;" name="Forum" >

---

Et ça c'est la seconde, et c'est aussi là que l'action doit s'effectuer sur les deux div, donc celle ci-dessus, via le onclick :

Code:

---

1 2	<div class="menuGaucheCateg" onClick="switchMenuForum();">Forum </div> <div class="switchMenuForum" style="display:none;" name="Forum" >

---

---

Normal que ça marche pas , getElementsByName retourne un tableau et pas les elements voici une idée de code:

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14

function switchMenuForum() { var i; var formDiv=document.getElementsByName('Forum');   for(i=0;i<formDiv.length;i++) {   if(formDiv[i].style.display=="none") formDiv[i].style.display = "block"; else formDiv[i].style.display= "none"; }   }

---

UN ID DOIT ETRE UNIQUE SUR LA PAGE


un appel avec getElementById('monid') ne retourne qu'un seul objet ...

un appel avec getElementsByName('myname') retourne une collection d'objets

on atteint chaque élément de la collection individuellement et parconséquent leurs propriétés individuelles au moyen de leur indice dans la collection

Code:

---

1 2	var TabObj=document.getElementsByName('myname'); for (i=0; i<TabObj.lenght;i++){TabObjet.style.display="block"}

---

Bon je me fais :scarymov: et :sm:et :zekill:je suis un :traine: je :arrow:.

Je pense que tu devrai donné le meme nom à tes div ensuite dans ton code tu recupère la liste de ces div
ensuite dans ton code (si t'a que 2 div) tu les recupères ainsi:

Code:

---

1 2 3

var div1=getElementsByName('nomDeTesDiv')[0]; var div2=getElementsByName('nomDeTesDiv')[1];

---

J'espère avoir pu t'aider et sache qu'ici on est tous un peu dans la meme galère on demande de l'aide et je ne pense pas que ce soit la peine de s'enerver !

Bon... reprenons depuis le début... .. .

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16

function switchMenuForum() { var maDiv1 = document.getElementById('maDiv1'); var maDiv2 = document.getElementById('maDiv2'); if(maDiv1.style.display=="none") { maDiv1.style.display = "block"; maDiv2.style.display = "block"; } else { maDiv1.style.display= "none"; maDiv2.style.display= "none"; } }

---

et pour finir... .. .

Code:

---

1 2 3 4

<input type="button" value="Click" onClick="javascript:switchMenuForum();" /><br /> <div class="menuGaucheCateg" style="display:none;" id="maDiv1">Ma div n° 1</div><br /> <div class="switchMenuForum" style="display:none;" id="maDiv2" >Ma div n° 2</div>

---

@ tchaOo°

ça fonctionne !:king:

Et en plus le code est simple à comprendre.

Mais le résultat me plait pas :mouarf:

M'enfin ça c'est pas de votre faute. Merci !

1. plutot que de dire que le résultat te plait pas tu pourrais dire ce qui te plait pas... .. .
2. tu crois pas que l'on va te faire tout le boulot tu peux facilement l'adapter selon tes besoins... .. .

:aie: ;)

@ tchaOo°

Kankrelune je pense qu'il serai bon de se calmer!
On l'a aidé du mieux qu'on le pouvais pas la peine d'en rajouter une couche !

Citation:

---

Envoyé par stela86

Kankrelune je pense qu'il serai bon de se calmer!
On l'a aidé du mieux qu'on le pouvais pas la peine d'en rajouter une couche !

---

8O

Je serais curieux de savoir ce que tu entend par là... .. ?

@ tchaOo°