Click here to Skip to main content
65,938 articles
CodeProject is changing. Read more.
Articles
(untagged)

How to Add Hindi Inscript Keyboard Typing Functionality to Your Website

0.00/5 (No votes)
20 Mar 2015 1  
A tip to fulfill the requirement of getting the Hindi Inscript Typing on your website without using any external software

Introduction

With the help of this tip, you can add Hindi Inscript keyboard typing to your website without using any external software. Inscript keyboards are used by various government and other organizations in India. You will have to use the scripts provided in the demo attached to this tip. Mostly, Mangal fonts are used in Inscript typing. Mangal fonts are supposed to be Unicode. Aparajita fonts may also be an option.

Using the Code

For accomplishing our goal, first we add jquery minified version 1.7.2 and InscriptKeyBoard.js to our project.

    <script src="script/jquery-1.7.2.min.js"></script>
    <script src="script/InscriptKeyBoard.js"></script>

Now, we call our function on JQuery document.ready event.

       <script type="text/javascript">
        $(document).ready(function () {
            GetInscriptTyping();
        });
     
    </script><script type="text/javascript">
    $(document).ready(function () {
            GetInscriptTyping();
        });
     
    </script>

Then, we add a textarea inside the body of the page.

  <textarea id="txtInscript" style="height: 194px;
width: 1330px;" class="Inscript"></textarea>

A class named Inscript has been added to textarea to get Inscript keyboard to type Hindi. You can use Inscript typing on multiple elements in a Page.You can download the sample attached to this tip. The demo has been created in Visual Studio 2012.

Points of Interest

You can easily switch Hindi to English by pressing the Esc button.

Shift button+Any key to get full word.

Ctrl+Alt for Hindi numbers.

History

If anyone wishes to get a visible keyboard under the textarea, I will be updating the tip very soon. Thanks!

License

This article has no explicit license attached to it but may contain usage terms in the article text or the download files themselves. If in doubt please contact the author via the discussion board below.

A list of licenses authors might use can be found here