Mejoras XUL en Firefox 3

De MDC

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

Tabla de contenidos 1 Nuevos elementos 2 Mejoras en los árboles 3 Mejoras de los menús 4 Mejoras en las cajas de texto 5 Otras mejoras 6 Véase también

[editar] Nuevos elementos

• El nuevo elemento <scale> te permite crear escalas deslizantes que permiten al usuario seleccionar cualquier valor dentro de un rango especificado. Este widget podría ser usado típicamente, por ejemplo, para crear un control de volumen.
• Un nuevo valor, number, para el atributo type de las cajas de texto crea una caja de texto donde sólo se pueden introducir números. Además, aparecen botones de flecha a en un lateral que pueden permitir incrementar y decrementar los valores. More information about numeric textboxes (bug 345510)
• Se añade un elemento <dropmarker>, que es útil para crear widgets de estilo de menú usando vínculos XBL. (bug 348614)
• Se añade un elemento <spinbuttons>, que puede usarse para crear widgets utilizando vínculos XBL. (bug 155053)
• Dos widgets, <datepicker> y <timepicker>, pueden usarse para permitir la entra de fechas y horas. El seleccionador de fecha está disponible en varios estilos mediante del atributo type, para permitir entradas a través de cajas de texto o de una cuadrícula de calendario. Más información sobre seleccionadores de fecha Referencia de seleccionadores de fecha Referencia de seleccionadores de hora
• El elemento <panel> es nuevo y está diseñado para representar 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 navegación mediante el teclado y apertura y cierre de sub-menús..
• Se ha creado una guía sobre menús y elementos emergentes que describe las nuevas funciones disponibles.

[editar] 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 aenteras. Para usar este estilo de selección, fija el atributo seltype de los árboles como cell.
• Los árboles ahora admiten la edición de celdas individuales. Cuando el usuario hace doble clic en una celda existente, aparece un campo de texto donde puede editar los contenidos de la celda. Ver estas notas para más detalles.
• Los elementos <treecol> admiten ahora un atributo overflow, que puede fijarse 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.

[editar] Mejoras de los menús

• El atributo image se usa ahora consistentemente para fijar imágenes.

• Las listas de menú lanzan ahora el evento select cuando se selecciona un elemento.
• Las propiedades inputField y editable han sido añadidas a la lista de menú.
• Los elementos <menu>, <menuitem> y <menuseparator> tienen ahora una propiedad de sólo lectura, selected, que indica si el elemento está seleccionado en una <menulist>
• Los elementos <menu>, <menuitem> y <menuseparator>

tienen ahora una propiedad de sólo lectura, control, que devuelve la <menulist> rodeada.

• Los elementos <menu>, <menuitem> y <menuseparator> admiten ahora las propiedades accessKey, disabled, crop, image y label, que fijan el correspondiente atributo
• El elemento <menu> ahora tiene métodos para añadir, insertar y eliminar elementos de menú. (bug 372552)
• Las listas de menú editables ofrecen ahora una propiedad editor para obtener el nsIEditor interno para su campo de texto.
• Los menús ahora pueden hacerse transparentes en las plataformas que lo permiten (bug 70798).

[editar] Mejoras en las cajas de texto

• Fijar el atributo spellcheck de la caja de texto a true activa la comprobación ortográfica integrada en esa caja de texto.
• La <textbox> tiene ahora un método reset() para reiniciar el valor de una cja de texto a su valor predeterminado. La propiedad defaultValue puede ser usada para obtener y modificar el valor por defecto de la caja de texto.
• Se ofrece ahora una propiedad editor, que te permite obtener el nsIEditor interno del campo de texto.
• La caja de texto admite ahora un atributo newlines que especifica cómo se interpretan los saltos de linea en el texto pegado. Los posibles valores son:
  • pasteintact - pegar todo tal cual es
  • pastetofirst - (valor por defecto) pegar sólo hasta el primer salto de linea
  • replacewithspaces - reemplazar los saltos de linea por espacios
  • replacewithcommas - reemplazar los saltos de linea con comas
  • strip - eliminar todos los saltos de linea
  • stripsurroundingwhitespace - eliminar todos los saltos de linea y los espacios en blanco cercanos

[editar] Otras mejoras

• El atributo type de un <button> puede fijarse a repeat para crear botones que ejecuten su evento asociado mientras se mantiene pulsado con el ratón.
• El atributo buttondisabledaccept puede usarse ahora en el elemento <dialog> para desactivar inicialmente el botón aceptar (OK).
• El elemento <titlebar> ahora admite el atributo allowevents para permitir que se pasen eventos a los hijos de la barra de título.
• El <splitter> ahora admite un valor adicional del atributo collapse, 'both', 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 ahora selección múltiple. Fija el atributo seltype a 'multiple' para activarla.
• El elemento <radio> tiene un atributo group que se puede fijar al identificador 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á no sea conveniente al colocarlos dentro de un grupo de selección.
• Los menús, paneles y títulos emergentes admiten dos métodos adicionales, openPopup() y openPopupAtScreen(). Deberían usarse estos métodos en lugar de showPopup(), que ha generado confusiones en su uso.

[editar] Véase también

• XUL
• Firefox 3 for developers