Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    Regular Coder
    Join Date
    Jul 2002
    Posts
    197
    Thanks
    0
    Thanked 0 Times in 0 Posts

    How to link anchors to scrolling text?

    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

  • #2
    Senior Coder
    Join Date
    Aug 2002
    Location
    UK
    Posts
    2,789
    Thanks
    2
    Thanked 14 Times in 14 Posts
    In your links

    <a href="#to2"

    <a href="#to3"


    instead of


    <a href="to2"

    <a href="to3"

  • #3
    Regular Coder
    Join Date
    Jul 2002
    Posts
    197
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Thank You!!

    Kippie


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •