div scroll/name/anchor [Archive]

demo

11-12-2003, 03:04 PM

hi,

does any know how to 'jump' inside divs.

for example on a normal page you would write

<a href="#dogs">click for dogs</a>

...
...
...

<a name="dogs">The dog section</a>

but how do you do it in a div, i realise this is kind of a html question but there may be a javascript way to do it?

cheers,

demo

Mr J

11-13-2003, 11:04 AM

Please try the following

<HTML>
<HEAD>
<TITLE>Document Title</TITLE>

<SCRIPT language="javaScript">

</script>
</HEAD>
<BODY >
<a href="#null" onclick="go_anchor('sp1')">To anchor 1</a> 
<a href="#null" onclick="go_anchor('sp2')">To anchor 2</a> 
<a href="#null" onclick="go_anchor('sp3')">To anchor 3</a> 
<a href="#null" onclick="go_anchor('sp4')">To anchor 4</a> 
<div id="div1" style="position:absolute; left:30; top:100; width:330; height:200; clip:rect(0,330,200,0); overflow:auto; padding:5;border:2px solid black">
<a href="#null" onclick="go_anchor('sp1')">To anchor 1</a>
Dummy Text 2
Dummy Text 3
Dummy Text 4
Dummy Text 5
Dummy Text 6
Dummy Text 7

Anchor 1

Dummy Text 9
Dummy Text 10
Dummy Text 11
Dummy Text 12
 

Anchor 2

 

Anchor 3

 

Anchor 4

 
 
The End
</div>

</BODY>
</HTML>