Código:
Lo cual luego en un link de 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>
Código:
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.<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>
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.