Archiwa kategorii: JavaScript

Jak wykryć, że naciśnięto tabulator w jQuery ?

Jak wiadomo przez JavaScript (skupiamy się tutaj na jQuery) możemy przejąć różnego rodzaju zdarzenia, które powstają wskutek działań użytkownika. Zdarzenia takie mają również swoje parametry w zależności, od których możemy z poziomu kodu wykonać jakąś akcje. I tak np. może nam się przydać kod pozwalający wykryć, że wciśnięto klawisz tabulatora, pytanie tylko – po co ? Przykładem niech będzie jakiś formularz składający się z kilku – kilkunastu pól wyboru, dla którego w momencie przełączania się tabulatorem między selectami chcemy wykonać jakiś kod. Nad tym kodem oczywiście skupiać się nie będziemy – chodzi o przykład jak taką sytuację wyłapać. Czytaj dalej

Zwiększenie użyteczności formularza

Formularze to nieodzowny element stron i aplikacji webowych we wszystkich miejscach gdzie akcją jaką ma wykonać użytkownik jest wprowadzenie czy wybranie pewnych treści. Może to być formularz logowania, formularz zapisu na listę adresową czy skomplikowany interfejs np. w przypadku zaawansowanych ankiet. Skupmy się na prostym przykładzie – strona z logowaniem do panelu programu partnerskiego naszego produktu. Niby prosta rzecz – dwa pola do wprowadzania loginu oraz hasła (ewentualnie dodatkowy checkbox do zapamiętywania logowania), których wypełnienie zajmie chwilkę, ale czy można sprawić aby korzystanie z tak prostego interfejsu było przyjemniejsze ? Pewnie, że tak ! Czytaj dalej

jQuery UI nie działa w Internet Explorer 9 – co zrobić ?

jQuery UI to na prawdę bardzo poczciwa biblioteka jQuery, która dostarcza developerom wiele efektownych efektów i widgetów. I wszystko byłoby super gdyby nie pojawił się nowy twór Microsoftu – Internet Explorer 9. Jak się okazało niektóre pluginy (np. sortable czy draggable) jakie oferuje nam UI w 9 wersji IE po prostu nie działają. Co prawda 9 wersja przeglądarki to jeszcze beta, ale zamiast czekać na wersję stabilną po prostu rozwiążmy problem. Czytaj dalej

TinyMCE – Simple Theme i toolbar w pozycji top

Jeśli jesteś programistą związanym z technologiami Webowymi to zapewne doskonale wiesz czym jest TinyMCE. Dla niewtajemniczonych wyjaśnię jednak, że popularny „tajni” to bardzo funkcjonalny i zaawansowany edytor typu WYSIWYG uruchamiany z poziomu przeglądarki internetowej, pozwalający na edycję kodu HTML w bardzo przyjazny dla użytkownika sposób. Czyli na chłopski rozum – możemy sobie edytować zawartość strony (oczywiście nie całą – chodzi przede wszystkim o treść) za pomocą edytora podobnego do Worda. Pewnego razu miałem potrzebę umieścić edytorek na jednej ze stron w bardzo ubogiej postaci i od razu przyszedł mi do głowy tinyMCE z ustawionym motywem simple. Czytaj dalej

Sprawdzenie zaznaczenia checkboxów

Kwestia walidacji różnego rodzaju formularzy z polami typu checkbox z wykorzystaniem JavaScript to niby sprawa bardzo prosta, ale dosyć często ktoś pyta mnie o rozwiązanie takiego „problemu”. Postanowiłem więc na prostym przykładzie pokazać jak zrobić taką walidację zarówno z wykorzystaniem czystego JavaScript jak i biblioteki jQuery. Zwrócę również uwagę na problem powstający w momencie „tablicowego” nazewnictwa pól, dzięki któremu w przypadku pól checkbox po stronie PHP wygodnie przetwarzamy sobie przesłane dane. Czytaj dalej

Zmieniające się okienka reklamowe

Zapewne wielu z Was kojarzy choćby stroną Wirtualnej Polski. Wchodząc na ów stronę widzimy mniej więcej na środku ekranu box reklamowy gdzie co parę sekund zmienia się element reklamowy czyli po prostu obrazy z odsyłaczami. Na pierwszą myśl wielu przychodzi na myśl technologia Flash jednak wystarczy kliknąć prawym przyciskiem myszy, aby przekonać się, że standardowe menu pliku swf się nie pokaże, a zamiast tego zwykłe menu podręczne przeglądarki. Wiadomo więc, że mamy do czynienia z użyciem języka JavaScript. Czytaj dalej

Internet Explorer 6

W to niedzielne popołudnie postanowiłem troszkę pobuszować w sieci i zajrzałem na stronę ranking.pl i od razu się uśmiechnąłem. Dlaczego ? Jak zauważyć można archaiczna i przynosząca tylko same problemy Webmasterom i Internautą przeglądarka Microsoftu oznaczona numerkiem 6 utrzymuje wciąż tendencję spadkową i to na niezłym poziomie (ponad 11%). Jestem ogromnie zadowolony, że ludzie odchodzą od „tego czegoś” i podążają w kierunku nowoczesnych przeglądarek lub instalują najnowszą wersje IE. Czytaj dalej

Jak ograniczyć ilość wpisywanych znaków w pole formularza

Oto przykład bardzo prostego, ale moim zdaniem bardzo przydatnego skryptu. Skrypt, który nie pozwala na wpisanie do danego pola formularza większej ilości znaków niż określona. Jest to przydatne zarówno dla naszych stron – aby odwiedzający, który wypełnia sobie tam jakiś formularz (czegokolwiek logowania, wyszukiwania itp.) nie musiał liczyć znaków i zastanawiać się czy czasem nie wpisał ich za dużo, ale również dla Nas samych. Czytaj dalej