kostenloser Webspace werbefrei: lima-city


Automatisches Scrolling nach Klick

lima-cityForumDie eigene HomepageHTML, CSS & Javascript

  1. Autor dieses Themas

    n************1

    Hallo,

    ich weiß nicht ob ich hier richtig bin, sonst einfach verschieben.
    Also ich habe auf einer Seite zwei Auswahlmenüs mit verschiedenen Links.
    Nun möchte ich das erste Auswahlmenü anzeigen. Wenn man auf ein Link klickt wird automatisch gescrollt und das zweite Menü kommt hoch.
    Hat jemand so ein Script gesehen oder funktioniert so etwas überhaupt ?

    Danke im Voraus
    Nils
  2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

  3. Das Forum ist nicht ganz richtig, so eine Frage wäre in HTML, CSS & Javascript besser aufgehoben.

    Zu deiner eig. Frage:
    Du benötigst kein Script, es gibt dafür bereits eine Lösungsmöglichkeit mittels HTML:
    1) Du legst einen Anker an - ähnlich wie ein Link, nur statt dem Start der Verknüpfung ist der das Ziel:
    <a name="menu2">Hier folgt das 2. Men&uuml;</a>
    wenn du XHTML-konform arbeitest, musst du das Ziel auch mittels ID angeben:
    <a name="menu2" id="menu2">Hier folgt das 2. Men&uuml;</a>

    2) Nun folgt der Link, der zu obigem Anker scrollt:
    <a href="#menu2">Hier geht es zum 2. Men&uuml;</a>
    Der Ankername wird mittels '#' vom Rest des URL getrennt, man kann also zB auch absolute Links verwenden:
    <a href="http://deine-seite.de/datei.html#menu2">Hier geht es zum 2. Men&uuml;</a>
    damit rufst du die Seite auf und scrollst gleich zum passenden Anker.
  4. Autor dieses Themas

    n************1

    ich versteh iwie nicht wie die Seite dann automatisch runterscrollt ??
  5. Vielleicht ist es mit einem Beispiel klarer:
    Wenn du dir einen Wikipediaartikel ansiehst, kannst du im Inahltsverzeichnis auf einen Link klicken, und landest dann automatisch beim betreffenden Absatz. Das wurde auf die selbe Art und Weise realisiert, wie ich es vorhin aufgezeigt habe. Somit ist es auch möglich, direkt auf einen Absatz zu verlinken.
  6. Autor dieses Themas

    n************1

    Ah jetzt wird mir einiges klar :wink:
    Okay Danke für die Hilfe :thumb:
  7. ich hätte da was ganz einfaches für dich:

    kopiers einfach, es funktioniert alles hervorragend::
    <html>
    <BODY TEXT="#FFFFFF" LINK="#FFFFFF" VLINK="#999999" ALINK="#00FF00" BGCOLOR="#000000">
    <Center>
    <script Language="JavaScript">
    <!--
    function scrollit()
     {for (I=1; I<=600; I++) window.scroll(1,I);}
    //-->
    </script>
    <title>JavaScript Beispiel - Scrollen auf Buttonklick</title>
    </head>
    <p align="center"><br>
    <big><big><big>JavaScript Beispiel  - Scrollen per Mausklick</big></big></big></p>
    <form>
      <div align="center"><center><p><input type="button" value="Klicke hier um zu  Scrollen"
      onClick="scrollit()"> </p>
      </center></div>
    </form>
    <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
    <p align="center"><big><strong>Is doch ganz nett oder?</strong></big></p>
    </center>
    </body>
    </html>


    ein bisschen abändern dann ist alles fertig
  8. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?

Über lima-city

Login zum Webhosting ohne Werbung!