I am working with some textboxes and JavaScript to give an excel like feel - when a user arrows over they are moved to a new textbox. I have some code that works in Firefox, but it does absolutely nothing in IE. Now in FF, there is an error that appears in the JavaScript console, which changes the line number based on which arrow a user presses, but again, IE does not even throw an error.
Error: [Exception... "'Permission denied to get property XULElement.selectedIndex' when calling method: [nsIAutoCompletePopup::selectedIndex]" nsresult: "0x8057001e (NS_ERROR_XPC_JS_THREW_STRING)" location: "
JS frame :: file:///c:/Documents%20and%20Settings/bjb/Desktop/Javascript%20Keypress/Keypress1.html :: KeyCheck :: line 40" data: no]
Source File: file:///c:/Documents%20and%20Settings/bjb/Desktop/Javascript%20Keypress/Keypress1.html
Line: 40
Down is line 46, up is line 34. Left is 28 and right is 40, it does not matter which textbox I am in, the error lines are always the same.
I am not a JavaScript expert, but here is what I came up with. Any help would be appreciated!
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>JavaScript key press event</title>
<script type="text/javascript">
//document.onkeyup = KeyCheck;
function KeyCheck(e,r)
{
var KeyID = (window.event) ? event.keyCode : e.keyCode;
var Textbox = r.name;
var Row = Textbox.charAt(4);
var Col = Textbox.charAt(5);
var NewTextbox = "text";
switch(KeyID)
{
case 37: //left
Col--;
NewTextbox = NewTextbox + Row + Col
eval("document.Form1." + NewTextbox + ".focus()");
break; // line 20
case 38://up
Row--;
NewTextbox = NewTextbox + Row + Col
eval("document.Form1." + NewTextbox + ".focus()");
break;
case 39://right
Col++;
NewTextbox = NewTextbox + Row + Col
eval("document.Form1." + NewTextbox + ".focus()");
break;
case 40://down
Row++;
NewTextbox = NewTextbox + Row + Col
eval("document.Form1." + NewTextbox + ".focus()");
break;
}// line 40
}
</script>
</head>
<body>
<form name="Form1">
Press the arrow keys on your keyboard.
<table width="300" border="0">
<tr>
<td>Mon</td>
<td>Tues</td>
<td>Wed</td>
<td>Thurs</td>
<td>Fri</td>
<td>Sat</td>
<td>Sun</td>
</tr>
<tr>
<td><input name="text11" type="text" size="6" maxlength="6" onkeypress="return KeyCheck(event,this);"></td>
<td><input name="text12" type="text" size="6" maxlength="6" onkeypress="return KeyCheck(event,this);"></td>
<td><input name="text13" type="text" size="6" maxlength="6" onkeypress="return KeyCheck(event,this);"></td>
<td><input name="text14" type="text" size="6" maxlength="6" onkeypress="return KeyCheck(event,this);"></td>
<td><input name="text15" type="text" size="6" maxlength="6" onkeypress="return KeyCheck(event,this);"></td>
<td><input name="text16" type="text" size="6" maxlength="6" onkeypress="return KeyCheck(event,this);"></td>
<td><input name="text17" type="text" size="6" maxlength="6" onkeypress="return KeyCheck(event,this);"></td>
</tr>
<tr>
<td><input name="text21" type="text" size="6" maxlength="6" onkeypress="return KeyCheck(event,this);"></td>
<td><input name="text22" type="text" size="6" maxlength="6" onkeypress="return KeyCheck(event,this);"></td>
<td><input name="text23" type="text" size="6" maxlength="6" onkeypress="return KeyCheck(event,this);"></td>
<td><input name="text24" type="text" size="6" maxlength="6" onkeypress="return KeyCheck(event,this);"></td>
<td><input name="text25" type="text" size="6" maxlength="6" onkeypress="return KeyCheck(event,this);"></td>
<td><input name="text26" type="text" size="6" maxlength="6" onkeypress="return KeyCheck(event,this);"></td>
<td><input name="text27" type="text" size="6" maxlength="6" onkeypress="return KeyCheck(event,this);"></td>
</tr>
<tr>
<td><input name="text31" type="text" size="6" maxlength="6" onkeypress="return KeyCheck(event,this);"></td>
<td><input name="text32" type="text" size="6" maxlength="6" onkeypress="return KeyCheck(event,this);"></td>
<td><input name="text33" type="text" size="6" maxlength="6" onkeypress="return KeyCheck(event,this);"></td>
<td><input name="text34" type="text" size="6" maxlength="6" onkeypress="return KeyCheck(event,this);"></td>
<td><input name="text35" type="text" size="6" maxlength="6" onkeypress="return KeyCheck(event,this);"></td>
<td><input name="text36" type="text" size="6" maxlength="6" onkeypress="return KeyCheck(event,this);"></td>
<td><input name="text37" type="text" size="6" maxlength="6" onkeypress="return KeyCheck(event,this);"></td>
</tr>
</table>
</form>
</BODY>
</HTML>
odd FF error, IE does nothing when run.
