bonjour bultez,
alors voilà mon code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<title>Menu déroulant vertical sur clic</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="style.css" type="text/css" />
<script type="text/javascript">
function afficheMenu(obj){
var idMenu = obj.id;
var idSousMenu = 'sous' + idMenu;
var sousMenu = document.getElementById(idSousMenu);
/*****************************************************/
/** on cache tous les sous-menus pour n'afficher **/
/** que celui dont le menu correspondant est cliqué **/
/** où 4 correspond au nombre de sous-menus **/
/*****************************************************/
for(var i = 1; i <= 4; i++){
if(document.getElementById('sousmenu' + i) && document.getElementById('sousmenu' + i) != sousMenu){
document.getElementById('sousmenu' + i).style.display = "none";
}
}
if(sousMenu){
//alert(sousMenu.style.display);
if(sousMenu.style.display == "block"){
sousMenu.style.display = "none";
}
else{
sousMenu.style.display = "block";
}
}
}
</script>
</head>
<body>
<div id="contenu">
<?php
switch($_GET['pg']){
case 'accueil': // si $_GET['pg'] = accueil
include('accueil.php'); // alors on inclut le fichier accueil.php
break;
case 'livre': // si $_GET['pg'] = livre
include('livre.php'); // alors on inclut le fichier livre.php
break;
case 'contact': // si $_GET['pg'] = contact
include('contact.php'); // alors on inclut le fichier contact.php
break;
default: // si $_GET['pg'] ne correspond à rien, on inclut accueil.php par défaut.
include('accueil.php');
}
?>
</div>
<div id="menu">
<div class="menu" id="menu1" onclick="afficheMenu(this)">
<a href="#">Menu 1</a>
</div>
<div id="sousmenu1" style="display:none">
<div class="sousmenu">
<a href="index.php?pg=accueil">Sous-Menu 1.1</a>
</div>
<div class="sousmenu">
<a href="index.php?pg=livre">Sous-Menu 1.2</a>
</div>
<div class="sousmenu">
<a href="index.php?pg=contact">Sous-Menu 1.3</a>
</div>
<div class="sousmenu">
<a href="#">Sous-Menu 1.4</a>
</div>
</div>
<div class="menu" id="menu2" onclick="afficheMenu(this)">
<a href="#">Menu 2</a>
</div>
<div id="sousmenu2" style="display:none">
<div class="sousmenu">
<a href="#">Sous-Menu 2.1</a>
</div>
<div class="sousmenu">
<a href="#">Sous-Menu 2.2</a>
</div>
<div class="sousmenu">
<a href="#">Sous-Menu 2.3</a>
</div>
</div>
<div class="menu" id="menu3" onclick="afficheMenu(this)">
<a href="#">Menu 3</a>
</div>
<div class="menu" id="menu4" onclick="afficheMenu(this)">
<a href="#">Menu 4</a>
</div>
<div id="sousmenu4" style="display:none">
<div class="sousmenu">
<a href="#" >Sous-Menu 4.1</a>
</div>
<div class="sousmenu">
<a href="#">Sous-Menu 4.2</a>
</div>
<div class="sousmenu">
<a href="#">Sous-Menu 4.3</a>
</div>
<div class="sousmenu">
<a href="#">Sous-Menu 4.4</a>
</div>
<div class="sousmenu">
<a href="#">Sous-Menu 4.5</a>
</div>
</div>
</div>
</body>
</html>
j'ai une page index php, qui contient un menu déroulant et une partie frame;
se que je souhaite faire c'est un menu comme celui du site : http://www.louvre.fr/llv/commun/home.jsp?bmLocale=fr_FR
qui quand tu clique sur un sous menu il ne se referme pas lorsque la nouvelle pages est chargé
(frame)