Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [JavaScript] Tagi w inpucie
bahh
post
Post #1





Grupa: Zarejestrowani
Postów: 261
Pomógł: 2
Dołączył: 13.05.2012

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

Witam, potrzebuję skryptu działającego jak ten:
http://timschlechter.github.io/bootstrap-tagsinput/examples/

jako "Objects as tags"

czyli mamy tablicę typu:

1 : Jan
2: Adam
3: Wojtek
6: Jarek

i wpisujemy w inputa literke J, to wyświetli podpowiedzi Jan, Jarek, a gdy wybierzemy Jan, wartością przesyłaną w inpucie będzie nie Jan a 1 (liczba w tablicy przypisana do Jan). Rzecz jasna żeby po przecinku wprowadzać kolejne osoby.

Skrypt byłby na początku idealny, jednakże nie działa mi on w Chromie (mam na myśli wersję trzymaną na dysku) i też miałem problemy które są opisane w tym poście: http://forum.php.pl/index.php?showtopic=236022 także ze względu na niejasną dokumentacje, niezrozumiały kod szukam czegoś innego.
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi (1 - 8)
kpt_lucek
post
Post #2





Grupa: Zarejestrowani
Postów: 428
Pomógł: 77
Dołączył: 10.07.2011
Skąd: Warszawa

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

Select2


--------------------


Cytat
There is a Bundle for that
Lukas Kahwe Smith - October 31th, 2014
Go to the top of the page
+Quote Post
bahh
post
Post #3





Grupa: Zarejestrowani
Postów: 261
Pomógł: 2
Dołączył: 13.05.2012

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

Mam coś takiego:
http://jsfiddle.net/yf71qgcc/

Jednakże wciąż nie śmiga, wie ktoś gdzie jest błąd?
Go to the top of the page
+Quote Post
kpt_lucek
post
Post #4





Grupa: Zarejestrowani
Postów: 428
Pomógł: 77
Dołączył: 10.07.2011
Skąd: Warszawa

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

Jsfiddle

#1: obiekty w tablicy:
BYŁO: { id: 54, text 'Jan Kowalski'}
JEST: { id: 54, text: 'Jan Kowalski'}

#2: Ładujesz plugin do inputa na $(document).ready() a tablicę danych dostarczasz podczas odczytu skryptu = jeszcze przed zdarzeniem .ready()

#3: drobnostki w jsfiddle podczas załączania plików css i js


Pozdrawiam

Ten post edytował kpt_lucek 23.10.2014, 21:10:30


--------------------


Cytat
There is a Bundle for that
Lukas Kahwe Smith - October 31th, 2014
Go to the top of the page
+Quote Post
bahh
post
Post #5





Grupa: Zarejestrowani
Postów: 261
Pomógł: 2
Dołączył: 13.05.2012

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

wszystko śmiga, chciałbym jednak, żeby po załadowaniu strony był np. tylko Jan Kowalski i Staś Stasiowaty

wiem że kasując linijkę $('#e21').select2('data', preload_data); po załadowaniu strony nie wyświetlą się wszystkie wartości w tablicy
Go to the top of the page
+Quote Post
kpt_lucek
post
Post #6





Grupa: Zarejestrowani
Postów: 428
Pomógł: 77
Dołączył: 10.07.2011
Skąd: Warszawa

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

Cytat(bahh @ 24.10.2014, 10:29:26 ) *
wszystko śmiga, chciałbym jednak, żeby po załadowaniu strony był np. tylko Jan Kowalski i Staś Stasiowaty

wiem że kasując linijkę $('#e21').select2('data', preload_data); po załadowaniu strony nie wyświetlą się wszystkie wartości w tablicy

Ajax?


--------------------


Cytat
There is a Bundle for that
Lukas Kahwe Smith - October 31th, 2014
Go to the top of the page
+Quote Post
bahh
post
Post #7





Grupa: Zarejestrowani
Postów: 261
Pomógł: 2
Dołączył: 13.05.2012

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

chcialbym uniknąć ajaxa, po prostu w tym inpucie jest np. VALUE="54,55" i wyświetla zgodnie z tablicą tam przesłaną przypisane tam imiona
Go to the top of the page
+Quote Post
kpt_lucek
post
Post #8





Grupa: Zarejestrowani
Postów: 428
Pomógł: 77
Dołączył: 10.07.2011
Skąd: Warszawa

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

[PHP] pobierz, plaintext 
  1. <?php
  2. $array = array(
  3.     array(
  4.         'id' => 123,
  5.         'text' => "Janek"
  6.     ),
  7.     array(
  8.         'id' => 124,
  9.         'text' => "Franek"
  10.     ),
  11. );
  12. ?>
  13. <html>
  14.     <head>
  15.         <!-- trochę kodu -->
  16.     </head>
  17.     <body>
  18.         <script type="text/javascript">
  19.             var preload_data = '<?php echo json_encode($array); ?>';
  20.             $(document).ready(function () {
  21.                 $('#e21').select2({
  22.                     multiple: true,
  23.                     query: function (query) {
  24.                         var data = {results: []};
  25.                         $.each(preload_data, function () {
  26.                             if (query.term.length == 0 || this.text.toUpperCase().indexOf(query.term.toUpperCase()) >= 0) {
  27.                                 data.results.push({id: this.id, text: this.text});
  28.                             }
  29.                         });
  30.                         query.callback(data);
  31.                     }
  32.                 });
  33.                 $('#e21').select2('data', preload_data);
  34.             });
  35.         </script>
  36.     </body>
  37. </html>
[PHP] pobierz, plaintext


Nie testowane


--------------------


Cytat
There is a Bundle for that
Lukas Kahwe Smith - October 31th, 2014
Go to the top of the page
+Quote Post
bahh
post
Post #9





Grupa: Zarejestrowani
Postów: 261
Pomógł: 2
Dołączył: 13.05.2012

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

Podsunąłeś mi w sumie rozwiązanie, wykonałem je nieco inaczej ale bazowałem na twoim pomyśle. Dzięki wielkie za pomoc smile.gif
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

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

 

Tryb wyświetlania: Przełącz na: Standardowy · Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 22.08.2025 - 08:08
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn