Jak już większość z Was zapewne wie, kilka dni temu (22 marca 2013) weszły w życie nowe regulacje prawne dotyczące plików cookies na stronach. Od tego dnia każda witryna, na której wykorzystywane są ciasteczka zobowiązana jest poinformować o tym fakcie użytkownika. Zauważyłem, że w sieci można już zakupić skrypty, które wyświetlają odwiedzającym odpowiednią treść. Jaki jest natomiast problem, aby napisać taki samodzielnie?
Wielu początkujących webmasterów (w tym kiedyś ja :)) chcąc kolorować co drugi wiersz tabeli wykorzystuje do tego celu klasy. Pomysł sam w sobie nie jest zły, jednak przypisywanie co drugiemu wierszowi nowego atrybutu może być monotonne, albo po prost brzydkie z punktu widzenia kodu źródłowego. Istnieje bardzo prosty sposób, aby osiągnąć ten sam efekt szybciej i ładniej, mając jednocześnie większą kontrolę nad sposobem prezentacji danych.
Przeglądając galerie zdjęć dostępnych w Internecie z pewnością zetknęliście się z przypadkiem, kiedy po najechaniu na jakiś obrazek rozświetla się on, bądź odwrotnie, inne stają się ciemniejsze od tego wskazanego kursorem. Efekt ten można osiągnąć stosując standardowy pseudoselektor :hover dostępny w CSS. Jest to jednak metoda pozbawiona dynamicznego przejścia obrazka ze stanu A w stan B. Aby poprawić ten efekt, można posłużyć się prostym skryptem w jQuery.
Jakiś czas temu Czytelnicy zaproponowali mi, abym napisał kilka słów o tworzeniu systemu CRUD przy użyciu jQuery. Rozwinięcie skrótu CRUD to Create, Read, Update, Delete. Inaczej rzecz ujmując CRUD jest dynamicznym panelem zarządzania treścią (panelem admina), za pomocą którego zmiany w bazie danych dokonywane są bez wysyłania HTML’owego formularza, dzięki zapytaniom AJAX.
W kursie była już mowa o obsłudze formularzy i integracji ich z AJAXem. Dzisiaj chciałbym pokazać w jaki sposób możemy walidować dane wpisywane przez użytkownika przed ich wysłaniem do skryptu PHP. Walidacja po stronie klienta zapewnia użytkownikowi dużą wygodę korzystania z formularzy.
Podczas wykonywania operacji na drzewie DOM ważnym elementem pracy jest przypisywanie i usuwanie klas z selektorów. Dzięki takim zabiegom możliwe jest dynamiczne dostosowanie strony do akcji użytkownika. Poruszymy więc dzisiaj w kursie kwestie drzewa DOM oraz rozszerzania jQuery o moduł UI (User Interface).
Jakiś czas temu na pewnym forum znalazłem post z zapytaniem o możliwość ograniczenia ilości znaków, jakie można wpisać w pole <textarea>. Uznałem, że temat ten jest dosyć ciekawy, a sama metoda warta głębszego omówienia. Zwykły HTML nie dostarcza nam niestety żadnego atrybutu, który wykonywałby zadanie za nas. W celu rozwiązania problemu napiszemy krótki skrypt korzystający z biblioteki jQuery.
Tak jak i ostatnio obiecałem w dzisiejszej części kursu jQuery nauczymy się korzystać z zapytań AJAX. Przedstawię w jaki sposób możemy załadować dane z dowolnego pliku do kontenera będącego divem. Ponadto wspomnę w jaki sposób przy pomocy AJAXa możemy obsługiwać skrypt wyszukiwarki, bądź dowolny inny formularz.
