Announcement

**glenngv** · Mar 1, 2004, 01:35 AM

Try this that I came up with:

Code:

<html>
<head>
<script type="text/javascript">
var keys = new Array();
keys['2'] = new Object();
keys['2'].ctr = 0;
keys['2'].char = ['a','b','c'];

keys['3'] = new Object();
keys['3'].ctr = 0;
keys['3'].char = ['d','e','f'];

keys['4'] = new Object();
keys['4'].ctr = 0;
keys['4'].char = ['g','h','i'];

//and so on...

var append=false;
var str='';
var timer;
var prevNum=null;
function keypad(num){
  var lcd = document.myform.lcd;
  if (prevNum!=null && prevNum!=num) append=true;
  if (keys[num].ctr>keys[num].char.length-1) keys[num].ctr=0; //go back to first item in keypad
  if (append) {
     str=lcd.value+keys[num].char[keys[num].ctr]; 
  }
  else {
     str=(lcd.value.length==0) ? lcd.value=keys[num].char[keys[num].ctr]:lcd.value.substring(0,lcd.value.length-1)+keys[num].char[keys[num].ctr];
  }
  lcd.value=str;
  keys[num].ctr++;
  prevNum=num;
  //reset
  append=false;
  clearTimeout(timer);
  timer=setTimeout(function(){append=true;lcd.focus()}, 3000);
}
</script>
</head>
<body>
<form name="myform">
<p><input name="lcd"></p>
<input type="button" value="2" onclick="keypad('2')">
<input type="button" value="3" onclick="keypad('3')">
<input type="button" value="4" onclick="keypad('4')">
</form>
</body>
</html>

**glenngv** · Apr 19, 2004, 09:37 PM

The updated script is now posted on Post a Javascript forum. Check it out here.

Announcement

cellphone keypad script

cellphone keypad script

Comment

Comment