Galeria z Lightbox’em

Autor: Arkadiusz Tobiasz 10 lipca 2010 komentarze 4

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 the rest of this entry »

jQuery: sprawdzanie dostępności

Autor: Arkadiusz Tobiasz 14 maja 2010 komentarze 24

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 the rest of this entry »

jQuery: powielanie pól formularza

Autor: Arkadiusz Tobiasz 10 maja 2010 SKOMENTUJ

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 the rest of this entry »

jQuery: zliczanie i limit znaków

Autor: Arkadiusz Tobiasz 10 maja 2010 komentarze 2

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 the rest of this entry »

jQuery: walidacja danych w formularzu cz. I

Autor: Arkadiusz Tobiasz 18 marca 2010 komentarzy 15

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 the rest of this entry »

jQuery: zmieniający się płynnie tekst

Autor: Arkadiusz Tobiasz 8 marca 2010 komentarzy 10

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 the rest of this entry »

jQuery: Lightbox

Autor: Arkadiusz Tobiasz 20 lutego 2010 komentarzy 5

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 the rest of this entry »

WYSIWYG: CKEditor 3.1

Autor: Arkadiusz Tobiasz 30 stycznia 2010 komentarze 2

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 the rest of this entry »

Często zdarza się, że chcemy ograniczyć liczbę znaków jaką można wpisać w komentarzu na naszej stronie. Można to zrobić poprzez walidację po stronie serwera. Jest to jednak niewygodne dla użytkownika, który zamiast zapisanego komentarza otrzymuje komunikat o przekroczonej liczbie znaków. Dochodzi do paradoksu, że użytkownik powinien liczyć użyte znaki, aby zmieścić się w określonym limicie. Innym rozwiązaniem jest ucięcie komentarza i zapisanie tylko pierwszych x znaków, np. 255 znaków. To jednak sprawi, że na naszej stronie znajdzie się dużo poobcinanych komentarzy. Nie będzie to wyglądać zbyt estetycznie.

Idealnym rozwiązaniem jest zliczanie liczby znaków po stronie klienta/użytkownika i zablokowanie możliwości wpisania większej liczby znaków niż zakłada przyjęty przez nas limit. Rozwiązanie to jest dobre, ponieważ użytkownik widzi ile znaków wykorzystał i w każdym momencie może przeredagować swoją wypowiedź. W celu osiągnięcia takiego rozwiązania posłużymy się JavaScriptem.

Read the rest of this entry »

JavaScript: odliczanie do jakiegoś wydarzenia

Autor: Arkadiusz Tobiasz 20 września 2009 komentarzy 10

Dzisiaj przedstawię skrypt napisany w JavaScripcie, który pozwala na dynamiczne odliczanie do jakiegoś wydarzenia. Sam prowadzę stronę o pewnym serialu, gdzie potrzebowałem takiego skryptu, aby odliczać czas do premiery kolejnego odcinka. Oprócz tego wspomniany skrypt pobiera dane z bazy MySQL, dlatego też nie muszę się bawić w każdorazowe ręczne modyfikowanie skryptu, kiedy emisja danego odcinka miała już miejsce.

Read the rest of this entry »

JavaScript: zmiana zdjęcia bez przeładowania strony

Autor: Arkadiusz Tobiasz 9 września 2008 komentarze 3

Dzisiaj chciałem Wam pokazać pewien trik 😉 Otóż jeśli chciałbyś stworzyć na swojej stronie małą galerię z jednym dużym zdjęciem i x miniaturkami, to tradycyjnie, aby obejrzeć te x miniaturek powiększonych musiałbyś x razy przeładować stronę. Jest jednak sposób, aby zmienić zdjęcia bez przeładowania strony. Read the rest of this entry »

Arkadiusz Tobiasz student Akademii Ekonomicznej im. Karola Adamieckiego w Katowicach na specjalnościach informatyka ekonomiczna oraz rachunkowość. Więcej...

jQuery Validation i funkcja remote

Jakiś czas temu zwrócił się do mnie użytkownik z problemem. Chodzi o to, że korzysta on z pluginu walidacji jQuery, […]

Zend Framework: integracja z Uploadify

W tym wpisie postaram się przedstawić Wam w jaki sposób zintegrować skrypt Uploadify z Zend Frameworkiem. Dzięki temu będziemy mogli […]

Javascript: Czasowe wyświetlanie reklamy

Czasami chcemy, aby na pewnym elemencie naszej strony wyświetlała się reklama przez jakiś czas, a następnie zniknęła. W tym wpisie […]

Linux: backup wszystkich baz danych MySQL

Swego czasu pisałem o tym jak z poziomu konsoli można szybko i przyjemnie zrobić backup bazy MySQL. Wszystko jest ładnie […]