Category Archives: jquery

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…”

WYSIWYG: CKEditor 3.1

Prowadząc stronę, którą napisaliśmy sami często posiadamy tzw. panel administracyjny, gdzie za pomocą formularzy dodajemy newsy, artykuły itp. Dopóki sami zajmujemy się aktualizacją strony wszystko jest OK. Znamy bowiem znaczniki HTML-a i z łatwością formatujemy tekst, który chcemy wrzucić. Jednak wraz z rozrostem strony sięgamy po pomoc innych osób, które niekoniecznie znają się na HTML-u. Tutaj z pomocą przychodzi nam edytor WYSIWYG, który wszystkie pola textarea z naszego formularza zamienia na wizualny edytor, który swoim wyglądem przypomina np. Worda. Najlepszym, według mnie darmowym edytorem WYSIWYG jest CKEditor, znany niegdyś jako FCKEditor. Co więc musimy zrobić, aby umieścić to „cudo” na swojej stronie?„read more…”