Comunidad de diseño web y desarrollo en internet online

Tooltip

Citar            
MensajeEscrito el 14 May 2009 10:53 am
Hola a todos, tengo un pequeño problema.
He realizado una web en donde se pueden descargas pdf con información adicional y queren que antes de descargarse esos archivos aparezca un tooltip a modo de "warning" para alertar de hacer un uso responsable de dichos archivos.
El tooltip aparece pero no consgo controlar el lugar del mismo, me aparece muy alto y a veces está tan alejado del enlace que ni siqueira se ve en la pantalla. Qué puedo hacer, qué parametros son los que debo tocar??
Os dejo el enlace de la página dónde he hecho la prueba para que entendas mejor el problema.
http://www.uv.es/lisis/belen.htm
Muchísimas gracias!!

Por piano

6 de clabLevel



 

firefox
Citar            
MensajeEscrito el 16 May 2009 01:08 am
Postea el código que utilizas, sino es muy dificil que alguien pueda adivinar donde está el problema.

Por elchininet

Claber

3921 de clabLevel

17 tutoriales

Genero:Masculino  

Front-end developer at Booking.com

firefox
Citar            
MensajeEscrito el 19 May 2009 12:10 pm
Hola, perdón. Os pongo el código.Muchísimas gracias

var ns4 = document.layers;
var ns6 = document.getElementById && !document.all;
var ie4 = document.all;
offsetX = 0;
offsetY = 100;
var toolTipSTYLE="";
function initToolTips()
{
if(ns4||ns6||ie4)
{
if(ns4) toolTipSTYLE = document.toolTipLayer;
else if(ns6) toolTipSTYLE = document.getElementById("toolTipLayer").style;
else if(ie4) toolTipSTYLE = document.all.toolTipLayer.style;
if(ns4) document.captureEvents(Event.MOUSEMOVE);
else
{
toolTipSTYLE.visibility = "visible";
toolTipSTYLE.display = "none";
}
document.onmousemove = moveToMouseLoc;
}
}
function toolTip(msg, fg, bg)
{
if(toolTip.arguments.length < 1) // hide
{
if(ns4) toolTipSTYLE.visibility = "hidden";
else toolTipSTYLE.display = "none";
}
else // show
{
if(!fg) fg = "#777777";
if(!bg) bg = "#FFFFFF";
var content =
'<table border="0" cellspacing="0" cellpadding="1" bgcolor="' + fg + '"><td>' +
'<table border="0" cellspacing="0" cellpadding="1" bgcolor="' + bg +
'"><td align="center"><font face="sans-serif" color="' + fg +
'" size="2">&nbsp\;' + msg +
'&nbsp\;</font></td></table></td></table>';
if(ns4)
{
toolTipSTYLE.document.write(content);
toolTipSTYLE.document.close();
toolTipSTYLE.visibility = "visible";
}
if(ns6)
{
document.getElementById("toolTipLayer").innerHTML = content;
toolTipSTYLE.display='block'
}
if(ie4)
{
document.all("toolTipLayer").innerHTML=content;
toolTipSTYLE.display='block'
}
}
}
function moveToMouseLoc(e)
{
if(ns4||ns6)
{
x = e.pageX;
y = e.pageY;
}
else
{
x = event.x + document.body.scrollLeft;
y = event.y + document.body.scrollTop;
}
toolTipSTYLE.left = x + offsetX;
toolTipSTYLE.top = y + offsetY;
return true;
}
</script>

Por piano

6 de clabLevel



 

firefox
Citar            
MensajeEscrito el 19 May 2009 08:53 pm

Por elchininet

Claber

3921 de clabLevel

17 tutoriales

Genero:Masculino  

Front-end developer at Booking.com

firefox

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.