Bezkresny ocean Internetu skrywa wiele skarbów. Od czasu do czasu wyrzuca część z nich na brzeg, pozwalając nacieszyć się ich pięknem. Podobna historia spotkała jQuery Frontier Calendar, opisany jako Full month calendar jQuery plugin that looks like Google Calendar. Zapomniany na wiele miesięcy czekał na odnalezienie.

Przytoczony we wstępie w języku angielskim opis kalendarza doskonale oddaje jego wygląd. Po kilku drobnych poprawkach nie dałoby się odróżnić go od kalendarza Google’a. W kwestii funkcjonalności niestety różnice są już zauważalne.

Do poprawnego działania jQuery Frontier Calendar wymaga biblioteki jQuery (a dokładniej jej nieco zmodyfikowanej na potrzeby IE wersji), jQuery UI oraz pluginu jshashtable. W zamian otrzymujemy:

• drad and drop zdarzeń dodanych do kalendarza
• wsparcie dla formatu iCal
• możliwość tworzenia zdarzeń rozciągających się na wiele dni
• możliwość tworzenia handlerów

Do wad kalendarza należy zaliczyć problemy z wydajnością, dosyć kiepską dokumentację, która znajduje się jedynie w archiwum z aktualną wersją pluginu oraz brak dema online.

Jeśli chcielibyście sprawdzić możliwości jQuery Frontier Calendar, znajdziecie go pod adresem http://code.google.com/p/jquery-frontier-calendar/.

Z serii ciekawe pluginy jQuery mam dzisiaj dla was jQuery File Upload. Oprócz standardowego uploadowania plików mamy możliwość skorzystania z paska postępu, a dodane już pliki możemy bez problemu usunąć. Do listy możliwości oferowanych przez plugin można również zaliczyć:

• obsługa drag and drop
• możliwość przerwania uploadu pliku
• niewymagany Flash. Wszystko oparte o HTML5 i JavaScript
• możliwość uploadowania plików do innej domeny

Do poprawnego działania plugin wymaga jQuery w wersji 1.4 oraz jQuery UI 1.8. Teoretycznie plugin działa w każdej przeglądarce (nawet IE6), w praktyce niektóre funkcjonalności w zależności od przeglądarki są okrojone.

Demo pluginu znajdziecie na stronie http://aquantum-demo.appspot.com/file-upload, a dobrze ukrytą dokumentację pod adresem https://github.com/blueimp/jQuery-File-Upload/wiki.

14 stycznia 2006 roku światło dzienne ujrzała pierwsza wersja najpopularniejszej biblioteki JavaScript. Dzisiaj, w piąte urodziny, wydana została pierwsza beta jQuery 1.5. Według roadmap stabilna wersja ma się pojawić ostatniego dnia stycznia. Co nowego pojawi się w najnowszym wydaniu jQuery? Przede wszystkim przebudowany zostanie moduł $.ajax. Do tego dochodzi szereg usprawnień poprawiających i wydajność biblioteki oraz poprawiających błędy. Pełną listę zmian można znaleźć na blogu jQuery.

Nie wiedzieć czemu koniec roku obfituje w wysyp pluginów do jQuery. Nie tak dawno, bo zaledwie wczoraj pisałem o Contained Sticky Scroll, a już natknąłem się na kolejny plugin, który ułatwi nam pracę. Jquery Custom Content Scroller, bo o nim mowa, wprowadza funkcjonalność scrollbara, którą można dodać do dowolnego elementu na stronie.

Plugin zależny jest od sporej ilości bibliotek – jquery-ui.min.js, jquery.easing.1.3.js, jquery.mousewheel.min.js. Autor skorzystał z nich wszystkich i stworzył fajnie działający plugin, którego wygląd można dowolnie modyfikować.

Plugin możecie pobrać ze strony autora. Autor przygotował również demo, które prezentuje jego możliwości.

Ekipa odpowiedzialna za jQuery ciężko pracuje nad kolejnymi wersjami tej najpopularniejszej biblioteki Javascript. Na horyzoncie pojawiła się wersja 1.5, która wprowadza szereg zmian do biblioteki, zwiększa jej wydajność oraz uniwersalność. Największe zmiany zajdą w komponencie $.ajax, który został przepisany od nowa i zyskał szereg nowych funkcjonalności.

Pierwsze co rzuca się w oczy, jest zmiana sygnatury, która wyglądać będzie następująco:

jQuery.ajax( [ url ] , [ options ])

Kolejną wprowadzoną zmianą jest dodanie obsługi do timeoutu oraz przerwania (abort) do każdego żądania. Co więcej, obiekt XmlHttpRequest (XHR) zostanie ukryty przed programistą i zamiast niego udostępniony zostanie jXHR (nazwa robocza) dostarczający getery i setery dla nagłówków, możliwość przerywania żądania oraz możliwość przeglądania takich danych jak viewState, responseXML oraz responseText. Wprowadzony obiekt będzie również cechował się zachowaniem znanym z Promise. Oznacza to, że będzie można dodawać callbacki success, error oraz complete do żądań, które już się zakończyły, na przykład

jQuery.getJSON( url ).error( errorCallback )

Z nowości jakie pojawią się w komponencie $.ajax nie można pominąć nowej architektury, która będzie pozwalała na tworzenie własnych typów danych (dataType) oraz własnych transportów.

Ostatnią z większych zmian jest wprowadzenie usprawnień w już istniejących funkcjonalnościach. Jako callback do metod success, complete oraz error będzie można podać tablicę funkcji.

Jeśli macie ochotę sprawdzić w praktyce opisane powyżej zmiany, możecie pobrać deweloperską wersję biblioteki (nie do użytku produkcyjnego).

źródło: blog.jquery.com

Mam dla was kolejny ciekawy plugin jQuery, znaleziony w zakamarkach Internetu. Tym razem jest to Contained Sticky Scroll, czyli coś, co doda na stronie element reagujący na przewijanie tejże strony. Co w nim takiego ciekawego? To, że przewijana treść nie opuści pojemnika, w którym się znajduje oraz to, że przewijanie można w dowolnym momencie wyłączyć. Jeśli nadal nie wiecie o co chodzi, koniecznie obejrzyjcie demo. Na stronie znajdziecie również dokumentację tego pluginu. Niestety autor nie dostarczył linka do pobrania, więc należy go wyciągnąć ze strony samemu - http://blog.echoenduring.com/wp-content/uploads/demos/echo_ContainedStickyScroll/jquery-contained-sticky-scroll.js.

Pluginów jQuery, których zadaniem jest wyświetlanie kolejnych zdjęć w postaci karuzeli (slidera) jest mnóstwo. Sam nawet popełniłem jedną karuzelę na własne potrzeby. Ostatnio wpadł mi w ręce kolejny plugin oferujący wspomnianą funkcjonalność i po pierwszych testach muszę przyznać, iż spełnia wszystkie moje potrzeby. Wprawdzie nie miałem jeszcze okazji skorzystać z niego w środowisku produkcyjnym, jednak nieśmiało można założyć, iż nie powinno być z nim większych problemów.

Slides, bo o nim mowa, został dokładnie przemyślany i oferuje szereg niezbędnych funkcjonalności. Do najpotrzebniejszych/najciekawszych można zaliczyć:

• możliwość ustawienia loadera dla elementów w karuzeli
• możliwość określania elementu, od którego rozpoczynać się będzie karuzela
• możliwość określenia efektu przejścia (na razie jest to tylko slide lub fade)
• możliwość losowego wyświetlania elementów

Nie są to jedyne możliwości oferowane przez Slides. Pełną ich listę, jak również przykłady i pliki do pobrania znajdziecie na stronie projektu - http://slidesjs.com/.