Welcome to collectivesolver - Programming & Software Q&A. A website you can trust. All programs tested and works. Contact: aviboots(AT)netvision.net.il
Liquid Web Managed Dedicated Server: RAID 1 SSD with 16GB of RAM minimum! 24/7 On-Site Heroic Support! Industry-Leading SLA!

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


Liquid Web Cloud VPS Hosting

8,512 questions

11,796 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
...