Tag Archives: jquery

Ajax & jQuery: krótkie linki

W tym wpisie zaprezentuję w jaki sposób zrobić aplikację do generowania krótkich linków z wykorzystaniem Ajax’a i jQuery. Nasze krótkie linki będziemy generować w oparciu o serwis bit.ly.
„read more…”

Galeria z Lightbox’em

Często na swojej stronie chcemy mieć galerię, gdzie będziemy prezentować różnego rodzaju zdjęcia. Dobrze by było, aby galeria ta posiadała przyjazny wygląd, a wyświetlanie zdjęć było przyjemne i użyteczne dla oglądających. W tym celu najlepiej wykorzystać Lightbox’a i skrypt TimThumb.

„read more…”

jQuery: sprawdzanie dostępności

W dzisiejszym wpisie zaprezentuję Wam jak z wykorzystaniem biblioteki jQuery napisać sprawdzanie dostępności np. loginu przy rejestracji na stronie. Funkcja ta na pewno będzie przydatna na stronie internetowej i znacznie ułatwi odwiedzającym rejestrację na niej.„read more…”

jQuery: powielanie pól formularza

Dzięki jQuery możemy powielać niektóre pola naszego formularza w bardzo prosty sposób. Wartości wpisywane do tych pól są zapisywane wtedy w tablicy. Do naszego powielania pól formularza wykorzystamy plugin do jQuery o nazwie relCopy.„read more…”

jQuery: zliczanie i limit znaków

Jakiś czas temu pokazałem jak przy użyciu JavaScriptu zrobić prosty licznik znaków wpisanych do pola typu textarea oraz jak ograniczyć ilość znaków tam wpisywanych. Dzisiaj skrypt o podobnej funkcjonalności z wykorzystanie tym razem biblioteki jQuery. Ponadto limit wykorzystania dopuszczalnych znaków będzie pokazywany graficznie w postaci progress bara.„read more…”

jQuery: szara strona

W związku z sobotnimi wydarzenia i tygodniową żałobą narodową dużo serwisów internetowych „przyjęło” na ten czas żałobne kolory, czyli odcienie szarości. Dzisiejszy wpis, choć nie przewidywałem, że kiedykolwiek powstanie jest poświęcony właśnie „wprowadzeniu” takiej żałoby na naszej stronie. Wykorzystamy do tego plugin jQuery, który nazywa się „Grayscale”.
„read more…”

Ajax: Puzzle

Chciałbyś wzbogacić swoją stronę o puzzle, które będą mogli układać Twoi użytkownicy? Nic prostszego! W tym celu wykorzystamy plugin jqPuzzle, który działa z wykorzystaniem biblioteki jQuery. Dodatkowo pokażę w jaki sposób możemy uzyskany czas i liczbę ruchów zapisywać w bazie danych, co pozwoli nam na tworzenie rankingów najlepszych wyników!
„read more…”

jQuery: walidacja danych w formularzu cz. I

Dzisiaj postaram się Wam pokazać w jaki sposób z wykorzystaniem jQuery i pluginu Validation stworzyć walidację danych, które są wprowadzane do formularza na np. naszej stronie. W taki sposób użytkownik będzie wiedział jakie pola są musi wypełnić, jakie są źle wypełnione, a nawet jakie są dobrze uzupełnione.
„read more…”

jQuery: zmieniający się płynnie tekst

Dzisiaj chciałem pokazać Wam jak za pomocą jQuery można uzyskać efekt zmieniającego się płynnie tekstu. Rozwiązanie to wykorzystywane jest na wielu serwisach, zazwyczaj w połączeniu z obrazkiem (jak na tym blogu). Ja skupię się na wyświetlaniu samego tekstu.
„read more…”

CSS & jQuery: mapa Polski

Realizując różne projekty komercyjne często spotykam się z potrzebą umieszczenia klikalnej mapy województw Polski, gdyż klient sobie tego życzy. Początkowo korzystałem z rozwiązań fleszowych, które niestety nie zawsze się sprawdzały, a plik źródłowy trzeba było każdorazowo modyfikować pod konkretną stronę. Ostatnimi czasy korzystam z rozwiązania Winston Wolfa, który stworzył bardzo fajną klikalną mapę województw.
„read more…”

jQuery: Lightbox

jQuery Lightbox jest skryptem dzięki któremu możemy wyświetlać nasze zdjęcia w galeriach. Po kliknięciu w miniaturkę zdjęcia pojawia się stylizowane okno z pełnym rozmiarem zdjęcia. Można spotkać podobne skrypty, ale ten wykorzystuję bibliotekę programistyczną dla języka JavaScript – jQuery.
„read more…”

Ajax: system do głosowania

Czasem zdarza się, że chciałbyś na swojej stronie umieścić system do oceny newsów, artykułów czy wpisów. W tym wpisie chciałbym pokazać Ci w jaki sposób możesz zrobić system podobny do tego, który znajduje się na stronie wykop.pl. Wykorzystamy w nim bibliotekę jQuery.
„read more…”