Detectar escritura right to left mediante javascript

Cuando nos ponemos a traducir nuestra página web o aplicación web a varios idiomas nos encontramos con los idiomas que se escriben de derecha a izquierda como el Árabe o el Hebreo entre otros.

Como sabrás, cuando trabajamos con idiomas right to left (o de derecha a izquierda), el atributo dir=”rtl” debe ser añadido a la etiqueta html de nuestra página.

Pero cómo podemos saber mediante javascript si dicho atributo rtl está presente en la página?

La siguiente función nos retornará verdadero o falso en función de si la página está en modo right to left o no.

var isRtlEnabled = function() {
    // Función disponible en la mayoría de navegadores.
    if ( window.getComputedStyle ) {
        return window.getComputedStyle( document.body, null ).direction === 'rtl';
    }

    // Función para IE < 9.
    if ( document.body.currentStyle ) {
        return document.body.currentStyle.direction === 'rtl';
    }

    return false;
}​;​

De esta forma comprobamos el estilo que se está generando internamente en nuestro documento html para saber si se está aplicando un estilo right to left o left to right.

Más información sobre getComputedStyle y currentStyle.

Corre la voz!

Comentarios


Escribir un comentario

Escribe lo que desees, si quieres incluir código hazlo usando los tags <pre>

Nombre:
Email:
Website: