Foros del Web » Programando para Internet » Javascript »

Tooltip mejorado (problema)

Estas en el tema de Tooltip mejorado (problema) en el foro de Javascript en Foros del Web. Hola. Estoy implementando un tooltip mejorado que encontre en este foro, pero me tope con un problemita. El tooltip funciona al hacer click en un ...
  #1 (permalink)  
Antiguo 03/08/2007, 13:34
 
Fecha de Ingreso: mayo-2004
Mensajes: 189
Antigüedad: 20 años
Puntos: 1
Busqueda Tooltip mejorado (problema)

Hola. Estoy implementando un tooltip mejorado que encontre en este foro, pero me tope con un problemita.
El tooltip funciona al hacer click en un link, muestra una capa oculta en la posicion donde esta el link. Hasta ahi todo bien. El problema surge si el link esta muy cerca del borde de la ventana del navegador, al mostrar el tooltip (que es de 200px de ancho) no se acomoda al margen de la ventana sino que me lo escrola.
No debe ser algo dificil de hacer, pero como se muy poco de JavaScript, se me complica.
Les dejo el script y si alguine sabe como solucionar este bugs, le agradecere que me lo comunique
Código:
<script type="text/javascript"> 
            var ns4 = (document.layers)? true:false 
            var ie4 = (document.all)? true:false 
            var ns6 = (document.getElementById && !document.all) ? true: false; 
            var coorX, coorY; 

            if (ns6) document.addEventListener("mousemove", mouseMove, true) 
            if (ns4) {document.captureEvents(Event.MOUSEMOVE); document.mousemove = mouseMove;} 

            function mouseMove(e)    { 
                if (ns4||ns6)    { 
                    coorX = e.pageX; 
                    coorY = e.pageY; 
                } 
                if (ie4)    { 
                    coorX = event.x; 
                    coorY = event.y; 
                } 
                coorX += document.body.scrollLeft; 
                coorY += document.body.scrollTop; 
                return true; 
            } 

            function ini()    { 
                if (ie4)    document.body.onmousemove = mouseMove; 
            } 

            function mostrar(dato)    { 
                with(document.getElementById("ayuda"))    { 
                    style.top = coorY + 10; 
                    style.left = coorX + 10; 
                    style.visibility = "visible"; 
                    innerHTML = dato; 
                } 
            } 

            function ocultar()    { 
                document.getElementById("ayuda").style.visibility = "hidden"; 
            } 

            function mover()    { 
                with(document.getElementById("ayuda"))    { 
                    style.top = coorY + 10; 
                    style.left = coorX + 10; 
                } 
            } 

        </script>
tiene un onload="ini()" en el BODY y la llamo en el OnClick de un link como "mostrar('primer mensaje')"

Al script lo saque de las FAQ's, de aca - de el moderador Caricatos (gracias Caricatos, muy util tu script)
Saludos, y gracias de antemano....
__________________
Nadie nacío sabiendo...
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 04:46.