How to Add Hindi Inscript Keyboard Typing Functionality to Your Website

• Download source (ZIP) - 60.5 KB
• Download source (RAR) - 56.6 KB

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!