Los resultados de tu búsqueda

    Características de una ventana

     

    Ya hemos visto algunas de las características de las ventanas. En esta sección veremos algunas más.

    Creando otra ventana

    Puedes crear otra ventana para tu aplicación de la misma manera como lo harías para crear la primera. Solamente crea un segundo archivo XUL con el código de la ventana en él. Como en HTML, puedes usar la función window.open() para abrir la segunda ventana. Esta función devolverá una referencia de la nueva ventana abierta. Puedes usar esta referencia para llamar funciones de la otra ventana.

    La función open toma tres argumentos. El primero es la url del archivo que quieres abrir. El segundo es un nombre interno para la nueva ventana. El tercero es una lista de indicadores. El flag ‘chrome’ es importante para abrir la ventana como un archivo chrome. Si no agregas el flag ‘chrome’, el archivo se abrirá como el contenido de una ventana del navegador.

    Por ejemplo:

    var myWin = 
    window.open("chrome://findfile/content/findfile.xul","findfile","chrome");
    

    Especificando el ancho y alto

    Deben haber notado que siempre que algunos elementos fueron agregados a una ventana, el ancho de la ventana se expande para hacer caber los nuevos elementos. En realidad la ventana es solo una caja (box) que es flexible y con orientación vertical por defecto. También puedes especificar el ancho y alto directamente en la etiqueta window. Esto causa que la ventana se muestre con un tamaño específico. Si no se especifica, el tamaño se determinará por los elementos que contiene.

    <window
    id="findfile-window"
    title="Find Files"
    width="400"
    height="450"
    
    xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
    

    En este ejemplo, la ventana se abrirá con un ancho de 400 píxeles y un alto de 450 píxeles. Incluso si no contiene suficientes elementos como para abarcar este tamaño, de todas maneras la ventana se abrirá con este tamaño y quedará espacio en blanco en el área no ocupada. Si contiene demasiados elementos, la ventana no será lo suficientemente grande como para contener los elementos. El usuario deberá ajustar el tamaño del dialogo. Cuando especificas el alto y ancho de una ventana debes tener cuidado para que la ventana no resulte demasiado chica o demasiado grande. Nota que debes especificar ambos, el ancho y alto. Si especificas solo uno, el otro se tomará como 0. Para que la ventana ajuste automáticamente su tamaño, no especifiques ni el ancho ni el alto. El ancho y alto especifican solo el tamaño inicial de la ventana. El usuario podrá cambiar el tamaño de la ventana, asumiendo que la ventana sea dimensionable (‘resizable’) (ver más abajo).

    Otras características de las ventanas

    Los indicadores de abajo se pueden pasar como parte del tercer argumento a la función window.open. Tu sistema operativo puede que no los soporte todos. También puedes usar cualquiera de los indicadores ya existentes, los cuales deberías encontrar en una referencia de JaveScript. Puedes desactivar alguna característica especificándolo con ‘no’, por ejemplo ‘dialog=no’.

    alwaysLowered 
    La ventana aparecerá siempre debajo de otras ventanas.
    alwaysRaised 
    La ventana aparecerá siempre arriba de otras ventanas.
    centerscreen 
    La ventana al abrirse se centrará.
    dependent 
    La ventana aparecerá siempre en relación a la ventana que la abrió. Si la ventana que abrió la nueva ventana se mueve, la nueva ventana se mueve junto a ella.
    dialog 
    La ventana es un dialogo, el cual puede aparecer diferentemente.
    modal 
    El dialogo es modal. No se podrá interactuar con la ventana que abrió el dialogo hasta que este se cierre.
    resizable 
    El usuario puede cambiar el tamaño de la ventana.

    Depurando una ventana

    Otra característica útil solo durante el desarrollo es activar el modo de depuración de una ventana. Para hacerlo, agrega un atributo debug con valor ‘true’ a la ventana. Esto hará que la ventana muestre los ‘box’ y los ‘spacers’ de forma que puedas ver lo que está ocurriendo. Este ejemplo muestra como usarlo.

    <window
    id="findfile-window"
    title="Find Files"
    debug="true"
    xmlns:html="http://www.w3.org/1999/xhtml"
    xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
    

    La imagen de abajo muestra el efecto cuando se aplica a una ventana sencilla.

     

    En la imagen, puede que notes algunas cajas (boxes) adicionales. Esto es debido a que cada elemento XUL está hecho de un número de cajas (boxes), definidas con XBL. Las puedes ignorar. Puedes especificar el atributo debug en cualquier caja, no solo en la ventana (window).

    Etiquetas y colaboradores del documento

    Colaboradores de esta página: Nathymig, teoli, Telco, Jorolo, Czar, Mgjbot
    Última actualización por: teoli,