Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [AJAX] jQuery UI --> DatePicker
Forum PHP.pl > Forum > Przedszkole
Barcelona
Witam, chciałbym na stronie "zainstalować" jQuery UI z funkcją datepicker.
Według dokumentacji wystarczy zrobić upload plików na serwer, i w HEAD dać linki:

  1. <link type="text/css" href="css/themename/jquery-ui-1.8.18.custom.css" rel="Stylesheet" />
  2. <script type="text/javascript" src="js/jquery-1.4.4.min.js"></script>
  3. <script type="text/javascript" src="js/jquery-ui-1.8.18.custom.min.js"></script>


Następnie

alement JS

  1. $(function() {
  2. $( "#datepicker" ).datepicker();
  3. });
  4. </script>


I według dokumentacji to wszystko jeżeli chodzi o "instalację" jQuery UI.
Jednak po zrobieniu tych czynności nie pokazuje się kalendarzyk po kliknięciu w input o id=darepicker.

Cóż robię źle?
jasin
Wygląda jak byś wszystko robił dobrze. Lecą może jakieś błędy w konsoli (firebug / konsola błędów firefox)?
Barcelona
Podejrzałem jedno z dem, dołączonych do paczki.
Tam okazało się że trzeba jeszcze dołączyć takie linijki kodu:
  1. <script src="../../jquery-1.7.1.js"></script>
  2. <script src="../../ui/jquery.ui.core.js"></script>
  3. <script src="../../ui/jquery.ui.widget.js"></script>
  4. <script src="../../ui/jquery.ui.datepicker.js"></script>


Oczywiście ../../...... trzeba dostosować do własnych potrzeb. Tylko czemu nie powiedzieli o tym w dokumentacji :/
Necsord
Na upartego to napisali http://jqueryui.com/docs/Getting_Started , a na zdrowy rozsądek... to oczywiste chcąc jechać samochodem nie oczekujesz, że ciało człowieka ma wbudowany samochód.
cycofiasz
Przecież na stronie UI można samemu przygotować paczkę z wybranymi modułami i wtedy wystarczy jeden plik custom.min.js
Barcelona
Cytat
Przecież na stronie UI można samemu przygotować paczkę z wybranymi modułami i wtedy wystarczy jeden plik custom.min.js


Ja przygotowywałem sobie taką paczkę i ściągnąłem. Jednak proces instalacji nie przechodzi tak jak w dokumentacji. Trzeba łopatologicznie dochodzić do tego co i jak.
P.S. Jeszcze nie wdrożyłem Datepickera, więc jeszcze walcze.

Hmm bardzo dziwne, w końcu udało mi się wdrożyć datepicker, jednak nie tak jak spodziewałem się to zrobić :/
Otóż poza
  1. <link type="text/css" href="<? echo $baseUrl; ?>css/overcast/jquery-ui-1.8.18.custom.css" rel="Stylesheet" />
  2. <script type="text/javascript" src="<? echo $baseUrl; ?>js/jquery-1.4.4.min.js"></script>
  3. <script type="text/javascript" src="<? echo $baseUrl; ?>js/jquery-ui-1.8.18.custom.min.js"></script>

które musiałem w sekcji HEAD to musiałem dodać jeszcze te linijki kodu:
  1. <script src="<? echo $baseUrl; ?>ui/jquery.ui.core.js"></script>
  2. <script src="<? echo $baseUrl; ?>ui/jquery.ui.widget.js"></script>
  3. <script src="<? echo $baseUrl; ?>ui/jquery.ui.datepicker.js"></script>

Jednak nie tam gdzie zakładałem, czyli w również w sekcji HEAD tylko dopiero w includowanym pliku, czyli tam gdzie potrzebuje datepicker to tam daje linki do plików js.
Na szczęście działa, ale o dziwo w IE pojawia się błąd: "Błąd składni" oraz "Brak definicji jQuery"
Mam firebuga w chromie, ale konsola nie pokazuje mi żadnego błędu, ale pewnie dlatego że nie potrafie się nim posługiwać :/

Jeżeli możecie to looknijcie pod adres: adres
Despero
Cytat(Barcelona @ 29.03.2012, 16:39:23 ) *
Jeżeli możecie to looknijcie pod adres: adres


Jeśli dobrze rozumiem to pod linkiem ma być ten twój kod, problem w tym, że tam nigdzie nie widzę pola do wstawiania daty...
Barcelona
Wiem, ale i bez logowania IE wywala błąd, więc nie podawałem danych do konta.

Już włosy wyrywam z głowy.
Okazało się że firebug jako dodatek do Chrom'a jest ***** warty, ponieważ nie pokazał mi żadnego błedu.
Skorzystałem z oryginalnej konsoli CHROME, i o dziwo wypluło mi błędy:

Kod
Error in event handler for 'undefined': TypeError: Cannot set property 'innerText' of null
    at chrome-extension://bmagokdooijbeehmkpknfglimnifench/contentScript.js:206:23
    at chrome-extension://bmagokdooijbeehmkpknfglimnifench/contentScript.js:158:17
    at [object Object].dispatch (extensions/event.js:183:28)
    at extensions/miscellaneous_bindings.js:130:24
    at [object Object].dispatch (extensions/event.js:183:28)
    at Object.<anonymous> (extensions/miscellaneous_bindings.js:177:22)
Necsord
http://www.try-this.type.pl/js/jquery-1.4.4.min.js

I ty się dziwisz, że są błędy? A ten powyższy błąd to raczej z jednego z dodatków chrome'a.
Barcelona
Fuck, jaka pierdoła!!! Sorki za problemy
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.