دو تابع برای پیدا کردن direction در متون

حتما متوجه این شدید که در بعضی سایت ها مانند گوگل ، موقع وارد کردن متن در فیلد مربوطه وب سایت به طور خودکار برای شما راست به چپ بودن و یا چپ به راست بودن متن را پیدا کرده و استایل فیلد را تغییر میدهد. در این پست قصد داریم با دو تابع ساده جاوا اسکریپت که این امکان را در اختیار شما قرار میدهد آشنا کنیم.

برای مثال شما می توانید در فیلد زیر شروع به تایپ کردن فارسی و انگلیسی کنید. میبینید که به صورت خودکار تشخیص داده میشود که از کدام طرف باکس شروع به نوشتن کنید بهتر است:

متنی در این باکس وارد کنید :

تابع جاوا اسکریپت اول

این تابع به شکل زیر است:

<script>
	String.prototype.getDir=function(){
		return this.toLowerCase()==this.toUpperCase()?'rtl':'ltr';
	}
</script>

تابع جاوا اسکریپت دوم

این تابع به شکل زیر است:

<script>
    String.prototype.getDir=function(){
	    var ascii=this.charCodeAt(0);
	    return (ascii>=1570 && ascii<=1712)?'rtl':'ltr';
    }
</script>

روش استفاده

روش استفاده از کد های بالا این چنین است:

<script>
    var dir1='this is a test'.getDir(),
        dir2="این یک آزمایش است".getDir();
</script>

مثال

شما با استفاده از کد زیر می توانید به هر فیلدی که کلاس autoDirection داشته باشد این خاصیت را اضافه کنید:

<input type="text" class="autoDirection">
 
 
<script>
	String.prototype.getDir=function(){
		return this.toLowerCase()==this.toUpperCase()?'rtl':'ltr';
	}
	var inps=document.getElementsByClassName('autoDirection'),
		len=inps.length;
	while(len--)
		setDirection(inps[len]).onkeyup=setDirection;
	function setDirection(elem){
		elem=!this.value?elem:this;
		if(!elem.value)
			return elem;
		elem.style.direction=elem.value.getDir();
		return elem;
	}
</script>