Tooltip en JS?

[thymon]

Hola buenas!.

Alguien podría decirme donde puedo encontrar algun "ToolTip" que alguien haya probado y que no le hayan surgido conflictos con otros "divs" de su web?.

Un saludo y gracias de antemano.

[miSko]

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 :]

[caricatos]

Hola:

Has probado los que hay en las FAQs de este foro... lo de los conflictos creo que se pueden evitar si no replicas estilos e id's.

Saludos