I need to add a virtual keyboard after a validation in codebehind. The control is invisible until this validation is true.
When I add the virtual keyboard with the control already visible on the screen, it works 100%. After the validation is not working.
The scripts used are:
<link href="../../css/jquery-ui.css" rel="stylesheet" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script><scriptsrc="http://code.jquery.com/ui/1.10.3/jquery-ui.min.js"></script>
<link href="../../css/keyboard.css" rel="stylesheet"/>
<script src="../../js/jquery.keyboard.js"></script>
<link href="../../keyboard/demo.css" rel="stylesheet"/>
<script src="../../keyboard/demo.js"></script>
<script src="http://mottie.github.com/Jatt/js/jquery.jatt.min.js"></script><scriptsrc="../../keyboard/jquery.chili-2.2.js"></script>
<script src="../../keyboard/recipes.js"></script>
The control that is receiving the virtual keyboard is:
<asp:TextBox ID="txtEmailCliente" runat="server"></asp:TextBox>
The code that makes the virtual keyboard appear in the control is in the demo.js file and the code follows below:
jQuery(function ($) {
var configAlpha = {
display: {
'bksp': '\u2190',
'accept': 'Concluido',
'default': 'ABC',
'shift': '\u21d1',
'meta1': '.?123',
'meta2': '#+='
},
layout: 'custom',
customLayout: {
'default': [
'q w e r t y u i o p {bksp}',
'a s d f g h j k l {enter}',
'{s} z x c v b n m , . {s}',
'{meta1} {space} {meta1} {accept}'
],
'shift': [
'Q W E R T Y U I O P {bksp}',
'A S D F G H J K L {enter}',
'{s} Z X C V B N M ! ? {s}',
'{meta1} {space} {meta1} {accept}'
],
'meta1': [
'1 2 3 4 5 6 7 8 9 0 {bksp}',
'- / : ; ( ) \u20ac & @ {enter}',
'{meta2} . , ? ! \' " {meta2}',
'{default} {space} {default} {accept}'
],
'meta2': [
'[ ] { } # % ^ * + = {bksp}',
'_ \ | ~ < > $ \u00a3 \u00a5 {enter}',
'{meta1} . , ? ! \' " {meta1}',
'{default} {space} {default} {accept}'
]
}
};
$('#txtEmailCliente').keyboard(configAlpha);
});
Can anyone tell me how to do that after clicking on a particular button, do a validation and give txtEmailCliente.Visible = true does this virtual keyboard appear?
I would have to bind the event to control somehow, does anyone know how?