Afficher/Masquer 1 div en masquant les autres
Résolu
Dragonsky51
Messages postés
34
Statut
Membre
-
mirakanto -
mirakanto -
Bonjour,
En fait j'ai un javascript qui me permet actuellement d'afficher ou de masquer une div ... Jusque là rien de bien méchant :
----------------------------------------------------------------------------------------------------------------------------------------------------------
echo"<script language=JavaScript>
function ToggleMenu(id)
{
if (!window.document.getElementById)
{ return; };
var display = window.document.getElementById(id).style.display;
if (display == \"none\")
{ display = \"block\"; }
else
{ display = \"none\"; }
window.document.getElementById(id).style.display = display;
}</script>";
----------------------------------------------------------------------------------------------------------------------------------------------------------
J'ai donc à plusieurs endroits ceci :
<a href=\"javascript:ToggleMenu('Match".$i."')\">[-]</a>
Qui me permet d'ouvrir ces div ou de les masquer quand je clique sur [-]
----------------------------------------------------------------------------------------------------------------------------------------------------------
MON PROBLEME :
J'aimerais en fait que parmi ces div, lorsque j'en affiche une, TOUTES LES AUTRES se masquent. En gros je ne veux pas avoir plus d'une div d'affichée ... Pour information, j'ai une variable qui me permet de connaitre le nombre de $i total, si ça peut vous aider ...
En PHP je n'ai aucun probleme, mais le javascript ... oulalalala !!!
J'espere que vous pourrez m'aider !!
MERCI !!
En fait j'ai un javascript qui me permet actuellement d'afficher ou de masquer une div ... Jusque là rien de bien méchant :
----------------------------------------------------------------------------------------------------------------------------------------------------------
echo"<script language=JavaScript>
function ToggleMenu(id)
{
if (!window.document.getElementById)
{ return; };
var display = window.document.getElementById(id).style.display;
if (display == \"none\")
{ display = \"block\"; }
else
{ display = \"none\"; }
window.document.getElementById(id).style.display = display;
}</script>";
----------------------------------------------------------------------------------------------------------------------------------------------------------
J'ai donc à plusieurs endroits ceci :
<a href=\"javascript:ToggleMenu('Match".$i."')\">[-]</a>
Qui me permet d'ouvrir ces div ou de les masquer quand je clique sur [-]
----------------------------------------------------------------------------------------------------------------------------------------------------------
MON PROBLEME :
J'aimerais en fait que parmi ces div, lorsque j'en affiche une, TOUTES LES AUTRES se masquent. En gros je ne veux pas avoir plus d'une div d'affichée ... Pour information, j'ai une variable qui me permet de connaitre le nombre de $i total, si ça peut vous aider ...
En PHP je n'ai aucun probleme, mais le javascript ... oulalalala !!!
J'espere que vous pourrez m'aider !!
MERCI !!
Configuration: Windows Vista Firefox 2.0.0.14
5 réponses
-
Re
Bon bah si ça interesse quelqu'un un jour voici la solution :
--------------------------------------------------------------------------------------------------------------------
echo"<script language=JavaScript>
function ToggleMenu(id,nbr_matchs)
{
if (!window.document.getElementById)
{ return; };
var display = window.document.getElementById(id).style.display;
for(i=1;i<=nbr_matchs;i++)
{
if(i==id)
{
if (display == \"none\")
{ display2 = \"block\"; }
else
{ display2 = \"none\"; }
}
else
{
display2 = \"none\";
}
window.document.getElementById(i).style.display = display2;
}
}</script>";
--------------------------------------------------------------------------------------------------------- -
-
-
Jrisque peut etre de me faire disputer, mais je préfere up le topic plutot que d'en créer un autre ....
Merci -
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question -
Je tente un nouveau "up" au cas ou quelqu'un qui passerait par là et qui pourrait m'aider voit le topic !
