-
1. Data: 2009-03-13 18:54:32
Temat: zapamietanie pozycji okna
Od: Maniek <m...@i...pl>
Witam
Jak zrobic taki efekt
1. przewijamy okno na sam dol
2. klikamy link
3. klikamy wstecz w przegladarce
4. popracamy na stronę poprzednią i przeglądarka przwija automatycznie
okno na sam dol.
Taki efekt jest w paru serwisach m.in na wp.pl
pozdrawiam
Maniek
-
2. Data: 2009-03-13 19:11:26
Temat: Re: zapamietanie pozycji okna
Od: "gardziej" <b...@b...pl>
> 4. popracamy na stronę poprzednią i przeglądarka przwija automatycznie okno na
> sam dol.
a to nie jest domyslne dzialanie przegladarki na kazdej stronie?
-
3. Data: 2009-03-13 21:26:03
Temat: Re: zapamietanie pozycji okna
Od: porneL <n...@p...net>
On Fri, 13 Mar 2009 18:54:32 -0000, Maniek <m...@i...pl> wrote:
> Jak zrobic taki efekt
> 1. przewijamy okno na sam dol
> 2. klikamy link
> 3. klikamy wstecz w przegladarce
> 4. popracamy na stronę poprzednią i przeglądarka przwija automatycznie
> okno na sam dol.
Użyć jakiejkolwiek przyzwoitej przeglądarki.
W przypadku kiepskich przeglądarek może pomóc niepsucie cache (np. php + sesje to
kompletna tragedia, jeśli nie ustawisz session_cache_limiter=public).
--
http://pornel.net
this.author = new Geek("porneL");
-
4. Data: 2009-03-14 08:13:32
Temat: Re: zapamietanie pozycji okna
Od: Maniek <m...@i...pl>
gardziej pisze:
>> 4. popracamy na stronę poprzednią i przeglądarka przwija automatycznie
>> okno na sam dol.
>
> a to nie jest domyslne dzialanie przegladarki na kazdej stronie?
Chyba nie
Działanie sprawdzam pod FF 3.0.7, IE 6
www.wp.pl - dziala (IE6) dziala (FF3)
www.kei.pl - nie dziala (FF3) dziala (IE6)
nie sprawzałem pod IE7
-
5. Data: 2009-03-16 14:05:00
Temat: Re: zapamietanie pozycji okna
Od: w...@g...com
On 14 Mar, 09:13, Maniek <m...@i...pl> wrote:
> gardziej pisze:
>
> >> 4. popracamy na stronę poprzednią i przeglądarka przwija automatycznie
> >> okno na sam dol.
>
> > a to nie jest domyslne dzialanie przegladarki na kazdej stronie?
>
> Chyba nie
>
> Działanie sprawdzam pod FF 3.0.7, IE 6
>
> www.wp.pl- dziala (IE6) dziala (FF3)www.kei.pl- nie dziala (FF3) dziala (IE6)
>
> nie sprawzałem pod IE7
cały efekt opiera się na zakotwiczeniach albo javascripcie - zależy co
chcesz uzyskać.
1) zakotwiczenia:
klikasz ->przechodzi na wysokość -> klikasz dalej ->klikasz wstecz i
wraca.
<a href="#kotwica1">przejdź do kotwica 1</a>
dużo tekstu
<h2 id="kotwica1">jakiś tutył - do którego przeciągasz usera</h2>
zamiast h2 możę być dowolny znacznik HTML.
2) JavaScript
czytasz tekst i system automatycznie / półautomatycznie zapisuje
pozycję skrola.
całość jest robiona w 2 etapach:
a) zapamiętanie pozycji
b) przewinięcie dokumentu.
add a) Zapamiętanie można robić na kilka sposobów. 2 pierwsze sa pewne
na 100%
- klikasz na link, który uruchamia zapasywanie pozycji
- przy pomocy np javascript:setInterval() uruchamiasz zapisywanie
pozycji
- (pewnie nie działa) może jest takie zdarzenie jak onscroll
- w ie jest onunload
jak odczytać pozycję - to poszukaj samodzielnie
pozycję zapisujesz w ciasteczku - ważne, żeby tam też znalazło się
info o aktualnym adresie - żeby przewijac tylko stronę na której się
było
add b) też się da zrobić na 2 sposoby:
- link "przejdź do miejsca ostatniego czytania", gdzie uruchamiasz
javascript
- AUTOMATYCZNIE na domready (window.onload) uruchamiasz javascripta
a w javascript - sprzwdzasz, czy masz zapisaną pozycję w ciasteczku i
jeżeli tak, to jest chyba funkcja: scrollTo() albo window.scroll()
poniższy kot to tylko wyjście do samodzielnej pracy :D
pozdro, W.B.
-
6. Data: 2009-03-20 11:20:54
Temat: Re: zapamietanie pozycji okna
Od: Maniek <m...@i...pl>
porneL pisze:
> On Fri, 13 Mar 2009 18:54:32 -0000, Maniek <m...@i...pl> wrote:
>
>> Jak zrobic taki efekt
>> 1. przewijamy okno na sam dol
>> 2. klikamy link
>> 3. klikamy wstecz w przegladarce
>> 4. popracamy na stronę poprzednią i przeglądarka przwija automatycznie
>> okno na sam dol.
>
> Użyć jakiejkolwiek przyzwoitej przeglądarki.
> W przypadku kiepskich przeglądarek może pomóc niepsucie cache (np. php +
> sesje to kompletna tragedia, jeśli nie ustawisz
> session_cache_limiter=public).
>
dzieki :)
pomogło