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
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 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>
------------------------
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 de inphyx
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
<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 de widowmaker
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.
<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 de jrosales
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 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>