Artykuły dla tagu jQuery

lis 23 2011
0

Obsługa zdarzeń klawiatury w jQuery

Jakiś czas temu, pisałem na temat obsługi zdarzeń w jQuery. Dziś chciałbym wrócić do tej tematyki, a konkretniej przyjrzeć się zdarzeniom związanym z obsługą klawiatury.

Obsługa klawiatury, jest stosunkowo rzadko implementowana przez programistów JavaScript/jQuery - tak przynajmniej wynika z mojej własnej obserwacji. W gruncie rzeczy, jest to jednak bardzo fajny sposób na zwiększenie usability (z ang. użyteczności) naszej strony. Na skróty klawiszowe, już dawno postawił np. Google w swoim czytniku RSS. Po ostatnich zmianach, mam wrażenie że skróty klawiszowe są nawet bardziej wyeksponowane.

Obsługa klawiatury może być również bardzo pomocna przy wszelakich formularzach.

lis 02 2011
0

Zmiana rozmiaru czcionki na stronie przez użytkownika

Kilka tygodni temu, na łamach cyklu Webmaster pisałem na temat mechanizmu localStorage, który niejako rozwija się równolegle wraz z HTML5.

Tamten wpis, był raczej stricte nastawiony na teorię. Dzisiejszy post, który również dotyka tego mechanizmu, opisze jego bardziej praktyczne zastosowanie. Obszarem manewrów, będzie oczywiście sam blog, a konkretniej przyciski umożliwiające zmianę wielkości tekstu, które od jakiegoś pół tygodnia znaleźć możecie przy każdym z tekstów.

paź 26 2011
0

Zastosowanie metody prop do ustawienia właściwości elementu

W przypadku jQuery, należy bacznie obserwować log zmian zamieszczany przy okazji wypuszczenia kolejnych wersji frameworka, ponieważ niektóre z funkcjonalności zawartych w bibliotece głównej, zmieniają swoje znaczenie, bądź też przestają działać w kolejnych w wersjach.

Zmiana istniejących metod i funkcji, zwykle poprzedzana jest pewnym okresem przejściowym, w którym programiści mogą aktualizować bibliotekę frameworka we własnych projektach i jednocześnie korzystać ze starych i nowych funkcjonalności.

Takie posunięcie zastosowano właśnie w przypadku metody prop(), która została wprowadzona w jQuery w wersji 1.6.

paź 13 2011
0

Tworzenie własnych rozszerzeń jQuery

Wielokrotnie na łamach Alt Control Delete, pisałem na temat jQuery. Były tematy związane z selektorami, zdarzeniami, czy też wykorzystaniem dodatkowych wtyczek. Nigdy nie pojawił się jednak żaden dedykowany wpis, który opisywałby proces tworzenia wtyczki od podstaw, z różnymi związanymi z tym tematem aspektami (raz pojawił się jedynie wpis, który opisywał moją autorską wtyczkę, wykorzystywaną na tym blogu do walidacji formularzy).

Dziś chciałbym nadrobić zaległości i omówić krok po kroku cały proces tworzenia wtyczki jQuery.

paź 05 2011
0

Testowanie kodu za pomocą aplikacji webowej jsFiddle

Ostatnimi dniami, poszukując w pracy pewnych informacji na temat jQuery, całkiem przypadkowo natrafiłem na świetne narzędzie (właściwie to aplikacje webową), jakim jest jsFiddle. jsFiddle, pozwala na szybkie testowanie stron WWW, wykorzystujących takie technologie jak:

  • HTML
  • CSS
  • JavaScript

Przy okazji punktu związanego z naszym ulubionym językiem skryptowym warto wspomnieć, że jsFiddle wspiera wszystkie popularne frameworki (Dojo, Mootools, jQuery itd.), dzięki czemu całe narzędzie jeszcze bardziej zyskuje na znaczeniu.

wrz 07 2011
0

Przewijany pasek społecznościowy dla bloga w jQuery i CSS

Ostatnimi czasy przeglądając różne blogi (szczególnie te oparte o Wordpressa), natknąłem się na tzw. social slider. Social slider to specjalny pasek, który przewija się razem z artykułem/wpisem u boku strony i pozwala na polecenie treści wyświetlanej aktualnie na stronie w wybranych przez autora serwisach społecznościowych. Ponieważ osobiście nie korzystam z Wordpressa i nie mogę najzwyczajniej w świecie zainstalować sobie kolejnego rozszerzenia, postanowiłem że sam sobie coś takiego wykombinuję. W gruncie rzeczy okazało się, że to jest naprawdę banalna sprawa. Do realizacji celu, wykorzystałem jQuery oraz CSS.

sie 03 2011
0

Obsługa zdarzeń w jQuery

Obsługa zdarzeń, to prawdopodobnie obok selektorów jedna z najważniejszych funkcjonalności frameworka jQuery i to właśnie ona stanowi o jego sile. Obie funkcjonalności zresztą zazebiają się właśnie w obsłudze zdarzeń, ponieważ zdarzenia definiowane są dla elementów, które wcześniej pobraliśmy za pomocą mniej lub bardziej złożonych selektorów.

Co daje nam zatem obsługa zdarzeń w jQuery? Przede wszystkim:

  • Porządek w kodzie HTML (zdarzenia podpinamy w kodzie jQuery, więc wszelakie metody typu onClick, onChange w kodzie HTML stają się zbędne)
  • Łatwość wywoływania zdarzeń zwrotnych czyli. np. dla zdarzenia onMouseOver bardzo prosty możemy przypisać zdarzenie onMouseOut
  • Możliwość wiązania dynamicznego, dla elementów których jeszcze na stronie nie ma
  • Elastyczność, elastyczność i jeszcze raz elastyczność

W dalszej części wpisu postaram się opisać szerzej poszczególne punkty.

lip 13 2011
0

Metoda data w jQuery

Jeśli kiedykolwiek tworzyłeś stronę z wykorzystaniem JavaScriptu/jQuery, to na pewno przynajmniej raz stanąłeś przed problemem, w jaki sposób przechowywać dane, z których korzystają Twoje skrypty. Rozwiązań istnieje wiele, jedne mniej lub bardziej elastyczne, ale praktycznie każde z nich posiada jakieś wady. Dziś chciałbym Wam zaprezentować metodę data wykorzystywaną w jQuery, która mi osobiście bardzo przypadła do gustu i w ostatnim czasie to mój numer jeden w tym temacie.

kwi 16 2011
0

Powiadomienie o zdarzeniu polubienia wpisu na Facebooku

W ubiegłym tygodniu, postanowiłem iść z duchem czasu i jeszcze bardziej zintegrować moją stronę z Facebookiem. W tym celu, przy wykorzystaniu XFBML (czyli Facebookowe API), dodałem możliwość polubienia samej strony jak i konkretnych wpisów z poziomu bloga. O tym ilu użytkowników polubiło blog, łatwo się dowiedzieć bezpośrednio z poziomu fanpage'a. Niestety nie mamy takich informacji, na temat liczby polubień, każdej z podstron. Możemy co prawda co jakiś czas wejść każdą z nich i to sprawdzić... Ale od czego mamy Facebookowe API, PHP oraz jQuery:)

mar 09 2011
0

15 praktycznych i użytecznych wtyczek jQuery

Internet wciąż się zmienia. Pojawiają się nowe technologie, języki programowania, czy też lepszy sprzęt, na którym to wszystko działa. Jednym z efektów tego ciągłego rozwoju, jest niezwykle populary framework JavaScriptowy, czyli jQuery, który już nie raz gościł na tym blogu. Wcześniej pisałem m.in wprowadzenie do podstaw jQuery, czy też wykorzystanie zaawansowanych selektorów. Dziś chciałbym zrobić coś innego, a mianowicie zaprezentować 15 interesujących wtyczek, które z powodzeniem możecie wykorzystać we własnych projektach.

1 2 3