En este ejemplo, se crean dos páginas, como se muestra en la Figura 1. Index.html es la página que se muestra en la subventana y la página denominada firstpage.html contiene un enlace para abrir Index.html en la subventana. Cuando se hace clic en el enlace, index.html se abre en una ventana secundaria. Puede hacer clic directamente en el enlace "Cerrar" en la subventana para cerrarla, o puede ignorarlo. La subventana se cerrará automáticamente después de 15 segundos.
Figura 1 El funcionamiento específico de la página emergente del navegador
es el siguiente:
1. Genere una carpeta Smlple en el sitio local.
2. En la carpeta Smlple, genere archivos denominados Index.html y firstpage.html.
3. Haga doble clic en Index.html para abrir el documento e ingresar a la ventana de vista de diseño del documento.
4. Haga clic en el menú Ver/Contenido del encabezado para mostrar el área del encabezado del documento.
5. Haga clic en el panel del encabezado del documento en la ventana de la vista Diseño. Seleccione el menú Insertar/Etiquetas invisibles/Script para abrir el cuadro de diálogo Insertar script. Como se muestra en la Figura 2, seleccione la opción JavaScript en el cuadro de lista desplegable Idioma e ingrese "setTimeout("self.close()", 15000)" en el cuadro de texto de Coctento. Haga clic en el botón Aceptar para completar el script que cierra automáticamente la ventana secundaria 15 segundos después de insertarla en el encabezado del documento. En el código, 15000 significa 15000 milisegundos, que son 15 segundos. También puede modificarlo a la cantidad de milisegundos que necesite.
Figura 2 Establecer hora
6. Ingrese la palabra "Cerrar" en la ventana del documento, ingrese "###" en el cuadro de texto Enlace en el panel de propiedades y configúrelo como un enlace vacío.
7. En el Editor de etiquetas rápidas en el extremo izquierdo de la barra de estado, haga clic en el botón Etiqueta. Seleccione el enlace "Cerrar" y luego presione la combinación de teclas Ctrl+T para abrir el Editor de etiquetas rápidas e ingresar al modo de edición de etiquetas del Editor de etiquetas rápidas. Luego ingrese "onclick="selfclose()"" antes de ">". Como se muestra en la Figura 3, una vez completada la configuración, haga clic en el botón Aceptar para confirmar la operación. De esta manera, después de abrir Index.html como una subventana, al hacer clic en el enlace se puede cerrar inmediatamente la subventana.
Figura 3 Establecer hora
8. Guarde el archivo Index.html y salga de la ventana Dremweaver de index.html.
9. Ahora comience a diseñar la página fristpage.html. En la carpeta Smlple del sitio local, haga doble clic en fristpage.html para abrir el documento e ingresar a la ventana de vista de diseño del documento.
10. Ingrese las palabras "Haga clic aquí para abrir una subventana que se cerrará automáticamente" en el documento. Luego ingrese "###" en el cuadro de texto Enlace en el panel de propiedades para configurarlo como un enlace vacío.
11. Puede configurar la ventana Index.html para que se abra cuando se hace clic en el enlace aplicando el comportamiento Abrir ventana del navegador al enlace, pero un método más conveniente es utilizar el Editor de identidad rápido. Para hacer esto, primero coloque el punto de inserción en el enlace, luego haga clic en el botón Identidad en el Selector de identidad en el extremo izquierdo de la barra de estado para seleccionar el enlace completo. Luego presione la combinación de teclas Ctrl+T para abrir Quick Tag Editor e ingresar al modo de edición de logotipo de Quick Tag Editor. Luego ingrese "onclick="window.open('index.html',null','width=200px, height=200px')" antes de ">" (como se muestra en la Figura 4). Una vez completada la configuración, presione la tecla Enter para confirmar la operación.
Figura 4 Configuración del enlace para que se abra al hacer clic en él
12. Las operaciones anteriores completan la configuración para este ejemplo. Puede hacer clic en el menú y usar Archivo/guardar para guardar su trabajo. Luego presione la tecla F12 para obtener una vista previa del efecto de la página en el navegador.