Re: auto tab between jsf form fields

Another idea is to change:

elem = document.getElementById(destination);


to:

elem = document.getElementById('form1:' + destination);



----- Original Message ----
From: Nathan Andelin <nandelin@xxxxxxxxx>
To: Web Enabling the AS400 / iSeries <web400@xxxxxxxxxxxx>
Sent: Monday, April 27, 2009 3:12:56 PM
Subject: Re: [WEB400] auto tab between jsf form fields


Nick,

see how the HTML element ID is "form1:ssn?" but the parameter autotab() is "ssn?". Try adding the "form1:" prefix to the function parameter.

I can now see why document.getElementByID('ssn?') would fail. The IDs don't match.

Nathan.




----- Original Message ----
From: Nick Arndt <nick.arndt@xxxxxxxxx>
To: Web Enabling the AS400 / iSeries <web400@xxxxxxxxxxxx>
Sent: Monday, April 27, 2009 2:49:55 PM
Subject: Re: [WEB400] auto tab between jsf form fields

Here is the generated HTML with my updated script

HTML

<td bgcolor="white" colspan="2" width="335">

<input id="form1:ssn1" type="text" name="form1:ssn1" class="inputText"
maxlength="3" onkeyup="autotab(event,this, 'ssn2');" size="3" />-

<input id="form1:ssn2" type="text" name="form1:ssn2" class="inputText"
maxlength="2" onkeyup="autotab(event,this,'ssn3');" size="2" />-

<input id="form1:ssn3" type="text" name="form1:ssn3" class="inputText"
maxlength="4" size="4" /></td>

Script
function autotab(e, original, destination) {
var evtObj = window.event ? event : e;
var code = evtObj.which ? evtObj.which : evtObj.keyCode;
if (code == 9 || //tab
code == 16 || //backtab
code >= 37 && code <= 40 || //arrow keys
code == 45 || //insert
code == 46 || //delete
evtObj.shiftKey) //shift
{
return false;
} // no autotab on tab/backtab/insert/delete/shift

if(original.getAttribute &&
(original.value.length==original.getAttribute("maxlength"))) {
elem = document.getElementById(destination);
elem.focus(); *** It looks like it does not like
this line when I get the error when running the page ***
}
}