...

View Full Version : How to link anchors to scrolling text?



kippie
03-01-2003, 12:46 PM
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><br>
<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><br>
<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><b>Inspiratie-management</b><br>
De huidige tijd
<br><br><br><br><br><br><br><br><br><br><br><br>
<b>Trainingstrajecten op aanvraag</b><br>
<br>
<b>Training Kennismaking met Inspiratie-management</b><br>
Doelgroep: leidinggevenden<br>
Datum: 25 april van 10.00 17.00 uur<br>
Kosten: Euro 350.-<br>
<br>
<a name="to2"></a><b>Enneagram als management-model<br>
Het Enneagram is etc. etc.<br>
<br>
<b>Training Kennismaking met het Enneagram</b><br>
Doelgroep: leidinggevenden<br>
Datum: 25 april van 10.00 17.00 uur<br>
Kosten: Euro 350.-
<p><a name="to3"></a>Leiderschap en geestelijke flexibiliteit</span><br>
Leiderschap is etc. etc.<br>
</p>
<p><b>Leiderschap</b><br>
<br><br><br><br><br><br><br><br><br>
</body>
</html>

Kippie

Mr J
03-01-2003, 03:13 PM
In your links

<a href="#to2"

<a href="#to3"


instead of


<a href="to2"

<a href="to3"

kippie
03-01-2003, 04:06 PM
Thank You!!

Kippie



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum