Hipervinculos en imagenes

18/09/2006 - 16:34 por Eliana Londoño | Informe spam

Buenos dias, necesito ayuda sobre como hacer para que el hipervinculo de una
imagen, no me lleve a otra pagina, sino que muestre algo como un popup o
algo parecido.

Estoy generando un archivo de ayudas para un aplicativo y por lo tanto, la
idea es explicar o hacer notas sobre los campos de las pantallas que forman
la interfaz con el usuario final.

Eliana Londoño Macia
Medellin-Colombia

Siga el debate

6 respuestas

Tengo una respuesta

Preguntas similare

Mostrar todos los temas similares

Leer las respuestas

#1 Mariluz

18/09/2006 - 19:10 | Informe spam

Hola, creo que te puede ayudar el que al pasar el ratón (sin necesidad de pulsar) por la palabra, frase, o imagen que lleve el
vínculo se te abra una ventanita explicativa como la que te adjunto. (Debes copiar todo y pegarlo en el portapapeles, luego
copiarlo de ahí y pegarlo en la página de FP, para evitar errores de comandos ¿vale?). Por supuesto puedes hacerle todos los
cambios que quieras a la ventanita...
Aquí empieza el código:

<html>

<head>

<title>Demo Dynamic HTML: ejemplo práctico</title>
<style type="text/css">
.tip {
position: absolute;
visibility: hidden;
}
</style>
<script language="JavaScript">

</script>
</head>

<body bgcolor="white">

<font face="Times New Roman" size="5"><b><a href onmouseover="showTip('tip1')"
onmouseout="hideTip('tip1')">HTMLpoint</a></b></font><br>
<br>
<br>
<div id="tip1" class="tip">
<table bgcolor="#FA8072" width="250">
<tr>
<td>
<p>HTMLpoint es el sitio italiano dedicado al web publishing y destinado
a elaboradores expertos y aficionados.</p>
</td>
</tr>
</table>
</div>
<font face="Times New Roman" size="5"><b><a href onmouseover="showTip('tip2')"
onmouseout="hideTip('tip2')">Informática Italiana</a></b></font><p></p>
<div id="tip2" class="tip">
<table bgcolor="yellow" width="200">
<tr>
<td>
<p>Informática italiana es un proyecto editorial que reúne algunos de
los mejores sitios italianos dedicados a la informática</p>
</td>
</tr>
</table>
</div>

</body>

</html>

Y aquí acaba...
Suerte y cuéntanos cómo ha ido
Mariluz
http://zuliram.miarroba.com

"Eliana Londoño" escribió en el mensaje ...

Buenos dias, necesito ayuda sobre como hacer para que el hipervinculo de una
imagen, no me lleve a otra pagina, sino que muestre algo como un popup o
algo parecido.

Estoy generando un archivo de ayudas para un aplicativo y por lo tanto, la
idea es explicar o hacer notas sobre los campos de las pantallas que forman
la interfaz con el usuario final.

Eliana Londoño Macia
Medellin-Colombia

Responder a este mensaje

#2 oR

18/09/2006 - 20:52 | Informe spam

Funciona!! incluso con imagenes y en geocities :-P ... si con IE aunque
no con Firefox :(

Gracias Mariluz

Saludos

Mariluz esto escribiste,

Hola, creo que te puede ayudar el que al pasar el ratón (sin necesidad de pulsar) por la palabra, frase, o imagen que lleve el
vínculo se te abra una ventanita explicativa como la que te adjunto. (Debes copiar todo y pegarlo en el portapapeles, luego
copiarlo de ahí y pegarlo en la página de FP, para evitar errores de comandos ¿vale?). Por supuesto puedes hacerle todos los
cambios que quieras a la ventanita...
Aquí empieza el código:

<html>

<head>

<title>Demo Dynamic HTML: ejemplo práctico</title>
<style type="text/css">
.tip {
position: absolute;
visibility: hidden;
}
</style>
<script language="JavaScript">

</script>
</head>

<body bgcolor="white">

<font face="Times New Roman" size="5"><b><a href onmouseover="showTip('tip1')"
onmouseout="hideTip('tip1')">HTMLpoint</a></b></font><br>
<br>
<br>
<div id="tip1" class="tip">
<table bgcolor="#FA8072" width="250">
<tr>
<td>
<p>HTMLpoint es el sitio italiano dedicado al web publishing y destinado
a elaboradores expertos y aficionados.</p>
</td>
</tr>
</table>
</div>
<font face="Times New Roman" size="5"><b><a href onmouseover="showTip('tip2')"
onmouseout="hideTip('tip2')">Informática Italiana</a></b></font><p></p>
<div id="tip2" class="tip">
<table bgcolor="yellow" width="200">
<tr>
<td>
<p>Informática italiana es un proyecto editorial que reúne algunos de
los mejores sitios italianos dedicados a la informática</p>
</td>
</tr>
</table>
</div>

</body>

</html>

Y aquí acaba...
Suerte y cuéntanos cómo ha ido

Responder a este mensaje

#3 Mariluz

20/09/2006 - 20:05 | Informe spam

Vaya :-( ... bueno tal vez haya que buscar el equivalente de "docunemt.layer" y "document.all" para firefox ... seguro que hay
algo, recuerdo haber leído algo pero no te sé decir con certeza. Si encuentras algo ¿nos lo cuentas? :-) Suerte

Mariluz
http://zuliram.miarroba.com

"oR" escribió en el mensaje ...

Funciona!! incluso con imagenes y en geocities :-P ... si con IE aunque
no con Firefox :(

Gracias Mariluz

Saludos

Mariluz esto escribiste,
> Hola, creo que te puede ayudar el que al pasar el ratón (sin necesidad de pulsar) por la palabra, frase, o imagen que lleve el
> vínculo se te abra una ventanita explicativa como la que te adjunto. (Debes copiar todo y pegarlo en el portapapeles, luego
> copiarlo de ahí y pegarlo en la página de FP, para evitar errores de comandos ¿vale?). Por supuesto puedes hacerle todos los
> cambios que quieras a la ventanita...
> Aquí empieza el código:
>
> <html>
>
> <head>
> 
> <title>Demo Dynamic HTML: ejemplo práctico</title>
> <style type="text/css">
> .tip {
> position: absolute;
> visibility: hidden;
> }
> </style>
> <script language="JavaScript">
> 
> </script>
> </head>
>
> <body bgcolor="white">
>
> <font face="Times New Roman" size="5"><b><a href onmouseover="showTip('tip1')"
> onmouseout="hideTip('tip1')">HTMLpoint</a></b></font><br>
> <br>
> <br>
> <div id="tip1" class="tip">
> <table bgcolor="#FA8072" width="250">
> <tr>
> <td>
> <p>HTMLpoint es el sitio italiano dedicado al web publishing y destinado
> a elaboradores expertos y aficionados.</p>
> </td>
> </tr>
> </table>
> </div>
> <font face="Times New Roman" size="5"><b><a href onmouseover="showTip('tip2')"
> onmouseout="hideTip('tip2')">Informática Italiana</a></b></font><p></p>
> <div id="tip2" class="tip">
> <table bgcolor="yellow" width="200">
> <tr>
> <td>
> <p>Informática italiana es un proyecto editorial que reúne algunos de
> los mejores sitios italianos dedicados a la informática</p>
> </td>
> </tr>
> </table>
> </div>
>
> </body>
>
> </html>
>
> Y aquí acaba...
> Suerte y cuéntanos cómo ha ido

Responder a este mensaje

#4 oR

22/09/2006 - 02:42 | Informe spam

Tarea para la casa... lo busco y si tengo novedades informo, gracias
Mariluz :)

Saludos

Mariluz se atrevio a decirnos que,

Vaya :-( ... bueno tal vez haya que buscar el equivalente de "docunemt.layer" y "document.all" para firefox ... seguro que hay
algo, recuerdo haber leído algo pero no te sé decir con certeza. Si encuentras algo ¿nos lo cuentas? :-) Suerte

Responder a este mensaje

#5 Eliana Londoño

27/09/2006 - 20:21 | Informe spam

Disculpenme por la demora para responderles...
Ya lo mire.. y funciona de maravilla

Muchas gracias Mariluz...
Desde Medellin-Colombia

Eliana Londoño

Responder a este mensaje

Ads by Google

Hacer una preguntaSiguiente

Tengo una respuesta

Busqueda sugerida