HTMLpointHTMLpoint HTMLpoint.com


 Crear ventanas independientes 2/2



El archivo "ventana.htm" simula la pop-up independiente que se abre cuando se abre la página principal. Sus dimensiones, como ya se ha visto, se han colocado en el documento "ejemplo.htm". Si en este archivo no se pone el código adecuado clicando en el banner, es sitio del espónsor se carga en la misma pop-up, con un efecto "enjaulamiento" no muy agradable para el visitante.

Para hacer que el documento asociado al enlace se cargue en la ventana principal donde se visualiza el archivo "ejemplo.htm", hay que actuar en dos puntos de la sintaxis.

Antes que nada, hay que escribir el siguiente código en los tag <HEAD>:

De esta manera se crea y coloca la función "loadurl", que se incluirá posteriormente en el código HTML que invoca la imagen del banner. Como ha quedado dicho, el ejemplo analizado prevé que la ventana independiente, una vez que se clica en el enlace, se cierre automáticamente. Esto es posible gracias a window.close(), y quitándolo la ventana permanece abierta. Para un efecto que no prevea el cierre automático de la ventana de pop-up, hay que escribir el código del siguiente modo:
Hecho esto, sólo hay que modificar el enlace asociado al banner, de manera que se invoque la función "loadurl" a través del gestor de eventos "onclick": <A HREF="sponsor.htm" target="_top" onClick="loadurl(this.href);return false"><IMG SRC="banner.gif" WIDTH=468 HEIGHT=60 BORDER=0></A>

Si la estructura del sitio Web está dividida en marcos, y se quiere que la página del espónsor se abra en un frameset concreto, hay que actuar de un modo diferente de lo que se ha visto hasta ahora.

Antes de nada, el código que abre la ventana independiente se escribe en el marco en el que después se visualizará la página del espónsor. Si, por ejemplo, están presentes dos marcos, uno superior y otro inferior, y se pretende que el espónsor se cargue en este último, el script hay que escribirlo en éste.

Posteriormente a la modificación del código que está en la ventana independiente, se modifica únicamente el valor de "target" en el enlace con el sitio del espónsor. En lugar del Target="_top" que ya se ha visto, hay que colocar target="nombre_marco", donde "nombre_marco" es el nombre asignado al marco cuando se ha programado.

En el ejemplo de este artículo, la ventana independiente se ha usado para obtener un efecto muy difundido en la Web, pero esto no significa que se trate del único posible. La ductilidad de este script lo convierte en un instrumento válido incluso para otros efectos que sólo la fantasía del lector y las exigencias concretas de los diferentes Website pueden descubir y valorar.


  Vuelve a principio de página
1997-2000 - Gráfica, layout y guías son propiedad exclusiva de HTMLpoint s.r.l.