Tooltip grafico

**Vincenzotto** · 15-09-2003, 14:21

mi servirebbe uno script per realizzare effetti di tooltip, nel caso
specifico una gif che compare al passaggio sopra il link ma che segua il
mouse per tutta la grandezza del link.

Sapete indirizzarmi?

**Pescatore** · 15-09-2003, 14:44

Ciao.

Perchè nn metti il tag <A> del link all'interno di un DIV.
Al onMousOver del DIV richiami una funzione che faccia apparire e seguire la gif conoscendo la lunghezza del DIV.

Le dimensioni di un DIV sono facilmente conoscibili.

Oppure puoi mettere il tag A all'interno di un TD.

**Vincenzotto** · 15-09-2003, 14:45

Si.
Ma a me serve che il tooltip segua il cursore del mouse per tutta la grandezza del tasto....

**pela** · 15-09-2003, 15:08

ho fatto questa prova, vedi se può andare

codice:

<SCRIPT LANGUAGE="JavaScript"> 
function tooltip(evt){
  evt=evt?evt:window.event;
  var tip=document.getElementById("tip");
  tip.style.left=evt.clientX+document.body.scrollLeft;
  tip.style.top=evt.clientY-20+document.body.scrollTop;
  tip.style.display="block";	
}
</script>

poi

codice:

<body> 
<a href="pagina.html" onmousemove="tooltip(event)" 
onmouseout="document.getElementById('tip').style.display='none'">
Prova di collegamento con tooltip</a>
<div id="tip" style="position: absolute; display: none">[img]img.gif[/img]</div>
</body>

**Vincenzotto** · 15-09-2003, 15:14

:metallica funza :metallica

Ottimo.

**Vincenzotto** · 16-09-2003, 11:01

Un piccolo bug, sul testo funziona da dio...ma su un'immagine va a scatti.

Discussione: Tooltip grafico

Strumenti discussione

Ricerca discussione

Visualizza

Tooltip grafico

Permessi di invio