<html>
<head>
<title>Input Field: AutoTab</title>
<script language="JavaScript">
<!---------------------------------------------------------------------------
//	Copyright © 2001 Specialized Systems. All rights reserved.
//---------------------------------------------------------------------------
function input_auto_tab(input,len,e) {
	var isNN = (navigator.appName.indexOf("Netscape")!=-1)
	var keyCode = (isNN) ? e.which : e.keyCode
	var filter =  (isNN) ? [0,8,9] : [0,8,9,16,17,18,37,38,39,40,46]
	if(input.value.length >= len && !contains_element(filter,keyCode)) {
		input.value = input.value.slice(0,len)
		input.form[(get_index(input)+1) % input.form.length].focus()
	}
	function contains_element(arr,ele) {
		var found = false
		var index = 0
		while(!found && index<arr.length)
			if(arr[index]==ele)
				found = true
			else	index++
		return(found)
	}
	function get_index(input) {
		var index = -1
		var found = false
		var i = 0
		while(i<input.form.length && index==-1)
			if(input.form[i]==input)
				index = i
			else	i++
		return(index)
	}
	return(true)
}
//---------------------------------------------------------------------------
function input_auto_tabx(input,len,e) {
	var isNN = (navigator.appName.indexOf("Netscape")!=-1)
	var keyCode = (isNN) ? e.which : e.keyCode
	var filter =  (isNN) ? [0,8,9] : [0,8,9,16,17,18,37,38,39,40,46]
	if(input.value.length >= len && !contains_element(filter,keyCode)) {
		input.value = input.value.slice(0,len)
		input.form[(get_index(input)+1) % input.form.length].focus()
	}
	return(true)
}
function contains_element(arr,ele) {
	var found = false
	var index = 0
	while(!found && index<arr.length)
		if(arr[index]==ele)
			found = true
		else	index++
	return(found)
}
function get_index(input) {
	var index = -1
	var found = false
	var i = 0
	while(i<input.form.length && index==-1)
		if(input.form[i]==input)
			index = i
		else	i++
	return(index)
}
//---------------------------------------------------------------------------
function init() {
	return(true)
}
//-------------------------------------------------------------------------->
</script>

</head>
<body onload="init()" bgcolor="#FFFFFF" text="#000000" topmargin="6" leftmargin="6" marginheight="6" marginwidth="6">
<!-------------------------------------------------------------------------->
<!-------------------------------------------------------------------------->
<font face="arial">
<form name="formx">
	IP Address - AutoTab<br />
	<br />
	<input type="text" name="ipoctet01" id="ipoctet01" class="x" size="3" maxlength="3" tabindex="1" onkeyup="input_auto_tab(this,3,event);" />&nbsp;.&nbsp;
	<input type="text" name="ipoctet02" id="ipoctet02" class="x" size="3" maxlength="3" tabindex="2" onkeyup="input_auto_tab(this,3,event);" />&nbsp;.&nbsp;
	<input type="text" name="ipoctet03" id="ipoctet03" class="x" size="3" maxlength="3" tabindex="3" onkeyup="input_auto_tab(this,3,event);" />&nbsp;.&nbsp;
	<input type="text" name="ipoctet04" id="ipoctet04" class="x" size="3" maxlength="3" tabindex="4" onkeyup="input_auto_tab(this,3,event);" />
	<br /><br />
</form>
<pre>

Incomplete!!

	Add event to listen for a "." which will then jump to next input field...
		This event should also ignore "." as first input in field to
		protect from the autotab automation going unnoticed.
</pre>
</font>
<!-------------------------------------------------------------------------->
<!-------------------------------------------------------------------------->
</body>
</html>