Bidi Tutorial: RTL YUI calendario en árabe »Yahoo! User Interface Blog (YUIBlog)

Bidi Tutorial: RTL YUI calendario en árabe

23 de mayo 2011 a las 10:30 am por Mohammad Younis | En Desarrollo | No Comments

Este ejemplo muestra cómo crear una versión en árabe de derecha a izquierda de un "calendario básico emergente" con YUI 2.9.0. El Calendario YUI componente contiene una serie de APIs útil, incluyendo un botón configurable cerca, cuña dinámica iframe, y APIs para ocultar y mostrar al usuario.

LTR:

RTL:

Haga clic aquí para ver el ejemplo de trabajo. Haga clic aquí para descargar todos los archivos necesarios para ejecutar el ejemplo a nivel local.

Pasos para Bidirectionalize un Widget de RTL

Declarar el idioma principal y cambiar la dirección de la página dentro de la <html> etiqueta con el lang y el atributo dir="rtl" , este punto en caso de que la página entera es rtl, pero si la página es litros, hay que añadir la RTL en el widget.
Convertir los atributos CSS y valores que se relacionan con la dirección en la hoja de estilos, incluyendo flotador, posiciones de la imagen, text-align, el margen, relleno, borde, etc Recomendamos CSSJanus para la conversión de CSS.
Actualizar cualquier JavaScript relacionados con la direccionalidad. Medida de lo posible, se recomienda hacer la dirección configurable en el código JavaScript.
Traducir las cadenas de texto en el idioma original al lenguaje RTL, tanto en la página HTML y JavaScript.
Pon a prueba las imágenes de sprites en el caso de tener que dar la vuelta.
Compruebe el grado de compatibilidad, las pruebas del calendario a través de navegadores para asegurarse de que está funcionando bien.