11.07.2015 Views

el tutorial de Dreamweaver

el tutorial de Dreamweaver

el tutorial de Dreamweaver

SHOW MORE
SHOW LESS

You also want an ePaper? Increase the reach of your titles

YUMPU automatically turns print PDFs into web optimized ePapers that Google loves.

Unidad 16. Comportamientos Avanzados (III)16.3Abrir Ventana d<strong>el</strong>NavegadorEste comportamiento, aunque a primera vista creas que no sirva para mucho, te ayudará a crearenlaces mucho más personalizados.Asociaremos este comportamiento normalmente a un enlace, o como mucho a una imagen o unbotón. Pero siempre lo haremos asociado al evento onClick <strong>de</strong> estos <strong>el</strong>ementos.Otra opción es asociarlo al evento onLoad d<strong>el</strong> body para que cuando se cargue <strong>el</strong> documentoabra al mismo tiempo una nueva ventana que dirigiremos a la URL que queramos.En esencia este comportamiento es un creador <strong>de</strong> pop-ups o ventanas emergentes, así quesi <strong>el</strong> usuario dispone <strong>de</strong> un bloqueador es posible que no se pueda llevar a cabo la apertura <strong>de</strong> lanueva ventana.Pero veamos qué <strong>de</strong>bemos hacer para po<strong>de</strong>r abrir una ventana <strong>de</strong> este modo.Primero s<strong>el</strong>eccionaremos <strong>el</strong>emento asociado al comportamiento, si lo que queremos es que seasocie al body <strong>de</strong> la página haremos clic en una área vacía d<strong>el</strong> documento.Luego abre <strong>el</strong> pan<strong>el</strong> Comportamientos (Mayus+F4) y pulsa <strong>el</strong> botónpara <strong>de</strong>splegar la lista.S<strong>el</strong>ecciona la opción Abrir ventana d<strong>el</strong> navegador y verás <strong>el</strong> siguiente cuadro <strong>de</strong> diálogo:Veamos las opciones que po<strong>de</strong>mos s<strong>el</strong>eccionar aquí.En Mostrar URL: escribiremos la URL <strong>de</strong> la página que queremos abrir.En los cuadros <strong>de</strong> texto <strong>de</strong> Ancho <strong>de</strong> la ventana: y Alto <strong>de</strong> la ventana: podremos especificarsu tamaño en píx<strong>el</strong>es.El cuadro Nombre <strong>de</strong> la ventana: te permitirá darle un nombre a la nueva ventana. Así, mástar<strong>de</strong>, utilizando JavaScript, podríamos referenciarnos a <strong>el</strong>la utilizando este nombre.

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!