Archiwa tagu: jQuery

Pajinate – paginacja w jQuery

pajinate

Paginacja to nic innego jak mechanizm przełączania się między stronami. Paginacja jest przydatna w sytuacji, kiedy chcemy wyświetlić listę i zależy nam na tym, aby nie przesuwać suwakiem przeglądarki w gorę i w dół. Dzięki temu skraca nam się wysokość strony, gdy istnieje taka potrzeba. Drugą zaletą paginacji jest to, że nie wczytujemy naraz wszystkich danych (jednak istnieją wyjątki). Ogólnie w necie można spotkać trzy rodzaje paginacji. Pierwsza to normalna paginacja, nie wykorzystuje ani Ajax ani żadnego frameworka, ale zwykłe zapytania do bazy metoda POST lub GET (tak też działa paginacja na stronie Taipa.pl wada jest dłuższe ładowanie strony). Dwie następne sposoby to metody Ajax. Druga metoda (pokazana w tym komponencie) polega na wczytaniu wszystkich danych a paginacja zapewni ukrycie jej części. Wraz z przełączaniem się stron poprzednie strony się chowają, a pokazują następne. Wadą tego rozwiązania jest to, że w przypadku bardzo dużej ilości danych, może to nie być rozwiązanie zbyt efektywne. Ostania metoda to rozwiązanie Ajax. Zasada działa jest taka, jak w przypadku pierwszego rozwiązania, z ta różnicą że strona nie wczytuje się w całości, a jedynie część z danymi. Mam nadzieję że ten mini wykładzik do komponentu który dziś prezentuje wprowadzi nowicjuszy i nie rozczaruje banalnością weteranów ajax :)

pajinate

Wymagania: jQuery
Link: http://th3silverlining.com/2010/04/15/pajination-a-jquery-pagination-plugin/
Licencja: Darmowa

Sparklines – mini wykresy w jQuery

sparklines

To jest komponent za pomocą którego możemy wygenerować mini wykresy. Mogą być przydatne gdy chcemy pokazać wiele wykresów na jednej stronie. Małe wykresy mogą posłużyć ogólnej informacji, natomiast ze względu na rozmiar nie dostarczają precyzyjnej informacji. Jednak w niektórych przypadkach dokładna informacja nie jest potrzebna. Komponent generuje kilkanaście wykresów, jeden z nich potrafi generować wykres w czasie rzeczywistym.

sparklines

Wymagania: jQuery
Link: http://omnipotent.net/jquery.sparkline/
Licencja: BSD