Foros del web, para los que viven de bits

thymon · 08-may-2008, 13:08

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-may-2008, 03:54

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-may-2008, 04:10

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

08-may-2008, 13:08	#1 (permalink)
thymon Fecha de Ingreso: noviembre-2006 Mensajes: 149	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.

09-may-2008, 03:54	#2 (permalink)
miSko Fecha de Ingreso: septiembre-2005 Mensajes: 342	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 :]

09-may-2008, 04:10	#3 (permalink)
caricatos Moderador Fecha de Ingreso: noviembre-2002 Ubicación: Torremolinos (Málaga) Mensajes: 12.093	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 __________________ Por favor: No hagan preguntas de temas de foros en mensajes privados... no las respondo

Herramientas
Mostrar Versión Imprimible Enviar por Correo
Desplegado
Mode Lineal Cambiar a Modo Hibrido Cambiar a Modo Hilado