Newsgroup: it.comp.lang.javascript
Titolo: Tooltip "ISTANTANEI" - Ma come si fa????

Salve ragazzi,
sto cercando in lungo e in largo ma non riesco a trovare
nessun modo per implementare un Tooltip Istantaneo,
cioe' le caselline gialle che escono sopra una immagine
o un oggettoper dare la descrizione, nel mio caso dovrebbe
comparire istantanemente quando il mouse passa sopra l'oggetto
e non con il ritardo che normalmente ha.
Nessuno ha qualche script o sa come si fa??
Grazie anticipate a tutti.
-- 
Elena

Grazie anticipate a tutti.
Postato qualche tempo fa, funziona con quasi tutto.
<html><head></head><body >
<script language="javascript">
function
tradiv(e,id){ 
    if (document.layers){ 
        document.layers[id].visibility="show"; 
        document.layers[id].pageX=e.pageX+10; 
        document.layers[id].pageY=e.pageY+10; 
    }else if (document.all){ 
        document.all[id].style.visibility="visible"; 
        document.all[id].style.posLeft=e.clientX+10; 
        document.all[id].style.posTop=e.clientY+10; 
    }else if(document.getElementById && navigator.appName=="Opera"){ 
        document.getElementById(id).style.visibility="visible"; 
        document.getElementById(id).style.left=e.clientX+10; 
        document.getElementById(id).style.top=e.clientY+10; 
    }else if(document.getElementById && navigator.appName=="Netscape"){ 
        document.getElementById(id).style.left=e.pageX+10; 
        document.getElementById(id).style.top=e.pageY+10;
        document.getElementById(id).style.visibility="visible"; 
    } 
} 
function nascondidiv(id){ 
    document.layers?document.layers[id].visibility= "hide":
    document.all?document.all[id].style.visibility= "hidden": 
    document.getElementById?document.getElementById(id).style.visibility= "hidden":
    null 
} 
</script>
<div id="Layer1" style="position: absolute; left: 0px; top: 0px; z-index: 1; width: 159px; height: 45;visibility:hidden;color:white;background:#00aa00;border:3px solid #008800;"> 
AAAAAAAAAAAAAA<br>
AAAAAAAAAAAAAA<br>
</div>
<div id="Layer2" style="position: absolute; left: 0px; top: 0px; z-index: 1; width
: 159px; height:
45;visibility:hidden;color:white;background:#00aa00;border:3px solid
#008800;">
BBBBBBBBBBBBBB<br>
BBBBBBBBBBBBBB<br>
</div>
<div id="Layer3" style="position: absolute; left: 0px; top: 0px; z-index: 1;
width: 159px; height:
45;visibility:hidden;color:white;background:#00aa00;border:3px solid
#008800;">
CCCCCCCCCCCCCC<br>
CCCCCCCCCCCCCC<br>
</div>
<div id="Layer4" style="position: absolute; left: 0px; top: 0px; z-index: 1;
width: 159px; height:
45;visibility:hidden;color:white;background:#00aa00;border:3px solid
#008800;">
DDDDDDDDDDDDDD<br>
DDDDDDDDDDDDDD<br>
</div>
<div id="Layer5" style="position: absolute; left: 0px; top: 0px; z-index: 1;
width: 159px; height:
45;visibility:hidden;color:white;background:#00aa00;border:3px solid
#008800;">
EEEEEEEEEEEEEE<br>
EEEEEEEEEEEEEE<br>
</div>
<a href=# onmouseover="mostradiv(event,'Layer1');"
onmouseout="nascondidiv('Layer1');">link1</a> <br>
<a href=# onmouseover="mostradiv(event,'Layer2');"
onmouseout="nascondidiv('Layer2');">link2</a> <br>
<a href=# onmouseover="mostradiv(event,'Layer3');"
onmouseout="nascondidiv('Layer3');">link3</a> <br>
<a href=# onmouseover="mostradiv(event,'Layer4');"
onmouseout="nascondidiv('Layer4');">link4</a> <br>
<a href=# onmouseover="mostradiv(event,'Layer5');"
onmouseout="nascondidiv('Layer5');">link5</a> <br>
</body></html>
--
Ciao
  [[web].
www.gfcarlotti.it
]
  [[mail].
fra...@gfcarlotti.it
]

   [[mail].
fra...@gfcarlotti.it
]
Grazie sei stato gentilissimo 
Vediamo cosa posso ricavare :)
Ciaoooo
-- 
Elena