Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JavaScript][HTML] Mechanizm podpowiedzi
Forum PHP.pl > Forum > Przedszkole
sweter
Witam,
mam takie pole tekstowe z pustą listą pod spodem:
  1. <input type="text" class="tagi" id="1" name="tag1" /><br />
  2. <ul value="1" id="tag_help_1" class="tag_help"></ul>

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. sad.gif
Przykładowo:
fragment odpowiedzialny za zaznaczenia na liście podpowiedzi:
  1. zaznaczone = 0;
  2. if(e.keyCode==38){
  3. // do góry
  4. $('#pole_listy_'+zaznaczone+'').attr('class','');
  5. if(zaznaczone>0){
  6. zaznaczone--;
  7. }
  8. }
  9. if(e.keyCode==40){
  10. // w dół
  11. $('#pole_listy_'+zaznaczone+'').attr('class','');
  12. zaznaczone++;
  13. }
  14. $('#pole_listy_'+zaznaczone+'').attr('class','on');

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?
jajcarzd1
Ja używam tego http://jquery.bassistance.de/autocomplete/demo/ rozwiązania i działa bez problemu

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.