Voila je viens de faire un petit menu déroulant qui se rempli à partir d'une base de donnée.
voila l'adresse du site : http://nicolas.dory.free.fr/
C'est en fait le menu déroulant horizontale suivant le cour de cette url : http://www.alsacreations.com/articles/deroulant/
Le probleme c'est que une fois le sous menu afficher quand je sors du champs, c'est a dire "onmouseout", le sous menu ne disparait il reste et du coup sije vais vers un autre sous menu , ils sont tous ouvert simultanement.
merci d'avance pour votre aide et vos conseils.
mon code dans le HEAD
<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>
Mon code dans le BODY
<?php
connexion();
$rech="select * from categorie";
$res=mysql_query($rech);
$j=0;
while($val = mysql_fetch_object($res)) {
$j= $j + 1;
$smenu = "smenu.$j";
echo "<dl><dt onmouseover=\"javascript:montre('$smenu');\"><a href='index.php?ind=mozaique&num=$val->precateg'>$val->nomcateg</a></dt>";
$req="select * from souscateg where precateg='$val->precateg' order by date DESC";
$resu=mysql_query($req);
$nb = mysql_num_rows ($resu);
if($nb != 0) {
echo "<dd id='$smenu' onmouseover=\"javascript:montre('$smenu');\" onmouseout=\"javascript:montre();\">
<ul>";
while($valu = mysql_fetch_object($resu)) {
echo " <li><a href='index.php?ind=mozaique&num=$val->precateg&numsou=$valu->numsouscateg'>$valu->nomsouscateg</a></li>";
}
echo " </ul>
</dd>";
}
echo "</dl>";
}
?>
C'est en fait le OnmouseOut qui marche pas.