Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [CSS][XML][JavaScript]Input - podpowiadanie
Sobieski993
post
Post #1





Grupa: Zarejestrowani
Postów: 9
Pomógł: 0
Dołączył: 15.05.2014

Ostrzeżenie: (0%)
-----


Witam

Chce zrobic formularz inputami i przy tych inputach podpowiadanie tekstu. Do tej pory do takich rzeczy uzywalem select2 - jednak select2 jest po prostu selectem z wyszukiwarka. A mi potrzeba skryptu, ktory bedzie mi podpowiadal jakas wartosc ale jednozesnie pozwalal wpisac wlasna.

Czy zna ktos taki?
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 5)
PrinceOfPersia
post
Post #2





Grupa: Zarejestrowani
Postów: 717
Pomógł: 120
Dołączył: 18.04.2009

Ostrzeżenie: (0%)
-----


ogólna nazwa na takie komponenty to autocomplete, typeahead.

ew. napisać własny komponent z takimi funkcjonalnościami jest bardzo prosto (input text do wpisywania tekstu, osobny div do pokazywania podpowiedzi, javascriptowa tablica do trzymania danych do podpowiadania, oraz kod JavaScript, który łączy zdarzenia klawiatury i pokazuje przefiltrowane wyniki).
Go to the top of the page
+Quote Post
kamilo818
post
Post #3





Grupa: Zarejestrowani
Postów: 250
Pomógł: 11
Dołączył: 20.01.2014

Ostrzeżenie: (0%)
-----


Jasny gotowiec (IMG:style_emoticons/default/smile.gif)

http://www.bewebdeveloper.com/tutorial-abo...ysql-and-jquery
Go to the top of the page
+Quote Post
Sobieski993
post
Post #4





Grupa: Zarejestrowani
Postów: 9
Pomógł: 0
Dołączył: 15.05.2014

Ostrzeżenie: (0%)
-----


Dzieki wielkie Panowie.

@PrinceOfPersia - w sumie to wiekszosc mi nie pasowala

W kazdym razie znalazlem cos lepszego - jest dostepne dopiero w HTML5 i to zdaje sie, ze od niedawna, bo wczesniej o tym nei slyszalem. Mianowicie datalist

example:
  1. <!DOCTYPE html>
  2. </head>
  3. <h2>HTML Form Input Autocomplete datalist Tutorial</h2>
  4. Search:
  5. <input type="text" name="srch" id="srch" list="datalist1">
  6. <datalist id="datalist1">
  7. <option value="Canada">
  8. <option value="China">
  9. <option value="Mexico">
  10. <option value="United Kingdom">
  11. <option value="United States of America">
  12. <option value="Uruguay">
  13. </datalist>
  14. </body>
  15. </html>


takxe problem rozwiazany.
Dzieki za odpowiedzi (IMG:style_emoticons/default/smile.gif)
Go to the top of the page
+Quote Post
PrinceOfPersia
post
Post #5





Grupa: Zarejestrowani
Postów: 717
Pomógł: 120
Dołączył: 18.04.2009

Ostrzeżenie: (0%)
-----


o ciekawe, nie wiedziałem o tym (w zasadzie kiedyś chyba coś czytałem, ale i tak zapomniałem).

Z drugiej strony ta kontrolka podpowiada tylko po pierwszej literze, przynajmniej w Chrome: http://jsfiddle.net/jbyL9fn2/
wpiszesz exico i nie uzupełni na Mexico.
Go to the top of the page
+Quote Post
Comandeer
post
Post #6





Grupa: Zarejestrowani
Postów: 1 268
Pomógł: 254
Dołączył: 11.06.2009
Skąd: Świętochłowice

Ostrzeżenie: (0%)
-----


datalist jest dobre jeśli a) nie przeszkadza nam wyszukiwanie tylko po 1. literze (IMG:style_emoticons/default/cool.gif) nie przeszkadza nam, że listę 10 000 opcji trzeba wstawić do kodu HTML zamiast pobierać Ajaksem w razie potrzeby (IMG:style_emoticons/default/wink.gif) c) nie przeszkadza nam, że tego pola nie da się w żaden (ale to absolutnie żaden) sensowny sposób ostylować. W każdym innym wypadku odesłałbym do jQuery UI i ich autocomplete (jako jedyni przynajmniej próbują cokolwiek z ARIA, chociaż robią coś całkowicie innego niż to, co widnieje w specyfikacji (IMG:style_emoticons/default/wink.gif) )
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 24.09.2025 - 04:10