Simulare un baloon help

[frinkia]

Ciao a tutti,

vorrei simulare un baloon help in Javascript. Attualmente ho un semplice sistema basato su dei div nascosti che mostro quando viene attivato l'evento onMouseOver che funziona benissimo, con l'unico difetto che non c'e' un ritardo fra il passaggio del mouse e la visualizzazione del div.

Che soluzione potrei adottare?

[frinkia]

Nessuno?

[Xinod]

ma senza vedere lo script che usi possiamo solo consigliartene un altro!
posta un link a quello che usi

[frinkia]

Non uso nessuno script. Quello che uso e' semplicemente un bel:

<div
    id="myId"
    onMouseOver= "document.getElementById('myIdNote').style.display = 'block';"
    onMouseOut= "document.getElementById('myIdNote').style.display = 'none';"
>
Contenuti del div
</div>

<div id="myIdNote">
    In questo div c'e' il baloon help del div sopra
</div>

Funziona bene, ma quando passo sopra con il mouse appare instantaneamente il myIdNote, che non e' auspicabile. Del resto, se usassi setTimeOut(azione, 1), dove azione fa le due cose sopra, otterei lo stesso identico effetto, ma ritardato di 1 secondo. Invece quello che voglio ottenere e' che se dopo un secondo il mouse e' ANCORA sull'elemento, allora visualizzo il div in questione.

[Xinod]

ok, minimo funzionante:

onMouseOver="timer=setTimeout('document.getElementById(\'myIdNote\').style.display = \'block\'',2000)"
    onMouseOut= "if(timer){clearTimeout(timer);document.getElementById('myIdNote').style.display = 'none'};"

ciao

[frinkia]

Grazie, lo provo subito !! Nel frattempo, ho trovato anche questo, ma molto verosimilmente usero' la tua soluzione se fa quello che deve fare

Grazie ancora

PS: aiuto gli altri che magari cercano il forum: questo post contiene un link a un javascript tooltip ballon help

[frinkia]

Funzionaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa