Use jQuery para alternar entre alineación de texto izquierda y derecha, según el idioma

Question

Tengo cuadros de entrada y áreas de texto que deben alternar entre alineado a la izquierda y alineación a la derecha (dependiendo del idioma del usuario, la dirección sería diferente) ¿Cómo puedo hacer esto con jQuery?

Answer 1

Aquí he revisado por completo el guión de Mohammad pero es limitada a su propósito: digitalización si la primera letra el usuario teclea es persa y cambiar la dirección de los insumos de acuerdo.

Aquí está: jsfiddle.net/uPH7N/4

Answer 2

Alternar los elementos CSS con jQuery (suponiendo que las entradas pertinentes/áreas de texto tienen la clase textdirectionBoxes):

$('.textdirectionBoxes').css('direction', 'rtl'); 

y

$('.textdirectionBoxes').css('direction', 'ltr'); 

Answer 3

Como no sé el código de tecla todas las letras persas, que tenían que hacerlo de esta manera:

var str = $('#item').val(); //this is your text box 
var firstChar = str.substr(0,1); 
var characters = ['ا','ب','پ','ت','س','ج','چ','ح','خ','د','ذ','ر','ز','ژ','س','ش','ص','ض','ط','ظ','ع','غ','ف','ق','ک','گ','ل','م','ن','و','ه','ی']; 
function checkPersian() { 
    var result = false; 
    for (i = 0 ; i<32 ; i++) { 
     if (characters[i] == firstChar) { 
      result = true; 
     } 
    } 
    return result; 
} 
if (checkPersian()) { 
    $('#item').css('direction','rtl'); 
} else { 
    $('#item').css('direction','ltr'); 
} 

Answer 4

¿Qué hay de

jQuery(document).ready(function(){ 
    var language = navigator.userLanguage || navigator.language; 
    if(jQuery.inArray(language, ['ar', 'he', 'ur']) != -1) 
     jQuery('input[type="text"], input[type="password"], textarea').css('direction', 'rtl'); 
}); 

?

edición: fijo poco código de errores

Answer 5

Puede utilizar dir="auto" atributo en los navegadores modernos: Live Demo

<input type="text" dir="auto"><br> 

También puede hacerlo por jQuery así: Live Demo

$('input, textarea').keyup(function() { 
    $(this).val().charAt(0).charCodeAt(0) < 200 ? $(this).css('direction','ltr') : $(this).css('direction','rtl'); 
}); 

Answer 6

function isUnicode(str) { 
    return (str.charCodeAt(str.length-1) > 255) ? true : false; 
} 

$('input[type=text]').each(function() { 
    $(this).keyup(function(e) { 
     $(this).css('direction', 
      isUnicode($(this).val()) ? 'rtl' : 'ltr' 
     ); 
    }); 
});