[JavaScript][HTML] Mechanizm podpowiedzi Opcje

[sweter]

Witam,
mam takie pole tekstowe z pustą listą pod spodem:

[HTML] pobierz, plaintext 
<input type="text" class="tagi" id="1" name="tag1" /><br />
<ul value="1" id="tag_help_1" class="tag_help"></ul>
[HTML] pobierz, plaintext 

Po wpisaniu czegoś w liście pojawia się maksymalnie 5 podpowiedzi. Cały mechanizm działa na jQuery.

Niestety natrafiłem na problem przy wyborze pozycji z listy.
Przykładowo:
fragment odpowiedzialny za zaznaczenia na liście podpowiedzi:

[HTML] pobierz, plaintext 
zaznaczone = 0;
if(e.keyCode==38){
	//	do góry
	$('#pole_listy_'+zaznaczone+'').attr('class','');
	if(zaznaczone>0){
		zaznaczone--;
	}
}
if(e.keyCode==40){
	//	w dół
	$('#pole_listy_'+zaznaczone+'').attr('class','');
	zaznaczone++;
}
$('#pole_listy_'+zaznaczone+'').attr('class','on');
[HTML] pobierz, plaintext 

zmienna "zaznaczone" posiada numer zaznaczonej pozycji na liscie.
Jak widać informacje o wciśniętym klawiszy przechowuję w e.keyCode.

Teraz wpisałem powiedzmy "win" i mam 2 pozycje: "windows vista" i "windows".
I tak:
1. W Firefoxie 3.5.9 jest ok, tzn. pozycje listy zmieniają klasę.
2. W Chromie 5 beta po kliknięciu strzałki w górę kursor przenosi mi się na początek pola, a gdy klikam na strzałkę w dół wraca na koniec.
3. W Operze 10.10 po kliknięciu w dół pojawia mi się jakieś pole z przeglądarki, ale cały mechanizm działa.

Jak naprawić to tak, aby we wszystkich przeglądarkach działało jednakowo i niezawodnie?

Ten post edytował sweter 6.06.2010, 10:48:42

[jajcarzd1]

Ja używam tego http://jquery.bassistance.de/autocomplete/demo/ rozwiązania i działa bez problemu