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