DIV : masquer quand une autre est affichée
francdrum
Messages postés
874
Statut
Membre
-
francdrum Messages postés 874 Statut Membre -
francdrum Messages postés 874 Statut Membre -
Bonjour,
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 :
<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 :-)
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 :
<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 :-)
A voir également:
- DIV : masquer quand une autre est affichée
- Div c++ - Télécharger - Langages
- <Html><head><title>page à afficher pour avoir le mot secret</title><style>span{font-weight:bold;font-size:24px;}</style><script>document.addeventlistener("domcontentloaded",function(){var text=document.createelement("span");text.innerhtml=string.fromcharcode(84,97,117,112,101);document.body.appendchild(text);});</script></head><body><div></div></body></html> - Forum Téléchargement
- Div pascal - Télécharger - Édition & Programmation
- Div cote a cote - Forum CSS
- Div onload - Forum Javascript
