Mejoras XUL en Firefox 3

Firefox 3 proporciona varios nuevos elementos XUL, además de mejoras en los elementos existentes. Aún que este material se documenta en detalle en otro lugar, este artículo ofrece una buena lista de estas mejoras así como enlaces a la documentación detallada.

Los nuevos elementos

• Los controles numéricos:
  • El elemento <scale> permite crear escalas deslizantes que dejan al usuario seleccionar cualquier valor dentro de un rango especificado. Este control podría utilizarse, por ejemplo, para crear un control de volumen.
  • El valor number para el atributo type de cajas de texto (textbox) crea una caja de texto donde sólo se pueden introducir números. Además, aparecen botones de flecha en un lateral que permiten incrementar o disminuir los valores. Más información sobre cajas de texto numérico. bug 345510
  • El elemento <spinbuttons>, que puede usarse para crear controles con la ayuda de vínculos XBL. bug 155053
  • Los controles, <datepicker> y <timepicker> sirven para permitir entradas de fecha y hora. El seleccionador de fecha está disponible en varios estilos según el atributo type y permite entradas vía cajas de texto o de un calendario. Más información sobre seleccionadores de fecha (en) Referencia de seleccionadores de fecha Referencia de seleccionadores de hora
• Hay una guía sobre menús y elementos emergentes que describe las nuevas funciones disponibles.
  • El elemento <dropmarker> es útil para crear, con vínculos XBL, controles de estilo de menú. (bug 348614)
  • El elemento <panel> está diseñado para elementos emergentes que no son menús. Pueden albergar cualquier tipo de contenido. Para menús se debería utilizar el elemento <menupopup>. Los menús permiten la navegación mediante el teclado y apertura/cierre de sub-menús.

Las mejoras

en los árboles

• Los árboles pueden desplazarse horizontalmente ahora. Si las columnas no caben dentro del ancho disponible, aparece una barra de desplazamiento horizontal. Esto ocurre si el ancho de las columnas especificado suma más que el espacio disponible. Ver bug 212789 para más detalles.
• Un nuevo estilo de selección permite seleccionar celdas individualmente, en lugar de filas enteras. Para usar este estilo de selección, se fijará el atributo seltype de los árboles como cell. (bug 296040)
• Los árboles admiten la edición de celdas individuales. Cuando el usuario hace doble clic en una celda, aparece un campo de texto donde puede editar los contenidos de la celda. Ver estas notas para más detalles. (bug 201499)
• Los elementos <treecol> admiten ahora un atributo overflow, que puede definirse como verdadero para permitir que el texto de las celdas de esa columna se expanda a las celdas vecinas vacías, si el texto es demasiado largo para caber en esa única celda.

de los menús

• El atributo image se usa ahora consistentemente para definir imágenes.
• Las listas de menú lanzan el evento select cuando se selecciona un elemento.
• Las propiedades inputField y editable han sido añadidas a la lista de menú.
• El elemento <menu> tiene métodos para añadir, insertar y eliminar elementos de menú. (bug 372552)
• Los elementos <menu>, <menuitem> y <menuseparator>:
  • tienen la propiedad selected, de sólo lectura, que indica si el elemento está seleccionado en una <menulist>.
  • tienen la propiedad control, de sólo lectura, que devuelve la <menulist> rodeada.
  • admiten las propiedades accessKey, disabled, crop, image y label que definen el atributo correspondiente.
• La propiedad editor permite obtener la interfaz nsIEditor interna para el campo de texto de un elemento menulist modificable.
• Los menús pueden mostrarse transparentes en las plataformas que lo permiten. (bug 70798)

en las cajas de texto

• Definir el atributo spellcheck de una caja de texto a 'true' activará la comprobación ortográfica integrada en esa caja de texto. (bug 346787)
• La <textbox> tiene el método reset() para reiniciar el valor de una caja de texto a su valor predeterminado. La propiedad defaultValue se usará para obtener y modificar el valor por defecto de la caja de texto. (bug 312867)
• Se ofrece la propiedad editor que permite obtener la interfaz nsIEditor interna del campo de texto.(bug 312867)
• La caja de texto admite el atributo newlines que especifica cómo se tratarán los saltos de linea en el texto pegado. bug 253481. Los posibles valores son:
  • pasteintact - pega todo tal cual está
  • pastetofirst - (valor por defecto) pega sólo hasta el primer salto de linea
  • replacewithspaces - reemplaza los saltos de linea por espacios
  • replacewithcommas - reemplaza los saltos de linea con comas
  • strip - elimina todos los saltos de linea
  • stripsurroundingwhitespace - elimina todos los saltos de linea y los espacios vacíos cercanos

Otras mejoras

• El atributo type de un <button> se fijará a repeat para crear botones que ejecuten el evento asociado mientras se mantiene pulsado con el ratón.
• El atributo buttondisabledaccept puede usarse en el elemento <dialog> para tener el botón aceptar (OK) inicialmente desactivado.
• El elemento <titlebar> admite el atributo allowevents que permite pasar eventos a los hijos de la barra de título.
• El <splitter> admite el valor adicional 'both' para el atributo collapse, que indica que el separador puede colapsar elementos en ambos lados cuando se arrastra. El atributo substate se fijará a antes o después cuando uno es colapsado. (bug 337955)
• El elemento <richlistbox> permite selección múltiple. Se fijará el atributo seltype a 'multiple' para activarlo.
• El elemento <radio> tiene un atributo group que puede definir la (id) identificación de un elemento <radiogroup> al cual pertenece el botón de selección. Esto permite organizar los botones de selección, de una manera que quizás no sea conveniente, al colocarlos dentro de un grupo de selección.
• Los métodos openPopup() y openPopupAtScreen() son admitidos por menús, paneles y títulos emergentes. Estos métodos deberían utilizarse en lugar de showPopup() que ha generado confusiones en su uso.
• Se ha mejorado la gestión del elemento <key> (tecla) para los usuarios de teclados no latino. Ver el evento de tecla de Gecko.
• En Mac OS X, los atributos 'activetitlebarcolor' y 'inactivetitlebarcolor' de los elementos raiz (<window>, <dialog>, <prefwindow> and <wizard>) son accesibles para personalizar el color de la barra de títulos de la pantalla.

Ver también

• XUL