Automatisches Scrolling nach Klick
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
absatz
absolute links verwenden
angeben
ankern
anzeigen
art
beispiel
betreffenden absatz
code
dank
forum
frage
http
jemand
klicken
obigem anker
passenden anker
url
verschieben
ziel
-
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 -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
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:
wenn du XHTML-konform arbeitest, musst du das Ziel auch mittels ID angeben:<a name="menu2">Hier folgt das 2. Menü</a>
<a name="menu2" id="menu2">Hier folgt das 2. Menü</a>
2) Nun folgt der Link, der zu obigem Anker scrollt:
Der Ankername wird mittels '#' vom Rest des URL getrennt, man kann also zB auch absolute Links verwenden:<a href="#menu2">Hier geht es zum 2. Menü</a>
damit rufst du die Seite auf und scrollst gleich zum passenden Anker.<a href="http://deine-seite.de/datei.html#menu2">Hier geht es zum 2. Menü</a> -
ich versteh iwie nicht wie die Seite dann automatisch runterscrollt ??
-
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. -
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
-
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
