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!