Ver Mensaje Individual
  #2 (permalink)  
Antiguo 09/05/2008, 03:54
miSko
 
Fecha de Ingreso: septiembre-2005
Mensajes: 840
Antigüedad: 19 años, 4 meses
Puntos: 84
Re: Tooltip en JS?

Para un Tooltip, es una tonteria coger alguno exo xD.

Hazte uno nuevo, solo necesitas una capa con un Identificador que no uses, un estilo propio, una funcion q lo muestre(en esta misma puedes poenr el texto q qres q salga) y otro q lo oculte. Algo asi :

Código PHP:
<div id="miPropioTooltip" style="z-index:50 ; position:absolute ; font-size:9px ; background-color:yellow ; color=red ; font-weight:bold"></div
y ahora por ejemplo, en una Celda de una tabla:

Código PHP:
<td onMouseOver="muestraMiTooltip('Celda numero 3',event)" onMouseOut="ocultaMiTooltip()">
              
Celda Numero 3
</td
y las funciones:

Código PHP:

function muestraMiTooltip(texto,e) {

          var 
tooltip document.getElementById('miPropioTooltip') ;

          
tooltip.innerHTML texto ;
          
tooltip.style.top e.clientY;
          
tooltip.style.left e.clientX;
          
tooltip.style.visibility 'visible' ;

}

function 
ocultaMiTooltip() {

          
document.getElementById('miPropioTooltip').style.visibility 'hidden' ;



Adaptalo a lo que lo necesites :]