How to link anchors to scrolling text?

kippie · Mar 1, 2003

In the HTML below I want to link the anchors "to2" in button "Enneagram als management-model" and anchor "to3" in button "Leiderschap ..." to different places in the scrolling text in window "layer3". So that by pressing the second button the text scrolls automatically to "Enneagram als management-model" (where I placed anchor "to2') and by pressing the third button the text scroll automatically to "Leiderschap .." in the text where I placed anchor "to3". But apparently I do something completely wrong because it does not work. Can someone help?

This is the HTML:

<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
<meta name="generator" content="Adobe GoLive 4">
<style type="text/css"><!--
#layer3 { background-color: #fff; position: absolute; z-index: 21; top: 7px; left: 331px; width: 414px; height: 301px; overflow: auto; visibility: visible; layer-background-color: #FFFFFF; }
#nestlayer2 { position: absolute; z-index: 11; top: 30px; left: 10px; width: 180px; height: 53px; visibility: visible }
</style>
</head>
<body>
<div id="nestlayer2">
<a href="to1" onmouseover="inspim.src='

http://www.inspirationtraining.nl/knoppen/inspiratiemoptoranje.gif';

return true" onmouseout="inspim.src='

http://inspirationtraining.nl/knoppen/inspiratiemoptblauw.gif';

return true"><img src="

http://www.inspirationtraining.nl/knoppen/inspiratiemoptblauw.gif"

width="110" height="15" border="0" name="inspim"></a> 
<a href="to2" onmouseover="enneam.src='

http://www.inspirationtraining.nl/knoppen/enneagramoptoranje.gif';

return true" onmouseout="enneam.src='

http://inspirationtraining.nl/knoppen/enneagramoptblauw.gif';

return true"><img src="

http://www.inspirationtraining.nl/knoppen/enneagramoptblauw.gif"

width="157" height="15" border="0" name="enneam"></a> 
<a href="to3" onmouseover="leiders.src='

http://www.inspirationtraining.nl/knoppen/leiderschapoptoranje.gif';

return true" onmouseout="leiders.src='

http://inspirationtraining.nl/knoppen/leiderschapoptblauw.gif';

return true"><img src="

http://www.inspirationtraining.nl/knoppen/enneagramoptblauw.gif"

width="157" height="15" border="0" name="leiders"></a></div>

<div id="Layer3" class="tekst">
<a name="to1"></a>Inspiratie-management 
De huidige tijd
 
Trainingstrajecten op aanvraag 
 
Training Kennismaking met Inspiratie-management 
Doelgroep: leidinggevenden 
Datum: 25 april van 10.00 – 17.00 uur 
Kosten: Euro 350.- 
 
<a name="to2"></a>Enneagram als management-model 
Het Enneagram is etc. etc. 
 
Training Kennismaking met het Enneagram 
Doelgroep: leidinggevenden 
Datum: 25 april van 10.00 – 17.00 uur 
Kosten: Euro 350.-
<a name="to3"></a>Leiderschap en geestelijke flexibiliteit 
Leiderschap is etc. etc. 

Leiderschap 
 
</body>
</html>

Kippie

HellTel · Mar 3, 2003

Hi Kippie
Instead of having your links like this:
<a href="to1" onmouseover=.....
you need an internal page link like this:
<a href="[red]#[/red]to1" onmouseover=.... Hope I helped / Thanks for helping
if ((Math.abs(x)<10&&Math.abs<10) && (((parseInt(Math.abs(x).toString()+Math.abs.toString())-Math.abs(x)-Math.abs)%9)!=0)) {alert("I'm a monkey's uncle"}

Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

How to link anchors to scrolling text?

kippie

Technical User

HellTel

Programmer

Similar threads

Part and Inventory Search

Sponsor