Virtual Keyboard tagged posts

Use of Virtual Keyboard in Asp.net using Jquery

Category: ASP.NETJQUERY Comments: No comments

Steps for Use of Virtual in Asp.net using Jquery

1. Add script to Header

<script src=”Scripts/jquery-1.4.1.min.js” type=”text/javascript”></script>
<link href=”http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/ui-lightness/jquery-ui.css” rel=”stylesheet” />
<link href=”http://dotnettricks-abdul.in/Contents/keyboard.css” rel=”stylesheet” type=”text/css” />
<script src=”http://dotnettricks-abdul.in/Contents/jquery.keyboard.extension-typing.js” type=”text/javascript”></script>
<script src=”http://dotnettricks-abdul.in/Contents/jquery.keyboard.js” type=”text/javascript”></script>

<script type=”text/javascript”>
$(document).ready(function () {
$(“#txtKeyText”).keyboard({
autoAccept:true
})
.addTyping();
$(“#txtNumeric”).keyboard({
layout: ‘num’,
restrictInput: true,
preventPaste: true,
autoAccept: true

})
.addTyping();
});
</script>

2. Add Code to design Page

<table>
<tr>
<td>
Enter Keyboard Text:
</td>
<td><asp:TextBox ID=”txtKeyText” runat=”server”></asp:TextBox></td>
</tr>

<tr><td colspan=”2″></td></tr>
<tr>
<td>
Entet Numeric:
</td>
<td><asp:TextBox ID=”txtNumeric” runat=”server”></asp:TextBox></td>
</tr>
</table>

 

Read More