Kiedyś miałem okazję korzystać ze statystyki oferowanej przez serwis stat24 (lub jakiś podobny). Korzystając z płatnej wersji mieliśmy do dyspozycji narzędzie pokazujące, gdzie klikali użytkownicy. Ponieważ jest to narzędzie dość rzadko spotykane, postanowiłem opisać jak wykonać "coś takiego" samemu przy pomocy technologii AJAX i języka PHP.

Wiele razy pisałem już o bibliotece dla JavaScript'u o nazwie jQuery. Każdy kto choć raz z tej biblioteki korzystał na pewno zgodzi się ze mną, jeśli powiem, że to bardzo dobrze pomyślane i wykonane narzędzie z mnóstwem dodatków.

Jak korzystać z dobrodziejstw tego narzędzia pisałem już wielokrotnie. Dzisiaj pokażę jak stworzyć własny dodatek.

AJAX (Asynchronus Javascript and XML), to druga ścieżka komunikacji między środowiskiem języka JavaScript w przeglądarce internetowej, a serwerem. Czyli, krótko mówiąc technika umożliwiająca twórcy aplikacji internetowej dodanie do warstwy front-endu odpowiedniego kodu JavaScript, który bez przeładowywania strony będzie mógł komunikować się z serwerem - wysyłać i pobierać od niego informacje.

Pojęcie AJAX pojawiło się po raz pierwszy w lutym 2005 roku w artykule Jesse'go James'a Garrett'a. Od tego czasu sposób w jaki korzystamy z tej technologii zmienił się znacząco między innymi za sprawą biblioteki dla Javascript'u, którą znamy jako jQuery.

Jej powstanie znacznie ułatwiło korzystanie z technologii AJAX i sprawiło, że jeden kod, działał na praktycznie wszystkich znanych przeglądarkach internetowych tak samo. Dzisiaj powiem, jak korzystać z wbudowanej do jQuery metody $.ajax i jej pochodnych - $.post i $.get.

Ponad rok temu opublikowałem artykuł o tym, jak stworzyć przy pomocy javaScript i biblioteki jQuery skrypt generujący tzw. tooltips, czy ramki informacyjne w okolicach kursora. Wtedy korzystaliśmy z atrybutu name jako "pojemnika" na dane. Teraz, kiedy standard HTML5 jest bardziej popularny, dostajemy nowe możliwość przechowywania danych. Stworzymy więc bardziej zaawansowany system wyświetlania podpowiedzi ekranowych korzystający z jquery i atrybutów data-*, dodanych do standardu HTML5.

Obiekt event to chyba najczęściej po document używany obiekt w języku JavaScript. Dzięki temu obiektowi możemy w łatwy sposób przechwycić wiele informacji o danym zdarzeniu. Przykłady zastosowania obiektu event pokazałem w artykule o skrótach klawiturowych, a także o gestach myszy.

Ostatnio pisałem o gestach myszy, które zastosowane na stronie www czy w aplikacji internetowej mogą znacznie ułatiwć użytkownikom korzytsanie z niej. Należy jednak zauważyć, że to udogodnienie ma sens w aplikacjach, w których korzystamy głównie z myszki.

Jeśli jednak na stronie użytkownik częściej korzysta z klawiatury, to sięganie po mysz, aby uruchomić jakąś usługę, może być kłopotliwe. Wtedy warto rozważyć wprowadzenie skrótów klawiaturowych.

Z tzw. gestami myszy pierwszy raz styczność miałem kiedy taka funkcjonalność została wprowadzona do przeglądarki internetowej Opera. Nie trzeba było długo czekać, aby koncepcja ta pojawiła się w popularnych serwisach, takich jak choćby webowa aplikacja pocztowa Gmaila.

Tym, którzy nie wiedzą co to gesty myszy, powiem, że jest to drobna funkcjonalność, która przy przytrzymaniu wciśniętego odpowiedniego przycisku myszy i przesunięcie jej w odpowiedni sposób pozwala na wywołanie jakiejś funkcji.

W dzisiejszym artykule nauczymy się tworzyć taką funkcjonalność do użytku naszej strony inernetowej.

Czasami zdarza się, że musimy dla różnych przeglądarek internetowych zastosować różne rozwiązania na stronie. Najczęściej zdarza się to oczywiście w przypadku pisania kodu js. Różnice w implementacji tego języka przez różne przeglądarki powodują, że nasz kod może nie działać dobrze we wszystkich przeglądarkach. Od tego oczywiście jest jQuery i kilka innych frameworków dla javascript'u. Dzisiaj zapoznam Was z elementem browser należącym do obiektu jQuery ($).

W dzisiejszym artykule zaprezentuję dość przydatny plugin do jQuery o nazwie tagsinput. Służy on do przerabiania zwykłego pola tekstowego na pole, które może posłużyć np. do dodawania tagów.

Przy okazji tworzenia serwisu guitarway.pl pojawiła się potrzeba chronienia adresów e-mail, które w niektórych miejscach są wyświetlane nawet dla niezalogowanych. Oznacza to, że również dla botów. Wiadomo nie od dziś, że dla "inteligentnych" botów zamiana kropki na (dot), a małpy na (at) nie jest zabezpieczeniem. Aby dobrze chronić dane naszych użytkowników postanowiłem stworzyć skrypt, który będzie "rozkodowywał" wcześniej odpowiednio "zakodowane" adresy e-mail. Efekty przedstawiam tutaj.