Jump to content

Javascript


Guest Monrson

Recommended Posts

Guest Monrson

I everybody, I need to paste a phone number into 3 different field. Right now, I copy and paste each 3 or 4 number manualy. I found a javascript which can auto-tab, but it's not exactly what I want! Is that a way I can just copy 1234567890 & paste it into 3 different fields? Like the same way you enter a serial# into a program...thx in advance!This is the javascript that I found:<HEAD><script LANGUAGE="JavaScript">var isNN = (navigator.appName.indexOf("Netscape")!=-1);function autoTab(input,len, e) {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 && !containsElement(filter,keyCode)) {input.value = input.value.slice(0, len);input.form[(getIndex(input)+1) % input.form.length].focus();}function containsElement(arr, ele) {var found = false, index = 0;while(!found && index < arr.length)if(arr[index] == ele)found = true;elseindex++;return found;}function getIndex(input) {var index = -1, i = 0, found = false;while (i < input.form.length && index == -1)if (input.form == input)index = i;else i++;return index;}return true;}</script></HEAD><BODY><center><form><table><tr><td>Phone Number : <br>1 - (<small><input onKeyUp="return autoTab(this, 3, event);" size="4" maxlength="3"></small>) - <small><input onKeyUp="return autoTab(this, 3, event);" size="4" maxlength="3"></small> - <small><input onKeyUp="return autoTab(this, 4, event);" size="5" maxlength="4"></small></td></tr><tr><td>Social Security Number : <br><small><input onKeyUp="return autoTab(this, 3, event);" size="4" maxlength="3"></small> - <small><input onKeyUp="return autoTab(this, 2, event);" size="3" maxlength="2"></small> - <small><input onKeyUp="return autoTab(this, 4, event);" size="5" maxlength="4"></small></td></tr></table></form></center></BODY>

Link to comment
Share on other sites

It's messy, but it works:

<script type='text/javascript'>function autoFill(input,len,nums,spn) {	if(input.value.length > len ){  var val = input.value;  while (nums < document.getElementById(spn).getElementsByTagName('INPUT').length) { 	 var thisField = document.getElementById(spn).getElementsByTagName('INPUT')[ nums ]; 	 len = (nums == 0) ? len : thisField.getAttribute('maxlength') 	 if( len < val.length){    thisField.setAttribute( "value", val.substring( 0, len ) );    val = val.substring( len , val.length); 	 } else {    thisField.setAttribute( "value" , val );    break; 	 } 	 nums++  }	}}</script></HEAD><BODY><center><form><table><tr><td>Phone Number : <br />1 - (<span id="spnPhone"><small><input onKeyUp="return autoFill(this, 4,0,'spnPhone');" size="4" maxlength="10"></small>) - <small><input size="4" maxlength="3"></small> - <small><input size="5" maxlength="4"></small></span></td></tr><tr><td>Social Security Number : <br /><span id="spnSecurity"><small><input onKeyUp="return autoFill(this, 3,0,'spnSecurity');" size="4" maxlength="9"></small> - <small><input size="3" maxlength="2"></small> - <small><input onKeyUp="" size="5" maxlength="4"></small></span></td></tr></table></form></center></BODY>

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...