Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [CSS][XML][JavaScript]Input - podpowiadanie
Sobieski993
post 10.07.2015, 02:22:16
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
PrinceOfPersia
post 10.07.2015, 06:29:41
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 10.07.2015, 07:56:56
Post #3





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

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


Jasny gotowiec smile.gif

http://www.bewebdeveloper.com/tutorial-abo...ysql-and-jquery
Go to the top of the page
+Quote Post
Sobieski993
post 10.07.2015, 14:12:28
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 smile.gif
Go to the top of the page
+Quote Post
PrinceOfPersia
post 10.07.2015, 14:40:56
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 10.07.2015, 14:58:08
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 cool.gif nie przeszkadza nam, że listę 10 000 opcji trzeba wstawić do kodu HTML zamiast pobierać Ajaksem w razie potrzeby 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 wink.gif)


--------------------
Go to the top of the page
+Quote Post

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

 



RSS Wersja Lo-Fi Aktualny czas: 29.05.2024 - 04:56