Salve. premetto che non sono esperto in materia.
Volevo creare un piccolo menu con html è javascript.
Posto il codice con i commenti per essere un po più chiaro.
<html>
<head>
</head>
<body>
menu
//prima voce del menu, cliccando su questa voce diventeranno visibili i due menu: submenu1 e submenu2
<TABLE BORDER="1" WIDTH="50%" >
<form name='menu1' bgcolor="#00FFFF" >
<td onMouseout="riducimenu()">
<input type="text" name="submenu1" onclick="aprilink('submenu1')">
//ecco i due submenu
<input type="text" name="submenu2" onclick="aprilink('submenu2')">
</td>
</form>
<script type='text/javascript'> //questa funzione fa in modo che all'inizio i due submenu siano invisibili
document.menu1.submenu1.style.visibility='hidden';
document.menu1.submenu2.style.visibility='hidden';
</script>
</body>
<script type='text/javascript'>
function espandimenu() /questi funzione rende visibile le due celle input e setta i valori al loro interno
{
document.menu1.submenu1.style.visibility='visible' ;
document.menu1.submenu1.value="submenu1";
document.menu1.submenu2.style.visibility='visible' ;
document.menu1.submenu2.value="submenu2";
}
function riducimenu() //questa funzione nasconde i due submenu
{
document.menu1.submenu1.style.visibility='hidden';
document.menu1.submenu2.style.visibility='hidden';
}
</script>
</html>
Il mio problema è che, una volta che i due submenu sono visibili, creare una funzione che, quando il mouse esce fuori da tutti i submenu, venga chiamata la funzione riducimenu che nasconde i menu.
Il mio problema è che non so dove inserire il comando onMouseout="riducimenu()", l'ho inserito da tutte le parti ma la funzione riducimenu non vieme chiamata quando il mouse esce fuori dai campi input.
Come devo fare?
Grazie.
Marco
Rispondi quotando
