Forum PHP.pl

Wie ktoś jak to jest zrobione np. na fecebook`u to, że skrypt potrafi wykryć kiedy użytkownik przechodzi do strony wstecz?
Mam dynamiczną stronę, na której treść jest ładowana przez js i kiedy przechodze do jakiejś podstrony to zmieniam adres na adresstrony.pl/#podstrona.
Chciałbym wykryć kiedy użytkownik przechodzi wstecz/dalej używając nawigacji przeglądarki i zaserwować mu odpowiednią treść.
Na facebooku jest to wogóle w niezrozumiały dla mnie sposób rozwiązane, ponieważ zmienia się adres w przeglądarce przed znakiem '#', a mimo to strona nie jest wcale odświeżana.
Oszczędzi mi ktoś zabawy w reverse engineering i poda link do jakiegoś wytłumaczenia?
Z góry dzięki.

Wykrycie zmiany adresu naturalnie mógłbym zrealizować przy pomocy setInterval, ale z oczywistych względów tego rozwiązania chciałbym uniknąć.

http://benalman.com/projects/jquery-hashchange-plugin/ - to jest w jQuery, nie każ mi analizować kodu (IMG:style_emoticons/default/smile.gif)

--edit--
Tak na szybko patrząc tam też jest setInterval. Ta metoda w gruncie rzeczy nie jest zła. Takie obciążenie dla przeglądarki to żadne obciążenie.

Ten post edytował kamil4u 25.08.2011, 21:32:50

Nie każę Ci niczego analizować, ale dzięki za pomoc.
JQuery nie używam w aktualnym projekcie, a już skrobnąłem coś takiego na szybko przy pomocy EventListener`a.



Tylko tak jak już pisałem wcale mi się to rozwiązanie nie podoba, dlatego to rozwiązanie potraktuję jako tymczasowe. Na facebooku to jakoś zrobili, więc jeśli nikt nic nie podpowie to będę musiał przeanalizować ich kod.

Inny pomysł to HTML5 i API history - ale to nowość i osobiście się tym nie bawiłem, więc pewny nie jestem.

setInterval jest chyba najlepszym wyjściem. Dla obecnych komputerów takie odświeżanie to pestka, użytkownik w ogóle nie zauważy, że coś takiego się odbywa. Nie przypominam sobie innych sposobów, ani w google nic ciekawego nie ma. Widzisz jakieś inne wady?

Jak znajdziesz coś sam to nie zapomnij się tu z nami podzielić jakimś innym, wydajniejszym sposobem.

--edit--
Więc może jednak można lepiej. Jak coś takiego napiszesz to tym bardziej byłoby miło, gdybyś się z nami podzielił swoimi spostrzeżeniami,

Ten post edytował kamil4u 25.08.2011, 22:02:59

Właśnie o to chodziło co napisał @melkorm.
Tu jest wszystko wyjaśnione:
https://developer.mozilla.org/en/DOM/Manipu...browser_history
Facebook właśnie też tą "magię" stosuje, że zmiania się adres w pasku a strona pozostaje nieodświerzona. I też sobie przypomniałem, że widziałem to już na githubie.

@kamil4u co do tego rozwiązania, które wyżej zamieściłem, oczywiście ono działa, ale:
- jest nieeleganckie
- tak jak już zauważyłeś niepotrzebnie obciąża przeglądarkę (jedna strona niewiele, ale wiele otwartych już bardziej). Ogólnie moim zdaniem strona, która nie jest aktualnie używana tylko jest sobie w zakładce w tle nie powinna zmuszać procesora do jakiejś pracy (patrz punkt pierwszy). Małe obciążenie - co powiesz o urządzeniach mobilnych?
- po trzecie istnieje ryzyko niewykrycia takiego zdarzenia

Jeśli napiszę coś przydatnego, to oczywiście podzielę się.

Niemniej bez setInterval i tak się nie obejdzie (IMG:style_emoticons/default/smile.gif)
Wszystko co nie ma HTML5 będzie musiało tak działać. W sumie możliwości HTML5 znam jak przez mgłę, dlatego pewien nie byłem.


Dałoby się wyłączyć sprawdzanie czasowe dla zakładek w tle.


I tak będą obsługiwane przez setInterval - w większości, a te co mają obsługę HTML5 i tak mają potężne procesory.


Niezwykle małe, ale fakt istnieje.


Chętnie przeanalizuję i dowiem się czegoś nowego. Były już takie tematy jak Twoje, ale większość(wszystkie?) stanęła na setInteval (IMG:style_emoticons/default/smile.gif)

Niemniej zachęcam i tak do korzystania z obsługi historii w html5. Zawsze to krok na przód.
Powodzenia!

Masz rację co do tego, że rozwiązanie z setInterval ma pewną przewagę w stosunku do History API. To drugie nie działa w IE (nawet IE 9). Tam trzeba stosować tradycyjny sposób, albo # + setInterval.