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 !!
A voir également:
- Afficher/Masquer 1 div en masquant les autres
- Comment masquer les amis sur facebook - Guide
- Comment appeler en masqué - Guide
- Masquer conversation whatsapp - Guide
- Windows 11 afficher d'autres options - Guide
- Application pour masquer les applications - Guide
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>";
---------------------------------------------------------------------------------------------------------
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>";
---------------------------------------------------------------------------------------------------------
mirakanto
Et c'est quoi le "nbr_matchs" s'il vous plaît?merci!
Jrisque peut etre de me faire disputer, mais je préfere up le topic plutot que d'en créer un autre ....
Merci
Merci
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question