En este artículo veremos cómo crear un enlace para que se abra una ventana nueva redimensionada al tamaño que deseemos.
Atención: Contenido exclusivo de DesarrolloMultimedia.es. No reproducir. Copyright.
Son muchas las ocasiones en las que necesitamos
abrir un nueva página cuando estamos diseñando nuestra página web y a menudo, la página que se va a abrir contiene
una fotografía o
poca información, por lo que estéticamente no quedaría bien que fuese una página completa, lo que tenemos que hacer es
redimensionarla a un tamaño en concreto.
Para ello tenemos implementar un
script en la
página contenedora, es decir la página donde tenemos el enlace.
Justo después del
"head", ponemos el
script:
<html>
<head>
<Script Language=JavaScript>
<!--
function abrir(cual)
{
window.open(
''+cual
+'','','scrollbars=no,width=782,height=576,top=100,left=100');
}
//-->
</Script>
Los valores que tenemos que tener en cuenta, son el
ancho y el
alto, es decir
width=782,
height=576 es el
tamaño de la ventana que se abre y
top=100,
left=100 es el
valor absoluto o posición, donde se abre la nueva ventana.
Por último, justo encima del código de la imagen que hayamos usado para hacer el enlace, (o el enlace directamente si no hay fotografía), tenemos que añadir este código:
<a href="javascript:abrir('la_pagina_que_sea.htm');">
Tendría que quedar algo así;
<a href="javascript:abrir('la_pagina_que_sea.htm');">
<img border="0"
src="la_foto_que_sea.jpg"
width="300"
height="161">
Por último os dejamos un
ejemplo visual de como quedaría.
Publicar un comentario del artículo
Usuarios: 
13 de mayo de 2011
Valoración del artículo:
