Mało jest nieoficjalnych info o swopperach po polsku. Zakupiłem jednego i postanowiłem podzielić się swoimi doświadczeniami. Czytaj dalej
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.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
//JavaScript var element = document.getElementById('przycisk'); element.onclick = function() { console.log('kliknięto'); } //JQuery $('#przycisk').click(function(event){ console.log('kliknięto'); }); $('#przycisk').bind('click', function(event){ console.log('kliknięto'); }); |
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:
1 2 |
<div class="przycisk-1"><div> <div class="przycisk-2"></div> |
natomiast kiedy jeden zawiera się w drugim, jak przedstawiono poniżej
1 2 3 |
<div class="przycisk-1"> <div class="przycisk-2"></div> </div> |
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.
Historia odwiedzanych stron a historia przeglądarek
Używanie trybu prywatnego/incognito (potocznie zwanego trybem porno) w przeglądarce lub czyszczenie pamięci przeglądarki nie jest wystarczającym sposobem na pozbycie się historii odwiedzanych stron. Windows posiada bufor programu rozpoznawania nazw DNS, który zapamiętuje odwiedzane strony. Czytaj dalej
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
REQUEST_URI – przykłady
Przykładowe wartości zmiennej globalnej $_SERVER[’REQUEST_URI’]:
- http://hrabstwo.net/
- http://hrabstwo.net/abc/
- http://hrabstwo.net/abc/index.php
- http://hrabstwo.net/abc/index.php?a=test
- http://hrabstwo.net/abc/index.php/dir/test