Zapamiętanie pozycji scrolla w divach

HTML to podstawy w dziedzinie tworzenia stron WWW, Style CSS warto opanować, bowiem za ich pomocą można dostosować odpowiednio wygląd swojej witryny WWW. Zagłębiamy się dalej i udostępniamy w tym forum możliwość zadawania pytań o JavaScript.
ODPOWIEDZ
darkon
Posty: 2
Rejestracja: czw sty 06, 2005 11:17 am
Lokalizacja: Wrocław
Kontakt:

Zapamiętanie pozycji scrolla w divach

Post autor: darkon »

Witam
Mam nastepujacy problem .. przetrzepalem juz wszystkie mozliwe zrodla .. i nic :(
potrzebuje aby po kliknieciu na link ktory odwoluje sie do tej samej strony (zamieszczony w div'ie) zostala zapamietana pozycja scrolla.
A nie tak jak jest zwykle po odwolaniu sie do tej samej strony scroll przesuwa sie na sama gore.

<div style="width:500px; height:200px; overflow:auto; ">
<a href="test.html">test</a>
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<a href="test.html">test</a>
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<a href="test.html">test</a>
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<a href="test.html">test</a>
</div>

Pozdrawiam
Darkon
mw
Nowy
Nowy
Posty: 29
Rejestracja: ndz kwie 25, 2004 7:50 pm
Lokalizacja: Szczecin

Re: Zapamiętanie pozycji scrolla w divach

Post autor: mw »

może coś takiego - wersja z kotwicami:

Kod: Zaznacz cały

<div style="width:500px; height:200px; overflow:auto; "> 

<p style="margin-top:300px"> </p>
<a href="test.html#kotwica1" name="kotwica1" id="kotwica1">link1</a>

<p style="margin-top:300px"> </p>
<a href="test.html#kotwica2" name="kotwica2" id="kotwica2">link2</a>

<p style="margin-top:300px"> </p>
<a href="test.html#kotwica3" name="kotwica3" id="kotwica3">link3</a>

<p style="margin-top:300px"> </p>
</div>
http://www.webinside.pl/html/faq - "Czy istnieje możliwość odczytania pozycji strony w przeglądarce?"

pzdr.
darkon
Posty: 2
Rejestracja: czw sty 06, 2005 11:17 am
Lokalizacja: Wrocław
Kontakt:

Re: Zapamiętanie pozycji scrolla w divach

Post autor: darkon »

Niestety przy kotwicach nie nastepuje przeladowanie strony .. a wlasnie na tym mi zalezy :(

Ale i tak dziekuje za pomoc :)
Pozdrawiam
Darkon
mw
Nowy
Nowy
Posty: 29
Rejestracja: ndz kwie 25, 2004 7:50 pm
Lokalizacja: Szczecin

Re: Zapamiętanie pozycji scrolla w divach

Post autor: mw »

Jeśli chodzi o przeładowanie strony to wykorzystując kotwice można zrobić to za pomocą przekierowania - używając np. php :

w moim przykładzie z poprzedniego postu zamiast test.html#kotwicax wstaw przekieruj.php?go=x, gdzie x jest numerem kotwicy

plik przekieruj.php:
[php]<?php
$go = $_GET['go'];
header("Location: http://www.twojastrona.com/test.html#kotwica$go"); /* Przekieruj przeglądarkę */
exit;
?>[/php]

Można to też zrobć nie używając php (z wykorzystaniem przekierowania i kotwic) tylko trochę "na około" za pomocą tylu plików, ile jest kotwic np. przekierujx.html o treści:

Kod: Zaznacz cały

<head>
<meta http-equiv="Refresh" content="0; url=http://www.twojastrona.com/test.html#kotwicax">
</head>
a w przykładzie z poprzedniego mojego postu zamiast test.html#kotwicax wstaw: przekierujx.html. Oczywiście wszędzie za x wstaw numer odpowiedniej kotwicy.
pzdr.
ODPOWIEDZ