Category Archives: html

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

PHP: stronnicowanie

Często prezentując wyniki zapytania z bazy MySQL na swojej stronie za pomocą skryptu PHP uwidacznia się potrzeba podziału tych wyników na poszczególne strony, szczególnie kiedy tych rekordów jest wiele, a skrypt wykonywałby się bardzo długo, aby je załadować. W związku z tym chciałbym Wam przedstawić funkcję do stronnicowania, z której korzystam już jakiś czas. Napisanie własnej funkcji umożliwiającej stronnicowanie jest o tyle dobre, że będziesz mógł ją wykonać w każdym pliku składającym się na skrypt bez konieczności powielania raz już napisanego kodu.
„read more…”

Ajax: 3 powiązane pola select

W związku z licznymi mailami z pytaniem w jaki sposób można powiązać ze sobą 3 pola select, aby generowały się dynamicznie postanowiłem w wolnej chwili, a raczej szukając czegokolwiek, aby tylko się nie uczyć do sesji napisać mały tutorial, który podpowie Wam jak można zrobić 3 powiązane pola select, a nawet więcej. Tutorial ten będzie kontynuacją opublikowanego ponad rok temu wpisu Ajax: powiązane pola select, więc zanim przystąpisz do czytania dalszej części wpisu wykonaj wszystkie rzeczy w podanym przeze mnie powyżej linku.
„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…”

Bezpieczeństwo aplikacji webowych cz. I

W tym artykule, który w zamierzeniach ma być kontynuowany dowiesz się jak pisać bezpieczne aplikacje webowe, a raczej jakich błędów należy unikać przy programowaniu. Obecnie istnieje bardzo wiele typów ataków, których ofiarą może paść nasza strona www, o ile nie jest prawidłowo zabezpieczona. Szczególnie ważne jest bezpieczeństwo stron, które przechowują dane.

Podstawowym błędem jaki popełnia większość początkujących programistów to całkowity brak walidacji wprowadzanych danych wejściowych przez użytkownika naszej strony. Powodem tego jest przede wszystkim założenie, że nikt nie będzie próbował włamać się na jego stronę. Jednak nic bardziej mylnego… „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…”