finestrine a rollover

**logan2006** · 31-01-2007, 15:45

buon giorno!

vorrei un rollover che faccia comparire, attaccata al mouse, una tooltip che possa con tenere una foto

basta uno scriptino! grazie tante e rock and roll

**Xinod** · 31-01-2007, 17:21

cerca con chiave tooltip
ho postato qualche settimana fa uno script che ho buttato giu io, non so se fa al caso tuo
http://forum.html.it/forum/showthrea...readid=1071444
comunque ne trovi molti altri gia' pronti
per esempio qui http://javascript.html.it/script/lis...link-tooltips/
ciao

**logan2006** · 01-02-2007, 18:25

guarda, il primo sarebbe il top ma non tiene conto dello scroll della pagina e visto che la mia è abbstanza lunga...........

il mouse misura la coord y a partire dalla barra di explorer

ma il div la misura dall'inizio della pagina (dalla testata)

quindi a un certo punto il div rimane in alto anche se funziona tutto il resto

come lo posso modificare?

**Xinod** · 01-02-2007, 18:33

il primo e' quello della discussione del forum?
non mi risulta

**logan2006** · 01-02-2007, 18:43

si

..... se scrolli il div si perde in alto.......

**Xinod** · 01-02-2007, 18:57

no, non riesco a riprodurre il problema, ne' con ie6 ne' col 7
ti da problema nella pagina d' esempio?

**logan2006** · 02-02-2007, 10:06

questa è la tua pagina corretta con una tabella bella alta : guarda tu stesso

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Tooltip image</title>
<script language="javascript">

var mouseX
var mouseY

function Tooltip(foto){
document.getElementById('pop').innerHTML="[img]"+foto+"[/img]"
}

function Show(obj){
document.getElementById(obj).style.display="block" ;
}

function Hide(obj){
document.getElementById(obj).style.display="none";
}

function coords(e){
if(!e) e=window.event;
mouseX = e.clientX;
mouseY = e.clientY;
document.getElementById('pop').style.left=mouseX;
document.getElementById('pop').style.top=mouseY;
}
document.onmousemove=coords;
</script>
</head>
<body bgcolor="#ffffff">
<div id="pop" style="position:absolute;z-index:2;width:410px;height:277px;background-color:#ffffff;top:200;left:100;"></div>
<div>
<table height="2000">
<tr>
<td>[img]img1_small.jpg[/img]</td>
</tr>
<tr>
<td>[img]img2_small.jpg[/img]</td>
</tr>
<tr>
<td>[img]img3_small.jpg[/img]</td>
</tr>
</table>

</div>
</body>
</html>

**Xinod** · 02-02-2007, 13:32

Originariamente inviato da logan2006
questa è la tua pagina corretta con una tabella bella alta : guarda tu stesso

la prossima volta seguila tutta la discussione!
lo script che segnalavo e' poco piu' sotto nella stessa discussione
http://forum.html.it/forum/showthrea...8#post10189858

**fcaldera** · 02-02-2007, 13:41

non so se è quello che cerchi ma lo puoi fare anche in puro css
http://forum.html.it/forum/showthrea...ighlight=popup

**logan2006** · 02-02-2007, 15:14

grazie!!! non riesco a farlo funzionare ma ci lavorerò su

Discussione: finestrine a rollover

Strumenti discussione

Ricerca discussione

Visualizza

finestrine a rollover

Permessi di invio