Autocomplete at virke i FF og Safari
Jeg har et script til at vælge en by. Eksisterende bynavne autoudfyldes, og man kan også foreslå en ny by.Det virker fint i IE, men i FF, Chrome og Safari virker autocomplete ikke mens man skriver. Kan vi udvide skciptet til at fungere i gængse browsere??
Her er link til testside for scriptet:
http://n7.dk/autocomplete_suggest.html
Og her er koden:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Test page</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<SCRIPT>
function matchFieldSelect (field, select, value) {
var property = value ? 'value' : 'text';
var found = false;
for (var i = 0; i < select.options.length; i++)
if ((found = select.options[i][property].toLowerCase().indexOf(field.value.toLowerCase()) == 0))
break;
if (found)
select.selectedIndex = i;
else
select.selectedIndex = -1;
if (field.createTextRange) {
var cursorKeys ="8;46;37;38;39;40;33;34;35;36;45;"
if (cursorKeys.indexOf(event.keyCode+";") == -1) {
var r1 = field.createTextRange()
var oldValue = r1.text;
var newValue = found ? select.options[i][property] : oldValue;
if (newValue != field.value) {
field.value = newValue
var rNew = field.createTextRange()
rNew.moveStart('character', oldValue.length)
rNew.select()
}
}
}
}
</SCRIPT>
</head>
<body>
<form action="test.html" method="GET">
<input type="text" name="word"
onKeyup="matchFieldSelect(this, this.form.words)" autocomplete="off" style="width:176px">
<select name="words" size="1">
<option value="1">aalborg</option>
<option value="2">aarhus</option>
<option value="3">haderslev</option>
<option value="4">harlev</option>
</select>
<input type="submit" value="Send">
</form>
</body>
</html>
