Salve a tutti,

in questi giorni ho realizzato un piccolo script che mi genera un 'Drop Down Menu' tramite PHP.

lo script in base ai parametri sputa fuori questo:

attivazione menu (attiverà la visual. del menu)

<div class='dropDownMenu' id='dropDownMenu'>

<div>
<h3> titolo sezione </h3>
<ul>[*] sito da ragg. [*] sito da ragg. [*] sito da ragg. [/list]
</div>

</div>

fino a qui tutto OK.

Adesso bisogna gestire questo menu tramite JS ( dove non sono molto bravo ).

i compiti che dovrà svolgere JS saranno due:

1 ) al click del link 'openMenu' dovrà rendere visibile il link ( questo funziona )
2 ) Quando il mouse esce dal menu dovrà tornare invisibile.... qui non riesco a farlo funzionare ma capisco che perdo decisamente l'evento onmouseout appena collide con gli altri nodi.

ecco il codice JS:

FUNZIONE LANCIATA ON ONLOAD

function openCloseMenu()
{
var openMenu= document.getElementById("openMenu");
var dropDownMenu= document.getElementById("dropDownMenu");

dropDownMenu.style.display = "none";

openMenu.onclick = function()
{
dropDownMenu.style.display = "block";
return false;
}

dropDownMenu.onmouseout = function()
{
dropDownMenu.style.display = "none";
return false;
}
}

Potete aiutarmi a gestire bene il mouse onmouseout , anche riciclando il codice postato.
Grazie!