Busco javascript para abrir una ventana
Hola, estoy buscando un javascript o en su defecto la manera de hacerlo con Dreamweaver para abrir una ventana de esta manera: supongamos que tengo una ventana con un montón de imágenes, y quiero ampliarlas al pulsar sobre ellas, pero en otra ventana, y siempre en la misma, de tal manera, que aunque abra todas, se me abran en la nueva ventana, y no en otras.
Muchas gracias
Muchas gracias
1 respuesta
Respuesta de esiles
1
He creado dos páginas, una es la que se encuentran todas las fotos y la otra es la que se abrirá con la foto ampliada.
Página con fotos
<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 mostrar(archivo,titulo,ancho,alto) {
posx = (screen.width/2)-(ancho/2);
posy = (screen.height/2)-(alto/2);
features="width=" + ancho + " height=" + alto + " top=" + posy + " left=" + posx;
newin = window.open(archivo,titulo,features);
newin.document.write('');
cadena='<img src="gra/'+event.srcElement.id+'.gif" width="100" height="100" border="0"></img>';
newin.document.write(cadena);
newin.focus();
}
</script>
</head>
<body>
<a href="#"><img id="foto1" src="gra/foto1.gif" width="50" height="50" border="0" onClick="mostrar('FotoAmpliada.htm','Imagen',400,275);"></a>
<a href="#"><img id="foto2" src="gra/foto2.gif" width="50" height="50" border="0" onClick="mostrar('FotoAmpliada.htm','Imagen',400,275);"></a>
</body>
</html>
PAGINA PARA VER FOTO AMPLIADA (es una página vacia)
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>
</body>
</html>
Página con fotos
<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 mostrar(archivo,titulo,ancho,alto) {
posx = (screen.width/2)-(ancho/2);
posy = (screen.height/2)-(alto/2);
features="width=" + ancho + " height=" + alto + " top=" + posy + " left=" + posx;
newin = window.open(archivo,titulo,features);
newin.document.write('');
cadena='<img src="gra/'+event.srcElement.id+'.gif" width="100" height="100" border="0"></img>';
newin.document.write(cadena);
newin.focus();
}
</script>
</head>
<body>
<a href="#"><img id="foto1" src="gra/foto1.gif" width="50" height="50" border="0" onClick="mostrar('FotoAmpliada.htm','Imagen',400,275);"></a>
<a href="#"><img id="foto2" src="gra/foto2.gif" width="50" height="50" border="0" onClick="mostrar('FotoAmpliada.htm','Imagen',400,275);"></a>
</body>
</html>
PAGINA PARA VER FOTO AMPLIADA (es una página vacia)
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>
</body>
</html>
