sábado, 23 de enero de 2016

Abrir un vínculo en ventana nueva

Nos saltamos el orden habitual del recorrido por los ejercicios y actividades del W3School para comentar un recurso incorporado a este blog.
Se trata de abrir un vínculo en una ventana nueva que podemos dimensionar de manera independiente para cada caso.

Porque hay otras soluciones pero no todas permiten esto último.
Lo que lo hace muy interesante.

<a href="http://ladireccion.html" onclick="window.open(this.href, this.target,     'width=400,height=250'); return false;" target="popup" title="Lo que queramos poner">Enlace</a>

Cambiando la URL, el width, el height, el contenido del title y la palabra Enlace por lo que corresponda.
Así, hemos incorporado este vínculo a cada uno de los ejercicios para poder comprobar resultado y código de cada actividad.

ACTUALIZACIÓN
Acabo de descubrir que el código anterior puede ser completado para posicionar la ventana emergente en determinadas coordenadas. Si, por ejemplo, queremos que la coordenada izquierda de la ventana sea a 700 píxeles desde la izquierda y a 20 respecto de la parte superior de la pantalla, añadiríamos, después del height: left=700,top=20.
El código quedaría así:

<a href="http://ladireccion.html" onclick="window.open(this.href, this.target,     'width=400,height=250,left=700,top=20'); return false;" target="popup" title="Lo que queramos poner">Enlace</a>

Veamos un ejemplo a (700,20) de coordenadas: Para probar popup
Veamos un ejemplo a (0,0) de coordenadas: Para probar popup

No hay comentarios:

Publicar un comentario