DIV : masquer quand une autre est affichée

**francdrum** · 14/05/2009, 15h21

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :-)

**Bovino** · 14/05/2009, 15h51

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

**francdrum** · 14/05/2009, 16h31

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

)
Le javascript charge bcp plus vite bien sur, mais l'include est quand meme une sécurité, non ?

@++

**Bovino** · 14/05/2009, 18h53

Utilise plutôt des liens sous cette forme :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<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

DIV : masquer quand une autre est affichée

JavaScript

Discussions similaires

Partager

Partager