je veut que mon menu soit fermer et on clicon ou onmousover les sous menu apparesst
voila mon travail
******************************************************************************************
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Document sans titre</title>
<style type="text/css">
<!--
/* CSS issu des tutoriels 
[ Lien ] */
body {
margin: 0;
padding: 0;
font: 100% verdana, arial, sans-serif;
background-color: #FFFBF0;
}
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
font-family: "Times New Roman", Times, serif;
font-size: 16px;
font-weight: bold;
}
#menu {
position: absolute;
top: 1px;
left25px;
z-index:100;
width: 1112px;
left: 9px;
text-align: center;
visibility: visible;
height: 132px;
}
#menu dl {
float: left;
width: 12em;
margin: 0 1px;
}
#menu dt {
cursor: pointer;
font-weight: bold;
border: 1px solid gray;
background-image: url(noir.gif);
border-color: #FFF;
list-style-image: url(tabright6.gif);
font-family: "Times New Roman", Times, serif;
font-size: 20px;
text-align: center;
}
#menu dd {
border: 1px solid gray;
background-image: url(tabright10.gif);
font-size: 18px;
font-family: "Times New Roman", Times, serif;
color: #FFF;
}
#menu li {
text-align: center;
}
#menu li a, #menu dt a {
color: #FFFBF0;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
background-image: url(noir.gif);
font-size: 16px;
}
#menu li a:hover, #menu dt a:hover {
background: #eee;
background-color: #06F;
font-family: "Times New Roman", Times, serif;
font-size: 16px;
font-weight: bold;
}
#site {
position: absolute;
z-index: 1;
top : 70px;
left : 12px;
padding: 10px;
border: 1px solid gray;
}
a {
text-decoration: none;
color: black;
color: #2A1FAA;
}
body,td,th {
color: #FFFBF0;
text-align: center;
}
#menu dl #smenu1 ul li a {
font-family: "Times New Roman", Times, serif;
font-size: 16px;
font-weight: bold;
}
.style1 {
font-size: 20px;
color: #FFF;
font-family: "Times New Roman", Times, serif;
}
.style11 {
font-size: 20px;
color: #FFF;
}
.style12 {
font-size: 20px;
color: #FFF;
}
#menu dl #smenu2 ul li a {
font-family: "Times New Roman";
font-size: 16px;
font-weight: bold;
}
#menu dl #smenu3 ul li a {
font-weight: bold;
}
-->
</style>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<?php
include("erp.php");
init_erp();
$result=mysql_connect($serveur,$utilisateur,$motdepasse);
if ($result=="0")
{
echo"connexion impossible";
}
$nom_user=$_GET["nom_user"];
$code_user=$_GET["code_user"];
?>
<body>
<?php
echo"<span id='menu'>";
$myprocessus=new processus;
$result = mysql_db_query($db,"SELECT * FROM processus ");
$myprocessus->getnum($result);
while ($myprocessus->z < $myprocessus->num) {
$myprocessus->readrow($result);
echo"<dl>";
echo"<dt onMouseOver='montre('smenu');' >";
echo"<div align='center'>";
echo"<div align='center' > $myprocessus->id_processus </div>";
echo "</div >";
$mymenu1=new menu;
$result1 = mysql_db_query($db,"SELECT * FROM menu where id_processus ='$myprocessus->id_processus' order by code_user");
$mymenu1->getnum($result1);
while ($mymenu1->z < $mymenu1->num) {
$mymenu1->readrow($result1);
$t=$mymenu->id_processus;
$t='inv';
echo"<dd id='smenu' onMouseOver='javascript:montre('smenu');' onMouseOut='javascript:montre('');'>";
echo"<ul>";
echo"<li><a href= '#nogo'>$mymenu1->tache</a>";
echo"</ul>";
echo"</dd>";
}
echo "</dl>";
}
echo "</div>";
echo"</span>";
?>
<script type="text/javascript">
<!--
window.onload=montre;
function montre(id) {
var d = document.getElementById(id);
for (var i = 1; i<=10; i++) {
if (document.getElementById('smenu'+i)) {document.getElementById('smenu'+i).style.display='none';}
}
if (d) {d.style.display='block';}
}
//-->
</script>
</body>
</html>