Tooltip

**zophiel** · 03-12-2004, 12:19

Buongiorno!!!

Devo fare un cd per una società cooperativa. Il cd si apre a tutto schermo cambiando la risoluzione del pc a 800x600.
Nel testo sono presenti delle parole che hanno delle note.
Quindi mi servirebbe un sistema per fare dei tooltips.
Il problema è che queste note sono abbastanza lunghe, quindi i tooltips devono venire su più righe e soprattutto se la parola con la nota è a fondo riga la casella deve posizionarsi verso sinistra senno fa comparire la barra orizzontale.

Mi date un aiuto, vi prego!!!!

Grassie
AriannA

**Xinod** · 03-12-2004, 18:03

usa un sistema gia' collaudato, consiglio questo http://infotip.altervista.org
occhio che per utilizzo commerciale occorre comprare una licenza
ciao

**Jupy64** · 03-12-2004, 20:51

Ciao, per darti uno spunto, potresti adattarti questo:

codice:

<html>
<head>
<title>Prova ToolTip</title>
<style type="text/css">	
.note {		
	background-color:#ffff00;		
	display:none;
	width:250;		
	height:50;		
	position:absolute;		
	color: #000000;		
	border: 1 #000000 solid;	
	}
</style>
<script language="JavaScript" type="text/javascript">	
function ToolTipShow(vedi)	
{		
	if (vedi==true)	
	{	
		x = event.clientX + document.body.scrollLeft;        	
		y = event.clientY + document.body.scrollTop + 20;    
		ToolTip.style.display="block";                         
		ToolTip.style.left = x;                                
		ToolTip.style.top = y;                                 	
	}
	else
		ToolTip.style.display="none";
}
</script>
</head>
<body>
Testo con note
<div id="ToolTip" class="note">	
Queste sono le note relative alla voce Testo con note
</div>
</body>
</html>

**bigrattle** · 09-03-2007, 14:23

grande

però con ff non va....

**Xinod** · 09-03-2007, 14:38

al volo

codice:

<html>
<head>
<title>Prova ToolTip</title>
<style type="text/css">	
.note {		
	background-color:#ffff00;		
	display:none;
	width:250px;		
	height:50px;		
	position:absolute;		
	color: #000000;		
	border: 1px #000000 solid;	
	}
</style>
<script language="JavaScript" type="text/javascript">	
function ToolTipShow(e,vedi){
	var d=document;
	if(!d.getElementById) return;
	
	vDoc=(d.documentElement && d.documentElement.clientWidth)?d.documentElement:d.body;
	if(!e) e=window.event;
	
	var el=document.getElementById('ToolTip');

	if (vedi==true){
	scrX=(window.scrollX)?window.scrollX:vDoc.scrollLeft;
	scrY=(window.scrollY)?window.scrollY:vDoc.scrollTop;
		x = e.clientX + scrX + 'px';        	
		y = e.clientY + scrY + 20 + 'px';    
		el.style.display="block";                         
		el.style.left = x;                                
		el.style.top = y;                                 	
	}
	else
		el.style.display="none";
}
</script>
</head>
<body>
Testo con note
<div id="ToolTip" class="note">	
Queste sono le note relative alla voce Testo con note
</div>
</body>
</html>

ciao

**bigrattle** · 16-03-2007, 00:20

non avevo visto la risposta. grazie mille

Discussione: Tooltip

Strumenti discussione

Ricerca discussione

Visualizza

Tooltip

Permessi di invio