Category Archives: javascript

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

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

JavaScript: zliczanie i ograniczenie liczby znaków w polu tekstowym

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

JavaScript: odliczanie do jakiegoś wydarzenia

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

JavaScript: zmiana zdjęcia bez przeładowania strony

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