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

Version imprimable

06/06/2006, 20h24
psychoBob

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°

06/06/2006, 20h42
psychoBob
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 ?
06/06/2006, 21h12
kankrelune

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

@ tchaOo°
06/06/2006, 21h33
psychoBob

Bah oui mais ça fonctionne pas.
06/06/2006, 21h47
ryan

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
06/06/2006, 22h02
psychoBob
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°

06/06/2006, 23h10
psychoBob

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 :?
06/06/2006, 23h45
MxPx_23

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.
07/06/2006, 00h18
psychoBob

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"; } }

07/06/2006, 08h52
SpaceFrog
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"}
07/06/2006, 11h14
psychoBob

Bon je me fais :scarymov: et :sm:et :zekill:je suis un :traine: je :arrow:.
07/06/2006, 11h42
stela86
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°

07/06/2006, 20h45
psychoBob

ç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 !
08/06/2006, 16h20
kankrelune
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°
08/06/2006, 17h41
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 !
09/06/2006, 16h51
kankrelune

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°
09/06/2006, 16h58
stela86

Par quoi?
Il avais besoin d'aide, il n'y arrivé pas et toi tu te permet de l'agresser je ne trouve pas ça très respectueux !
09/06/2006, 17h49
kankrelune

Citation:

Envoyé par stela86

Par quoi?
Il avais besoin d'aide, il n'y arrivé pas et toi tu te permet de l'agresser je ne trouve pas ça très respectueux !

Et où est ce que tu as vu que je l'agressais... Qui plus est il me semble qu'on lui a donné la solution à son problème... non... .. ?

L'expression écrite (un forum) n'est en rien comparable avec l'expression orale... du fait qu'il y manque l'intonation l'émotion que tu crois voir resortir d'un message est très subjectif de ce fait ce que tu prend pour de l'agression ne l'est pas forcement... enfin bref laisse tomber le off topic inutile... .. .

@ tchaOo°