Generar popup

Hola estoy diseñando una página y tengo un problema. Necesito que al hacer click en una imagen, la misma tenga un enlace a otra página, pero en forma de popup.
En la web vi varios generadores de código javascript, yo genere el código y lo pegue en el <head> de mi página. Lo que no consigo hacer es hacer que la imagen que yo quiero funcione como link.
Agradezco tu ayuda
4

4 respuestas

Respuesta
1
Te paso un ejemplo,
Aquí usé el js que trae el DW para abrir la ventana
----------------------------
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_openBrWindow(theURL,winName,features) { //v2.0
window.open(theURL,winName,features);
}
//-->
</script>
</head>
<body>
<a href="javascript:MM_openBrWindow('paginapopup.html','','width=111,height=111');"><img src="imagen.gif" width="88" height="31" border="0"></a>
</body>
</html>
------------------------
Respuesta
1
Añade un evento onClick a la imagen:
<img src="imagen.jpg" style="cursor:'hand'" onClick="window.open('pagina.htm', 'nombre', 'width=300; height=300')">
La función window. Open admite otros parámetros a parte de width y height. Echa un vistazo a este artículo:
http://www.desarrolloweb.com/articulos/18.php
Respuesta
1
Te paso un código de ejemplo:
<html>
<head>
<script>
function fnc(){
window.open("popup.htm","popup","width=800, height=600");
}
</script>
</head>
<body>
<a onclick="fnc()" style="cursor:hand"><img src="imagen.gif"></a>
</body>
</html>
Se le pueden poner muchas propiedades a open(); eso ya es en función de lo que necesitas.
Si quieres algo más, no lo dudes, pregúntame.
Respuesta
1
En donde tienes la imagen tienes que indicarle que va a llamar a un script te anexo un código que te puede ayudar
<a href="javascript:GuardarDatosCliente()"><img src="/OA_HTML/cabo/images/cache/es/b-Guardar.gif" alt="Guardar" border="0" align="absmiddle" width="72" height="20"></a>
esto significa que le dices al html que va a funcionar como un link gracias a los tags de <a href=""> </a>

Añade tu respuesta

Haz clic para o

Más respuestas relacionadas