I am implementing 2 different JavaScript references in my code, as shown below:
<script src="../scripts/jsKeyboard.js" type="text/jscript"></script>
<script src="../scripts/DOB_Validate.js" type="text/jscript"></script>
To call each JavaScript function, I am utilizing an onfocus event with two separate asp:Textbox elements, as demonstrated below:
<asp:Textbox id="txtFirstName" runat="server" onfocus="jsKeyboard.focus(this);clean(this);" placeholder="Touch Here To Enter First Name" autofocus top="50%"></asp:Textbox>
<asp:TextBox ID="TextBox1" runat="server" onfocus="board.focus(this);clean(this);" placeholder="MM/DD/YYYY"
maxlength="10" Width="5%"></asp:TextBox>
In the head of the page, I have two scripts that initialize the keyboard using the respective .js external references mentioned above...
Scripts inside head:
<script type="text/javascript">
$(function () {
board.init("virtualKeyboard");
});
</script>
<script type="text/javascript">
$(function () {
jsKeyboard.init("virtualKeyboard");
});
</script>
However, I am encountering a problem where the second script in the head is always overriding the first one...
What steps can I take to resolve this issue? Thank you for your assistance...