js code execution causes scrolling back to top?

peppeprof · May 15, 2004

Hi-

I need to use self.scrollTo(x,y) as the last action in a js function called
by a onClick event. It seems that the scrolling actually takes place, but
the document is then scrolling back to top when js code execution has ended.

In the following example I get this effect in IE6 with the third and fourth
calls, while the first two work fine.

-------------------------------------------------------------
<HTML><HEAD><TITLE>scrollTo</TITLE>
<script language="JavaScript" type="text/JavaScript">

</script>
</HEAD>
<BODY>
<FORM name=myForm><INPUT onclick=self.scrollTo(0,300) type=button
value=scroll_(works_fine)> </FORM>
scroll with event in paragraph
(works_fine)
<a href="#" onClick="self.scrollTo(0,300)">scroll on event onclick in
anchor (doesn't work)</a>
<a href="#" onClick="scrollit(300)">scroll on event onclick in anchor,
calling a js function (doesn't work)</a>
1234567891
0
1112131415161718
</BODY></HTML>
----------------------------------------------------------------------------

Randy Webb · May 15, 2004

peppeprof said:
Hi-

<a href="#" onClick="self.scrollTo(0,300)">scroll on event onclick in
anchor (doesn't work)</a>

Yes it does, it just then immediately follows the href (#) which
navigates to the top of the page.

<a href="#" onclick="self.scrollTo(0,300);return false">Now it will
work, but why are you using js to do what a link can do?</a>

Ivo · May 15, 2004

"Randy Webb" asked

<a href="#" onclick="self.scrollTo(0,300);return false">Now it will
work, but why are you using js to do what a link can do?</a>

The way of the # would add to the window's history list. scrollTo has no
such effect.

Also, some find it better to use a totally empty href instead of the hash
for these onclick links. I don't remember the reason, but neither do I know
why the hash is there. Another, afaik equally workable idea is

<a href="javascript:void(' Descriptive statusbar message ')" onclick="...">

Buttons can be styled to look like links, and vice versa. Which are
generally to be preferred and why? Am I right in thinking links are easier
to render for a browser (both visually and in the DOM), that buttons take up
more resources?
Ivo

Lee · May 15, 2004

Ivo said:

"Randy Webb" asked

The way of the # would add to the window's history list. scrollTo has no
such effect.

Also, some find it better to use a totally empty href instead of the hash
for these onclick links. I don't remember the reason, but neither do I know
why the hash is there.

Some older browsers required that the value be a valid URL.
"#" is a valid URL. "" is not (or at least wasn't recognized as one)

Another, afaik equally workable idea is

<a href="javascript:void(' Descriptive statusbar message ')" onclick="...">

This method causes unpredictable results if Javascript is
not enabled.

peppeprof · May 15, 2004

Yes it does, it just then immediately follows the href (#) which
navigates to the top of the page.

<a href="#" onclick="self.scrollTo(0,300);return false">Now it will
work, but why are you using js to do what a link can do?</a>
Randy

Thanks a lot! I've been really stupid...

but why are you using js to do what a link can do?</a>
Randy

'cause I have a vertical Iframe with many img links, scroll enabled; on
click event I want to address a html document in another Iframe, turn
visible some layers and hidden some others and, finally, make the menu
scroll to have the selected img in vertical middle. If this was to be on the
internet I would have probably used php, but this is gonna be a cd.

Thank you again

peppeprof

Help with code	0	Jun 12, 2022
This code is not working	8	Dec 9, 2020
Song requests	4	Aug 16, 2023
Using JS to verify registration info?	1	Mar 19, 2020
How do I output this recursive function correctly to a web browser?	2	Dec 17, 2022
Can't execute php to delete multiple rows in database	3	May 14, 2023
What "might" I be doing wrong with this snippet?	6	Sep 25, 2023
Add recipes using JavaScript in table	20	Apr 17, 2023

js code execution causes scrolling back to top?

peppeprof

Randy Webb

Ivo

Lee

peppeprof

Ask a Question

Similar Threads

Members online

Forum statistics

Latest Threads