Welcome to collectivesolver - Programming & Software Q&A. A website you can trust. I check, compile and run every program. Contact me at: aviboots(AT)netvision.net.il
Hostgator 1 Penny

BlueHost Web Hosting

Ecommerce Software - Best Ecommerce Platform Made for You - Free Trial

Ecommerce Software - Best Ecommerce Platform Made for You - Free Trial

getflywheel wordpress hosting


Distribute your Resume to 500+ Job Boards & Recruiters


6,869 questions

9,775 answers

573 users

How to detect the language and change HTML input text direction automatically with CSS and jQuery

1 Answer

0 votes
<!DOCTYPE html>
<html>
    <head>
        <script type="text/javascript" src="js/jquery-2.2.2.min.js"></script>  
    </head>

    <body>

        <form name="yourForm" method="get" >
            <input type="text" >
            <input type="submit" value="search" name="search" />
        </form>
        <script type="text/JavaScript">
            $('input').keyup(function(){
                $this = $(this);
                if($this.val().length == 1)
                {
                    var ch =  new RegExp("[\x00-\x80]+"); // ascii characters

                    var isAscii = ch.test($this.val());

                    if(isAscii)
                    {
                        $this.css("direction", "ltr");
                    }
                    else
                    {
                        $this.css("direction", "rtl");
                    }
                }

            });
        </script>
    </body>
</html>
/* css file */

input
{
    direction:ltr;
}

 




answered Apr 4, 2016 by avibootz
...