EL IDIOMA UNIVERSAL INTERACTIVO
3. Integrando conocimientos

 

Ahora en una ejemplo, entrarán en juego algunas propiedades y métodos que te serán útiles para aumentar las funciones de tu página. Cliquea sobre el siguiente linko para ver el aspecto de la ventana que construirás para ejercitar:

¿Quieres ver una nueva ventana?

Bien, ahora observa el código para comprender paso a paso cómo se logró una ventana así.

Clic en la imagen para ampliar
Como este script requiere de muchas acciones, ellas están reunidas en la función AbrirVentana (si no sabés qué es un función, haz clic aquí). Allí verás la variable "miventana" capaz de almacenar la tarea de abrir una nueva ventana usando el método open. Pero seguramente te preguntarás qué son todos esos códigos entre sus paréntesis.

Las dobles comillas ("") definen la aparición de una página en blanco. Si quisieras que

 

Comparte tus dudas y consejos con otros usuarios de Javascript

TEMAS RELACIONADOS

Curso completo de HTML

Un lugar para tu sitio personal

Indice del curso


Recursos interactivos para tu página

 

que la ventana muestre determinado sitio web, tendrías que escribir la URL indicada. "Ventana" es el nombre del Pop-Up, y el resto del código define la apariencia que tendrá. En este caso, oculta la barra de herramientas, los menúes y define su tamaño.

A cualquier ventana se le puede dar la forma que uno desee cambiando estas características.

directories= yes / no Barra de Vínculos
location= yes / no Barra de Dirección
menubar= yes / no Barra de Menú
toolbar= yes / no Barra de Herramientas
scrollbars= yes / no Barras de desplazamiento
resizable= yes / no Posibilidad de redimensionar la ventana
status= yes / no Barra de Estado
height= número en pixels Alto de la ventana
width= número en pixels Ancho de la ventana

El uso de estos parámetros del método open es opcional, pero si no los declaras se abrirá una ventana con todos los elementos visibles. Otro dato: no hace falta que agregar "yes" por cada objeto a mostrar, ya que la sola mención de su nombre cumple la misma función.

Volviendo al código de nuestro script, una vez definida la apariencia del Pop-Up, se usa la sentencia document.write para crear, primero, un mensaje, y luego, un vínculo que al ser cliqueado cerrará la ventana por medio del método close().

¿Te pareció complicado? Ojalá que no. Sí comprendiste el rol de cada método y propiedad ya lograste integrar el uso de estos conceptoscon funciones y variables, otros temas ya analizados en entregas previas del tutorial. En caso contrario, te conviene repasar los capítulos anteriores de este curso.

La próxima entrega llegará en siete días, momento en que seguirás profundizando en el mundo de JavaScript.

Guía de lectura