JavaScript & JQuery: Eventy – przechwytywanie, bąbelkowanie i delegacja

Przypisywanie i uruchamianie eventów

Najprostszą metodą tworzenia zdarzeń w obrębie strony internetowej jest przypisywanie akcji (funkcji) bezpośrednio do odpowiednich elementów strony, np.

Każdy z powyższych przykładów robi dokładnie to samo (aczkolwiek nie tak samo) – nadaje event, w wyniku którego po naciśnięciu elementu #przycisk w konsoli pokaże się napis kliknięto. Tym prostym sposobem można przypisać zdarzenia wszystkim elementom, które powinny zmieniać stan strony. To rozwiązanie nie rodzi trudności, kiedy elementy posiadające zdarzenie są rozłączne:

natomiast kiedy jeden zawiera się w drugim, jak przedstawiono poniżej

rodzi się pytanie: Które zdarzenie powinno uruchomić się najpierw w przypadku kliknięcia myszką na elemencie .przycisk-2? Czy najpierw zdarzenie dla  .przycisk-1 a później dla  .przycisk-2 czy też odwrotnie? Czytaj dalej

Biała strona po edycji postu w WordPressie a plugin

Aktywacja pluginu w WordPressie może doprowadzić do sytuacji, w której edycja wpisu (postu) kończy się białą stroną (zmiany są zapisywane, ale powrót do listy wpisów nie następuje). Po ustaleniu, który z pluginów powoduje takie zmiany warto sprawdzić czy jego pliki są zapisane w UTF-8 bez BOM.

Zaszufladkowano do kategorii web

localhost a automatyczne domeny

Developując lokalnie na Windowsie większą ilość projektów php (lub html) można uprościć sobie życie korzystając z automatycznego tworzenia domen. Normalnie trzeba ustawić sobie domenę w pliku hosts, a następnie przygotować virtualkę z odpowiednią ścieżką i zrestartować serwer. Dzięki opisanym w dalszej części instrukcjom można te czynności zautomatyzować. Czytaj dalej

Edycja userscriptów w przeglądarce

Firefox (wtyczka Greasemonkey)

W celu edycji skryptu należy:

  • wejść na stronę, na której uruchamiany jest skrypt
  • rozwijamy menu Greasmonkey (górne menu, ikona głowa małpki, strzałka)
  • klikamy Prawym Przyciskiem Myszy na nazwę skryptu
  • (przy pierwszej edycji trzeba będzie wybrać edytor tekstu, który zostanie przypisany do edycji skryptów)
  • userscript zostanie otworzony w wybranym wcześniej edytorze tekstów

Po zapisaniu pliku w edytorze i odświeżeniu strony Firefox automatycznie uruchomi zmieniony skrypt.

Chrome

Chrome bez dodatkowych wtyczek nie pozwala na tak prostą zmianę skryptu jak Firefox (z zainstalowaną wtyczką Tampermonkey już tak). W celu edycji trzeba:

  • wejść na stronę rozszerzeń chrome://extensions/ (Menu > Narzędzia > Rozszerzenia)
  • znaleźć skrypt do zmiany i odczytać jego Identyfikator (ciąg liter, np. ibdpkeeiolggnanjgonconhdmocechea)
  • przejść do katalogu, w którym trzymane są ustawienia Chrome’a i wtyczki (na Windowsie 7: C:\Users\<nazwa_użytkownika>\AppData\Local\Google\Chrome\User Data\Default\Extensions\<Identyfikator_skryptu_odczytany_wcześniej>\<numer_wersji>\)
  • otworzyć plik script.js edytorem tekstu

Uwaga. Zapisanie pliku skryptu nie wywoła zmiany w przeglądarce. W celu zaczytania userskryptu na nowo należy ponownie wejść na stronę rozszerzeń chrome://extensions/ i za pomocą checkboxa wyłączyć go, a potem włączyć ponownie.

Opera (od wersji 20, wtyczka Violentmonkey)

  • klikamy na ikonę wtyczki (głowa małpy, prawy górny róg przeglądarki)
  • następnie Zarządzaj skryptami
  • klikamy Edytuj przy wybranym skrypcie
  • po dokonaniu zmian wystarczy kliknąć Zapisz (po odświeżeniu strony skrypt zostanie automatycznie zaczytany na nowo)

 

 

 

 

Zmiana rozszerzenia pliku w Windowsie

Rozszerzenie pliku w Windowsie (testowane na Windows 7, ale w innych jest analogicznie) zmienia się w następujący sposób:

  • Klikamy Start > Komputer
  • Naciskamy klawisz Alt, żeby pokazało się menu u góry okna
  • Otwieramy okno Narzędzia > Opcje folderów
  • Przechodzimy na kartę Widok
  • Odznaczamy opcję Ukryj rozszerzenia znanych plików i klikamy Ok
  • Przechodzimy do lokalizacji pliku, którego rozszerzenie chcemy zmienić i klikamy na jego nazwie Lewym Klawiszem Myszy
  • Wybieramy Zmień nazwę
  • Jeśli pojawi się okno z pytaniem: „Czy na pewno chcesz zmienić rozszerzenie?” to potwierdzamy kliknięciem na Tak

W razie pytań zostaw komentarz.

Modlitwa programistów

Panie dziękuję Ci za kolejny dzień,
za wszystkie jego wyzwania
i możliwość kreowania nowych światów.
Panie proszę Cię o jasność umysłu
bym potrafił znaleźć rozwiązania napotkanych problemów
i sprawnie poruszać się w hiperprzestrzeni kodu,
a także o dalekowzroczność bym widział wszystkie opcje.

Amen.

Włączanie i wyłączanie dźwięku skrótem klawiszowym w Windows 7

Aktualizacja: Alternatywna i lepsza metoda do skrótów została opisana w innym wpisie.

Użytkownikom komputerów z systemem Windows (testowane w Windows 7), którzy nie posiadają klawiszy multimedialnych na klawiaturze przychodzi z pomocą program NirCmd Czytaj dalej