Forums Últimos mensajes - Powered by IBM
 
Tags Palabras claves

Hipervinculos en imagenes

18/09/2006 - 16:34 por Eliana Londoño | Informe spam
Ayuda Hacer una pregunta
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
email Siga el debateRespuesta 6 respuestasRespuesta Tengo una respuesta
DRAGON AGE™: INQUISITION – Matadragones
 

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>
<!-- Código descargado gratuitamente de HTMLpoint, el sitio italiano del web publishing
http://www.htmlpoint.com -->
<title>Demo Dynamic HTML: ejemplo práctico</title>
<style type="text/css">
.tip {
position: absolute;
visibility: hidden;
}
</style>
<script language="JavaScript">
<!--

function showTip(obj)
{ if (document.layers)
{ if (document.layers[obj] != null) document.layers[obj].visibility = 'visible';
}
else
if (document.all) document.all[obj].style.visibility = 'visible';
}

function hideTip(obj)
{ if (document.layers)
{ if (document.layers[obj] != null) document.layers[obj].visibility = 'hidden';
}
else
if (document.all)
document.all[obj].style.visibility = 'hidden';
}

//-->
</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


Preguntas similares

 

Busqueda sugerida :