Foros del Web

Foros del Web (http://www.forosdelweb.com/)
-   Javascript (http://www.forosdelweb.com/f13/)
-   -   Tooltip en JS? (http://www.forosdelweb.com/f13/tooltip-js-584370/)

thymon 08/05/2008 13:08

Tooltip en JS?
 
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 09/05/2008 03:54

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

caricatos 09/05/2008 04:10

Re: Tooltip en JS?
 
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 :arriba:


La zona horaria es GMT -6. Ahora son las 19:17.

Desarrollado por vBulletin® Versión 3.8.7
Derechos de Autor ©2000 - 2026, Jelsoft Enterprises Ltd.