Tag Archives: skrypt

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

PHP: funkcja do wyświetlania czasu

Dzisiaj chciałbym Wam pokazać funkcję dzięki, której będziecie mogli wyświetlać czas przy wysyłaniu newsów, komentarzy, postów w formie 17 minut temu. Jest to przydatne przy serwisach społecznościowych, gdzie często pojawiają się jakieś treści. Funkcja przydatna i o wiele więcej mówiąca Waszym użytkownikom niż zwykła data 15 lutego 2010 r. godz. 00:24.„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…”

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

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

PHP: skrypt CAPTCHA

Dawno nosiłem się napisaniem tej notki, a mianowicie chciałbym pokazać Wam jak napisać prosty system CAPTCHA, który możecie wykorzystać na swojej stronie internetowej. Zastosowanie tej funkcji pozwoli Ci na zabezpieczenie strony przed niechcianym spamem w różnorakich formularzach, komentarzach czy zakładaniem kont przez roboty. Skrypt składa się tak naprawdę z dwóch plików.
„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…”

PHP: adres e-mail jako obrazek

Często w wyniku tego, że na naszej stronie umieszczamy adres e-mail w postaci:

1
<a href="mailto:nick@adres.pl">nick@adres.pl</a>

w naszej skrzynce zaczyna pojawiać się coraz więcej SPAMU. Wiele spambotów przeszukuje strony w celu uzyskania właśnie takich adresów e-mail. W związku z tym co można zrobić, aby podać adres na swojej stronie WWW, a jednocześnie ochronić się przed niechcianymi wiadomościami?

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

Ajax: jak zrobić dynamiczne zakładki?

Ajax jest coraz częściej wykorzystywaną technologią na dużych portal, ale również na tych mniejszych. W tym tutorialu dowiesz się w jaki sposób zrobić efektowne, dynamiczne zakładki, które będą mogły posłużyć na twoim portalu jako np. menu czy prezentację newsów. Wykorzystam skrypt pobrany ze strony www.dynamicdrive.com.

W tym celu utworzymy dwa pliki. Pierwszy o nazwie ajaxtabs.css będzie odpowiedzialny za styl naszych zakładek. Poniżej możecie zobaczyć jego strukturę:„read more…”