Abrir ventana al pasar por un link

fidelio · #1 (**permalink**) 07/04/2005, 08:11

Hola:

Me gustaría saber si hay forma de que al pasar por un enlace (en mi caso, una imagen) apareciese una ventana con texto y al quitar el ratón de encima de esa imagen desapareciese. Pero no quiero una ventana nueva del Explorer, sino una del estilo a la que sale el texto Alt.

Muchísimas gracias y un saludo.

JavierB · #2 (**permalink**) 07/04/2005, 08:51

Hola fidelio

Prueba con la FAQ-187:

http://www.forosdelweb.com/showthrea...756#post694756

Saludos,

fidelio · #3 (**permalink**) 07/04/2005, 09:12

Es eso lo que quiero, pero no exactamente, porque sólo me permite añadir 1 línea de texto, y me interesaría poder añadir varias, usar negritas y cursivas. Pero gracias de todos modos.

Salu2.

JavierB · #4 (**permalink**) 07/04/2005, 11:25

Hola de nuevo.

Esta es una adaptación del código de caricatos (¡Hola!

)

Código PHP:

  <html> 
    <head> 
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> 
        <style type="text/css"> 
        #ayuda {border:1px solid black;visibility:hidden;position:absolute} 
        </style> 
        <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"; 
                } 
            } 
 
            function ocultar()    { 
                document.getElementById("ayuda").style.visibility = "hidden"; 
            } 
 
            function mover()    { 
                with(document.getElementById("ayuda"))    { 
                    style.top = coorY + 10; 
                    style.left = coorX + 10; 
                } 
            } 
 
        </script> 
    </head> 
    <body onload="ini()" > 
    <a href="tupagina.html" onmouseover="mostrar('mensaje segundo')" 
                onmousemove="mover()" 
                onmouseout="ocultar()">Este es el enlace</a>   
    <div id="ayuda"> 
    <p>En este texto puedes poner todos los 
    <span style="font-weight:bold">estilos</span>que quieras<br /> 
    Y todas las líneas que necesites</p> 
    </div> 
    </body> 
    </html>

Saludos,

fidelio · #5 (**permalink**) 07/04/2005, 13:08

Eso es. Lo que pasa que te cuento los detalles, porqué pensé que con eso bastaría pero ahora me doy cuenta de que te los tenía que haber dicho. Resulta que esta ventana tiene que salir al poner el ratón sobre una imagen ¿dónde lo inserto?, si lo hago en vínculo no me funciona.

¿Es posible cambiar el color del fondo para que no sea transparente?.

En la página hay varias imagenes y cada una tiene un cuadro distinto, ¿es posible con este script colocar varios cuadros con varios textos?.

Mira en la web http://www.dvdrspain.com/ y verás que es lo que querría conseguir. Si pasas el ratón por encima de "Secciones", "Principal", "Tu Cuenta"... verás que el cuadro aparece de una determinada forma (esto me da igual). Pero el tema del encabezamiento de cada cuadro también me interesaría conseguirlo.

Muchas gracias y lamento si resulto un poco pesado.

Salu2.

fidelio · #6 (**permalink**) 15/04/2005, 01:40

¿Nadie sabe como hacer eso?.

Salu2.

JavierB · #7 (**permalink**) 15/04/2005, 02:29

Hola fidelio

En esta página tienes varios tooltips, a ver si alguno te sirve:

http://www.dyn-web.com/dhtml/tooltips/

Saludos,

fidelio · #8 (**permalink**) 15/04/2005, 10:33

Sí. Muchas gracias por todo, era esto lo que buscaba.

Salu2.

viska · #9 (**permalink**) 23/04/2005, 18:25

Hola, vereis, e seguido los pasos que habeis dado aki porque yo keria hacer exactamente eso, que al pasay el raton por un vinculo, pero de texto, apareciese una imagen, bueno, me e metido a la pagina que habeis dixo la de dyn no se que me e descargao lo que ponia, lo e insertado en mi pagina en el dreamweaver, lo e configurado a mi gusto y todo bien, en previsualizador del dreamweaver me funciona perfectamente, pero en cambio, cuando lo subo al server lo vinculos funcionan, pero las imagenes no aparecen al pasar el raton por los vinculos, a ke puede deberse esto???

Gracias de antemano xicos, un saludo.

JavierB · #10 (**permalink**) 24/04/2005, 02:03

Hola viska. Bienvenido al foro.

Pon la dirección donde has subido la página para que podamos echarle un ojo.

Saludos,

viska · #11 (**permalink**) 24/04/2005, 14:19

La dire de la pagina es esta: www.elbronx.tk concretamente http://usuarios.lycos.es/elbronx/html/inicio.html ya que inicio.html es la que se abre por defecto en el iframe central, y en la que van los vinculos sobre los cuales al pasar el raton deberia abrirse la imagen. xDD

viska · #12 (**permalink**) 24/04/2005, 16:18

o dios.... perdonad xicos, si os meteis a la pagina, www.elbronx.tk , vereis que ya funciona, jeje, lo ke pasa que no habia subido al server la carpeta 'js' que contiene los archivos .js, sere capullo??

Mis dusculpas, pero bueno, ya esta resuelto, gracias por vuestro tiempo.

Un saludo!!!!

caricatos · #13 (**permalink**) 24/04/2005, 16:50

Hola a todos:

He visto que JavierB puso un código que puse en las FAQs (nunca se puede decir que sea del todo mío, ya que tal como dije en ese mensaje está construído mezclando otras 2 FAQs...

)

Pongo el enlace: http://www.forosdelweb.com/showpost....&postcount=186 porque en el código de Javi (¡Hola

!) falta al menos una línea de mucha importancia: innerHTML = dato; dentro de la función mostrar(), y es lo que permite variar el contenido de la ventana...

También otro buen usuario de estos foros: epplestun, puso una variante de la misma: http://www.forosdelweb.com/showpost....&postcount=190

Saludos