Is there a way to remember a users last position in the document?

[Konrad Viltersten]

Suppose you got a really long page and you'd like to enable
the user (supposedly, there's only one but if it's not to
difficult we could extend that to any number) not to have
to scroll to the last position in the document he/she was
viewing but simply auto-jump him/her to it. Is that doable
at all using JS?

I guess it would be somewhere in the vicinity of:
- remember every scroll
- save the line number to the users HDD
- at next visit jump to the saved line

I have seen pages that "remember" me by cookies so i
guess that's a good start for the solution but the rest of
the issue i'd love to get some help with.

I've worked with Java and C++ for a few years so the
prorgamming issues are not a problem. However, i'm
still rather new to JS.

--

Vänligen
Konrad
---------------------------------------------------

Sleep - thing used by ineffective people
as a substitute for coffee

Ambition - a poor excuse for not having
enough sense to be lazy

---------------------------------------------------

[askMe]

You could use anchors.

http://www.askblax.com

[Fred Oz]

Konrad Viltersten wrote:

Suppose you got a really long page and you'd like to enable
the user (supposedly, there's only one but if it's not to
difficult we could extend that to any number) not to have
to scroll to the last position in the document he/she was
viewing but simply auto-jump him/her to it. Is that doable
at all using JS?

I guess it would be somewhere in the vicinity of:
- remember every scroll
- save the line number to the users HDD
- at next visit jump to the saved line

I have seen pages that "remember" me by cookies so i
guess that's a good start for the solution but the rest of
the issue i'd love to get some help with.

I've worked with Java and C++ for a few years so the
prorgamming issues are not a problem. However, i'm
still rather new to JS.

You could store the value of scrollTop and pageYOffset and a page
identifier (say filename) in a cookie onunload and, when the user
requests on their next visit, scroll the page to that location.

Have a poke around quirksmode in the viewport - browser compatibility
page.

<URL:http://www.quirksmode. org/> (frames)

<URL:http://www.quirksmode. org/viewport/compatibility.h tml> (direct)
--
Fred

[Konrad Viltersten]

askMe wrote:

You could use anchors.

Do you mean
a) dynamically set anchors that are changed at every scroll
or
b) anchors as in <a href="bip.html" >bip</a>
?

If a - i'd like to know more. I don't seem to find any good
info on that topic. If b - no really a solution for my part
depending on various reasons.

Thanks for trying, anyway.
--

Vänligen
Konrad
---------------------------------------------------

Sleep - thing used by ineffective people
as a substitute for coffee

Ambition - a poor excuse for not having
enough sense to be lazy

---------------------------------------------------

[Konrad Viltersten]

> Have a poke around quirksmode in the viewport - browser

compatibility page.

<URL:http://www.quirksmode. org/> (frames)

<URL:http://www.quirksmode. org/viewport/compatibility.h tml>
(direct)

Hmmm... The way i see it there's virtually no standard being
followed by the different browsers (that, or there is one
that most browsers have choosen not to follow very strictly
for one reason or another). Sad...

Thanks, by the way.

--

Vänligen
Konrad
---------------------------------------------------

Sleep - thing used by ineffective people
as a substitute for coffee

Ambition - a poor excuse for not having
enough sense to be lazy

---------------------------------------------------

[RobB]

Konrad Viltersten wrote:

askMe wrote:

You could use anchors.

Do you mean
a) dynamically set anchors that are changed at every scroll
or
b) anchors as in <a href="bip.html" >bip</a>
?

(snip)

He has no idea what he means. Notice his accompanying code sample.

Fred's solution was correct. Here's a somewhat dated example:

http://webreference.com/js/tips/991203.html

Use ppk's properties (with object detection) for almost total browser
coverage and proper degradation.

[RobB]

RobB wrote:

(snip)

Fred's solution was correct. Here's a somewhat dated example:

http://webreference.com/js/tips/991203.html

Use ppk's properties (with object detection) for almost total browser
coverage and proper degradation.

OK, try this [untested].

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<script type="text/javascript">

function setCookie(name, value, expires, path, domain, secure) {
var curCookie = name + "=" + escape(value) +
((expires) ? "; expires=" + expires.toGMTSt ring() : "") +
((path) ? "; path=" + path : "") +
((domain) ? "; domain=" + domain : "") +
((secure) ? "; secure" : "");
document.cookie = curCookie;
}

function getCookie(name) {
var dc = document.cookie ;
var prefix = name + "=";
var begin = dc.indexOf("; " + prefix);
if (begin == -1) {
begin = dc.indexOf(pref ix);
if (begin != 0) return null;
} else {
begin += 2;
}
var end = document.cookie .indexOf(";", begin);
if (end == -1) end = dc.length;
return unescape(dc.sub string(begin + prefix.length, end));
}

window.onload = function()
{
var y_scroll = getCookie('y_sc roll');
if (y_scroll)
scrollTo(0, parseInt(y_scro ll, 10));
}

window.onunload = function()
{
var y_scroll =
window.pageYOff set ?
pageYOffset :
document.docume ntElement
&& 'undefined' != typeof document.docume ntElement.scrol lTop ?
document.docume ntElement.scrol lTop :
document.body ?
document.body.s crollTop :
null;
var now = new Date();
now.setTime(now .getTime() + 365 * 24 * 60 * 60 * 1000);
setCookie('y_sc roll', y_scroll || '', now);
}

</script>
</head>
<body>
<pre>
<script type="text/javascript">
var z = 0;
while (z++ < 100)
document.writel n(z);
</script>
</pre>
</body>
</html>

[Richard Cornford]

RobB wrote:

Konrad Viltersten wrote:

askMe wrote:

You could use anchors. Do you mean

<snip> (snip)

He has no idea what he means. Notice his accompanying
code sample.
There is no need to go as far as looking at code, the positing style
alone is sufficient to indicate a worthless response.
Fred's solution was correct.
The problem with Fred's suggestion is that the degree to which a page
has previously been scrolled by a user will depend in part of the layout
and flow of the document. So re-visiting the site with a browser window
of different dimensions will tend to invalidate the scroll offsets from
previous visits. And if the user has changed their default (or current)
font size between visits then previous scroll offsets will also no
longer be valid.

It may be that the real solution to this problem is the provision of
internal navigation on a page, so that the use can quickly get back to
where they remember being.

<snip> Use ppk's properties (with object detection) for almost
total browser coverage and proper degradation.

LOL

Richard.

[Konrad Viltersten]

> OK, try this [untested].

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

<snip>

Well, it didn't work so now i hate you!

Just kidding. It really doesn't work but i hardly hate people
at all, especially when they try to help my sorry donkey.
I put a simple altert('somethi ng') in the two functions handling
loading and unloading and what i discovered was that
a) window.onload = function() {alert('bip');}
gives me an altert (after all the images has been loaded)
but
b) window.onunload = function() {alert('bap');}
produces nothing as i close the window.

So, basically, i have two follow-up questions.
1. How do i make the computer scream as i close the window?
2. How do i make the computer screem BEFORE all the images
on the site are loaded?

The thing is that i follow a cartoon that is issued once a day
and since it's tiresome to switch the days i simply set up a
HTML-doc that handles all the days at once. The thing is that
i'm too lazy to scroll (or use anchor) so i'd like the browser
to remember where i was and jump to that position for me.

Thanks in advance.

By the way, i'm going on a trip to Poland and Czech tomorrow
so if i don't reply until next saturday it's not because i'm not
gratefull. It's because i'm enjoying my girlfriend on vacation.

--

Vänligen
Konrad
---------------------------------------------------

Sleep - thing used by ineffective people
as a substitute for coffee

Ambition - a poor excuse for not having
enough sense to be lazy

---------------------------------------------------

[RobB]

Richard Cornford wrote:

RobB wrote:

Konrad Viltersten wrote:

askMe wrote:
You could use anchors.
Do you mean

<snip>

(snip)

He has no idea what he means. Notice his accompanying
code sample.

There is no need to go as far as looking at code, the positing style
alone is sufficient to indicate a worthless response.

Fred's solution was correct.

The problem with Fred's suggestion is that the degree to which a page
has previously been scrolled by a user will depend in part of the

layout and flow of the document. So re-visiting the site with a browser window of different dimensions will tend to invalidate the scroll offsets from previous visits. And if the user has changed their default (or current) font size between visits then previous scroll offsets will also no
longer be valid.

It may be that the real solution to this problem is the provision of
internal navigation on a page, so that the use can quickly get back to where they remember being.

<snip>

Use ppk's properties (with object detection) for almost
total browser coverage and proper degradation.

The OP originally noted:

<quote>
Suppose you got a really long page and you'd like to enable
the user (supposedly, there's only one but if it's not to
difficult we could extend that to any number)...
</quote>

I took that to mean a certain degree of assurance of who those users
might be - and under what conditions this 'solution' might be applied.
In a general sense, you're quite right, HTML is not dtp and any fix
which relies on window configuration is not reliable.
LOL

Richard.

I amuse you? I make you laugh? I'm here to ****in' amuse you?
How am I funny, like a clown? What is so funny about me? What the ****
is so funny about me? Tell me. Tell me what's funny. What percentage of
browsers won't this work with (and degrade acceptably)? (rotfl)