Voici mon problème :
J’aimerai que quand je passe sur un bouton du menu il apparaisse une liste déroulante des villes. Quand choisi ma ville, je suis dirigé vers la page correspondante.
Voici mon code :
<style>
#ville{}
</style>
function afficher()
{
document.getElementById('ville').innerHTML=document.getElementById('ville').innerHTML=='' ? "<form name='form1'><a href='accueil.html' ><select name='menu1' >ville1 </a></option> </select></a></form>" : "";
}
//-->
</script>
</head>
<body>
<table width="24%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="7%"><a href="javascript:afficher()" ><img src="../images/BTN_menu/bouton_menu_09.gif" width="42" height="37"></a></td>
<td width="93%"><div id="ville" class="style2" align="right"></div>
</tr>
</table>
Je ne voudrai pas être capricieux mais je voudrai aussi que quand je passe sur le bouton du menu il disparaisse au bout d’un certain temps (5000ms dans ma page) et si je passe sur une autre image il disparaisse.