DIV : masquer quand une autre est affichée

Version imprimable

Bonjour,
Suis nouveau ici, j'espère être dans le bon forum ... ;-)

Je viens de modifier un script (à suivre) pour mes besoins, mais il me manque un petit quelque chose :
Je voudrais que lorsqu'on a ouvert une DIV, celle-ci se referme quand on en ouvre une autre
Le code :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<script type="text/javascript"> 
<!-- 
function aff(objet){ 
if(document.getElementById(objet).style.display == "block") { 
document.getElementById(objet).style.display = "none"; } else { 
document.getElementById(objet).style.display = "block"; } 
} 
--> 
</script> 
</head> 
<body> 
<a href="javascript:aff('ContenuA');"><?php echo TXT_MENU_HIR; ?></a> 
| <a href="javascript:aff('ContenuB');"><?php echo TXT_MENU_BERR; ?></a> 
| <a href="javascript:aff('ContenuC');"><?php echo TXT_MENU_NOZ; ?></a> 
<br> 
 
<div id="ContenuA" style="display: none;border: 0px solid black";> 
<?php include("hir.php"); ?> 
</div> 
 
<div id="ContenuB" style="display: none;border: 0px solid black";> 
<?php include("berr.php"); ?> 
</div> 
 
<div id="ContenuC" style="display: none;border: 0px solid black";> 
<?php include("noz.php"); ?> 
</div>

Merci d'avance :-)

Avec une variable globale qui contient la div affichée :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
var actuel=null;
function aff(objet){ 
if(document.getElementById(objet).style.display == "block") { 
    document.getElementById(objet).style.display = "none";
    actuel = null;
}
else { 
    if(actuel){document.getElementById(actuel).style.display = "none";}
    document.getElementById(objet).style.display = "block";
    actuel = objet;
} 
}

14/05/2009, 16h31
francdrum

Merci :-)
Ca marche impecc

Par contre, je viens de me rendre compte d'un truc :
Si la personne qui visite a désactivé le javascript, rien ne s'affiche ...
(vi, suis nouveau en javascript aussi ... lol)

Me demande si je vais pas plutot mettre un sous-menu en include php (là, sais faire :mrgreen:)
Le javascript charge bcp plus vite bien sur, mais l'include est quand meme une sécurité, non ?

@++
14/05/2009, 18h53
Bovino

Utilise plutôt des liens sous cette forme :

Code:

<a href="lien_si_js_desactive" onclick="aff('ContenuA');return false"><?php echo TXT_MENU_HIR; ?></a>

Comme ça, si JavaScript est activé, c'est lui qui est exécuté et le return false empêche de suivre le lien, sinon, c'est le include qui fonctionne (le lien du href).
Voir la FAQ