Bien tengo lo siguiente:
Código:
<script>
function showtip(current,e,num)
{
if (document.layers) // Netscape 4.0+
{
theString="<DIV CLASS='ttip'>"+num+"</DIV>"
document.tooltip.document.write(theString)
document.tooltip.document.close()
document.tooltip.left=e.pageX+14
document.tooltip.top=e.pageY+2
document.tooltip.visibility="show"
}
else
{
if(document.getElementById) // Netscape 6.0+ and Internet Explorer 5.0+
{
elm=document.getElementById("tooltip")
elml=current
elm.innerHTML=num
elm.style.height=elml.style.height
elm.style.top=parseInt(elml.offsetTop+elml.offsetHeight)
elm.style.left=parseInt(elml.offsetLeft+elml.offsetWidth+10)
elm.style.visibility = "visible"
}
}
}
function hidetip(){
if (document.layers) // Netscape 4.0+
{
document.tooltip.visibility="hidden"
}
else
{
if(document.getElementById) // Netscape 6.0+ and Internet Explorer 5.0+
{
elm.style.visibility="hidden"
}
}
}
</script>
<link href="priority.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="tooltip" style="position:absolute; visibility:hidden; border:1px solid black; font-size:11px; layer-background-color:lightyellow; background-color:lightyellow; padding:1px; width: 30%;"></div>
Lo cual luego en un link de código:
Código:
<a href = '/xxx/xxx.php?dayClick=1&daySelect=31&monthSelect=10&yearSelect=2004&select_prxx=0' onMouseover="showtip(this,event,'R. Madrid - Getafe')" onMouseOut="hidetip()">31</a></td>
Pues hace que si te pongas encima del link, te salga como una pestaña con el nombre del evento, en este caso R. Madrid - Getafe.
El tema es que la pestaña no sále en la posición teórica cuando hago la web, sino que en internet, al ejecutarse, siempre sale a la izquierda en el mismo lado. No me vale usar position relative, necesito absolute, pero no hay manera de hacer que cambie la posición. Podéis ver una prueba en:
http://sensesfail.lookingat.us/prueba.htm
Venga graciasss.