Wykrywanie użycia przycisku “wstecz” w JS
Po co w ogóle może to być komuś potrzebne? Przykład z życia wzięty – w smartfonach przycisk „wstecz” ulokowany z lewej strony pod ekranem dotykowym wykorzystywany jest do powrotu do poprzedniego widoku aplikacji. Sam złapałem się na tym, że otwierając okienko pop-up (konkretnie lightbox w galerii zdjęć) użyłem tej małej strzałeczki zamiast ikony „X” na wyświetlaczu. I ku mojemu zdziwieniu zamiast wrócić do listy miniatur, wyszedłem całkowicie z tej strony.
Rozglądałem się więc za możliwością dodania zdarzenia w JavaScript, które będzie reagowało na próbę cofnięcia się. Aby to zrobić, dołączamy do dokumentu HTML bibliotekę jQuery, a następnie tworzymy skrypt lub dodajemy do sekcji head:
$(document).ready() { window.history.pushState('', null, './'); $(window).on('popstate', function() { /* Nasz kod, na przykład: */ if($('.my-example').is(':visible')) { $('.my-example').fadeOut(); window.history.pushState('', null, './'); return false; } else return true; /* Koniec kodu, który ukrywa element o klasie my-example */ }); });
Powyższe kilka linijek sprawi, że jeżeli element .my-example jest widoczny na ekranie, to co wciśnięciu ikony „wstecz” w przeglądarce na komputerze lub smartfonie, zamiast wrócić do poprzedniej strony, najpierw ukryjemy .my-example.
Przydatna opcja.
Dzięki za wpis 😀
Mi się bardzo przyda dzięki.
Bardzo ciekawy wpis, napewno będę zaglądał tutaj częściej.
Ja natomiast mam u siebie problem z tagami typu “cracked, skidrow, games, download, new, version, premiere, konsole, pc”
Skidrow Games ostatnio opublikował Outlast 2 – CPY Cracked
Szkoda, że to użytkownicy, a nie producenci sprzętu/oprogramowania podchodzą w ten sposób do tematu UX.
Zapomniałem dodać, czy na mojej stronie jest możliwość jakakolwiek czytania tagów?
Niby tagi dodane poprawnie, nawet w html próbowałem bezpośrednio a i tak nie wykrywa.
tagi “cracked, skidrow, games, download, new, version, premiere, konsole, pc”
strona http://skidrow-cracked.com/ jeżeli była by możliwość przyjrzeć się temu to prosił bym o odpowiedz na e-maila.
Skidrow Cracked Games ostatnio opublikował [Gry] Broforce *2015* [ENG] [SteamRip R.G.Origins] [EXE] Dodane przez: trawka187
Bardzo dobry pomysł 🙂
Dzięki ^^
Skidrow Cracked Games ostatnio opublikował [Gry] Broforce *2015* [ENG] [SteamRip R.G.Origins] [EXE] Dodane przez: trawka187
Naprawdę użyteczny skrypt, będę tu zaglądać częściej!
Vilarek ostatnio opublikował 7 Narzędzi, Które Ułatwią Ci Pracę w Nowym Roku
Panie Filipie, dziękuję za ten wpis – właśnie czegoś takiego szukałem. Pozdrawiam serdecznie!
Paryżanin ostatnio opublikował Weekend w Paryżu
Fajny skrypt, na pewno się przyda, dzięki!
Na pewno się przyda, dzięki!
martian ostatnio opublikował Szczypta natury w codziennym życiu
Dobre i ciekawe rozwiązanie. Zastanawiam się tylko czy nie lepiej ukryć ten element w CSS. Z drugiej strony za dużo js na stronie to też nie zdrowo. Czy umieszczenie kodu w footer również będzie działało?
Adam ostatnio opublikował Pierwsze objawy ciąży – wczesne objawy ciąży
Świetny i bardzo przydatny wpis. Choć natrafiłam na niego dość późno i tak pomógł
Iga ostatnio opublikował No feed items at the moment
Przyda mi się ten skrypt. W końcu nie będę się za każdym razem denerwować 🙂
Szymon ostatnio opublikował SKOK ARKA niewypłacalna. Bankructwo kolejnej kasy ?
Super, dzięki za gotowca 😉
karolek ostatnio opublikował Różne rodzaje kart kredytowych
Po raz kolejny bardzo przydatny wpis. Jestem fanką Twojego bloga! Pozdrawiam 🙂
To właściwie przyzwyczajenia z desktopów. Już dawno udowodniono, że użytkownicy mają zupełnie inne ścieżki 🙂
Grzesiek ostatnio opublikował Skuteczna dieta odchudzająca
dzięki. wreszcie ktoś w przystępny sposób o tym napisał 🙂
Skrypt bardzo mi się przydał. Dobrze że nie musiałem go długo szukać od kiedy przeglądam Twojego bloga 😀
Przydatny skrypt, dzięki!
dleszczynski76 ostatnio opublikował Choroba Alzheimera
Widzę po opiniach innych że nie tylko dla mnie było to uciążliwe. Świetny i przydatny wpis! 🙂
Bardzo ciekawe rozwiązanie. Myślę że bardzo ułatwi to życie gdy ktoś tak jak ja szybko przemieszcza się po telefonie i stronach. Dzięki temu jak przez przypadek nawet kliknę w strzałkę to pozostanę na stronie. Dziękuje za wartościowy wpis.
Ciekawe Co jeszcze Ciekawego nam pokażesz… 🙂
Przemysław Pawclicki ostatnio opublikował Czy brak krzemu powoduje śmierć?
Jestes swietnym blogerem, naprawdę 🙂 Dawno już nie czytalem czegoś tak dobrego 🙂 Nie wiem czy zdajesz sobie sprawę z tego ile waznych oraz wartosciowych tresci przedstawiasz w swoich tekstach 🙂 Swietnie piszesz, mam nadzieje, ze w niedalekiej przyszlosci nie zamierzasz konczyc swojej przygody z blogowaniem, bylaby to naprawdę wielka strata dla polskiego swiatka blogowego.
Kasia ostatnio opublikował Sypialnia idealna
A ja myślałam, że tylko ja nałogowo używam tego przycisku do zawracania (czytaj zamykania :)). Sporo razy miałam ochotę nauczyć mój bogu ducha winny telefon latać 😉
No tak mi się również zdarzyło kilka razy, że nie wiedziałem do czego ten przycisk właściwie służy. Mnie to w sumie wkurzało, że chciałem tylko cofnąć za pomocą tego przycisku, na poprzednią podstronę, a w efekcie całkowicie ją opuszczałem.
W smartfonie i tablecie mam dokładnie ten sam problem z tym przyciskiem co Ty. Pomysł całkiem fajny i kto wie, pewnie się sprawdzi w niejednym rozwiązaniu! Fajnie, że jest ktoś kto o tym pomysłał – bo wielu osobom sie przyda a wiele przyzna pewnie, ze to kolejna funckja mało użyteczna i niepotrzebna;)