Enter må ikke forstyrre
Jeg har en postnummersortering, her filet ned til det mest simple. Problemet er, når folk kommer til at trykke Enter tasten kommer de væk fra siden med sorteringen.Hvordan kan jeg evt. disable Enter knappen eller lignende. har forsøgt at omdirigere med top.location=self.location.
<html>
<head>
<title></title>
</head>
<body onload='fillArray()'>
<script language="JavaScript">
<!--
var mySel;
var names = new Array();
function fillArray() {
mySel = document.f2.mySelect;
for (i=0; i<mySel.length-1; i++) {
names[i*2] = mySel.options[i+1].text;
names[(i*2)+1] = mySel.options[i+1].value;
}
document.f1.userText.focus();
}
var myName,myText,whichTemp;
function findName() {
myText = document.f1.userText.value.toLowerCase();
for (j=0; j<myText.length; j++) {
checkChar(j);
if (((whichTemp) > which) && ((whichTemp) < (names.length/2))) {
which = whichTemp;
}
}
return which;
}
function checkChar(myChar) {
whichTemp = 0;
for (i=0; i<names.length; i+=2) {
myName = names[i].toLowerCase();
if (myText.substring(0,myChar+1) == myName.substring(0,myChar+1)) {
return true;
}
whichTemp++;
}
}
function setSelect() {
which = 0;
document.f2.mySelect.length = (names.length/2)-(which);
if (document.f1.userText.value != "") {
findName();
}
inx = which*2;
for (i=0; i<(names.length/2)-(which); i++) {
mySel.options[i].text = names[inx];
mySel.options[i].value = names[inx+1];
inx += 2;
}
mySel.options[0].selected = true;
document.f2.mySelect.length = (names.length/2)-(which);
document.f1.userText.focus();
}
// -->
</script>
<br>
<form name="f1">
Indtast postnummer<br>
<input type="text" name="userText" onkeyUp="setSelect()" onkeyPress="//top.location=self.location" ID="Text1">
</form>
<form name="f2">
<select name="mySelect" onchange="document.f1.userText.value = ''" onClick="window.open('test.htm')" size="10" ID="Select1">
<option value='Andersen'>1000 - Andersen </option>
<option value='Birgersen'>2200 - Birgersen </option>
<option value='Carlsen'>3300 - Carlsen </option>
<option value='Dirksen'>3500 - Dirksen </option>
</option>
</select>
</form>
</body>
</html>
