Erste Schritte Hochgescrolltes Menu nach MouseOut wieder "runter holen"

[Skogtroll]

Moin!

Ich habe schon in anderen Foren nach einer Lösung meines/r Problems/e angefragt > leider habe ich keine adäquaten Antworten erhalten. Das ist kein Cross-Posting, da ich eine angemessene Zeit abgewartet habe und nun erst hier um Eure Hilfe bitte.

Ich bin dabei, eine kleine informative Intranet-Page zu erstellen. Sie ist nicht kommerziell, nicht öffentlich und nur einem kleinen Benutzer/Rechner-Kreis zugänglich.

Dazu habe ich mir ein vertikales CSS-Menu erstellt, welches ich aufgrund der Masse der hinterlegten Daten nicht fixieren kann. Es muss über das Mausrad scrollbar bleiben.***


Dazu habe ich folgendes vorbereitet: Wie bekomme ich das Menu nach dem Scrollen automatisch runter?

Der kpl. Ordner zum "reinkucken": http://www.foto-finish.de/Test-CSS/CSS-Test.zip


Das Problem: Das Menü ist nach umfangreichem nach oben scrollen weg! Demonstriert über "Hauptlink3", wenn Ihr Euch mein Beispiel ankuckt.

Und an dieser Stelle brauche ich eine Funktion, die das Menü wieder nach unten holt.

Ich habe dank Googel so einiges zum Thema Javascript mit einer "mouseout"-Funktion gefunden... ...aber mir fehlt eindeutig das Basiswissen zum Thema Java!

Mein Gedanke ist ganz einfach: Wenn die Maus das Menü verläßt, dann scrolle meine Seite wieder runter oder - was ja auch möglich wäre - löse den "#top"-Link aus.

Natürlich soll dass Ganze auch funktionieren, wenn auf einem Menu-Link geklickt wird. Nur ich glaube, eine "onclick"-Funktion brauch man nicht, da der Mauszeiger ja sowieso nach einem Klick das Menu verläßt. Und dann sollte doch die "mouseout"-Funktion greifen. Oder?!

Ich bitte Euch um Hilfe! Danke!


*** Wenn die Seite automatisch nach oben und unten nur durch die Mausbewegung scrollt, dann wäre dass der absolute Hammer! Habt Ihr da noch Ideen?
Gefunden habe ich z.B. dieses hier: Automatisch scrollen Javascript
ABER: Dieses Script funktioniert wunderbar. Funktioniert aber leider nur mit einem Link, der nicht entfernt werden darf. Ich vermute einen Urheberschutz und das ist auch völlig O.K.!
Aber für meine Intranet-Page brauche ich eine völlig freie Lösung.

Weitere Infos: Es wird kein ellenlanger scrollbarer Text auf der Page erscheinen! Alle Links öffnen jeweils ein neues Fenster mit PDF-Dateien.

Vielen Dank Euch Allen!

Gruß
Skogtroll

 

[Gast2]

Das ist kein Cross-Posting [...]

... aber ein Post im falschen Forum
http://www.java-forum.org/top-fragen/5566-java-javascript.html

Zu deinem Problem: Ich würde verhindern dass das Menü so lang wird, das machts unübersichtlich. Vielleicht mehrspaltig machen?
Falls es doch das lange Menü sein soll musst du die Seite wieder nach oben scrollen sobald der User das Menü verlässt. Das kannst du per

scroll(0,0)

erreichen. Diese Funktion angehängt als onmouseout am mainmenu div ist schonmal nen Anfang. Das ganze verhält sich dann noch nicht soo gut, aber das könnte man noch hinfummeln.

 

[AquaBall]

Ich würde nicht die ganze Seite Scrollen, sondern nur das Untermenü.

 

[Skogtroll]

Ganz herzlichen Dank für Eure Antworten!

... aber ein Post im falschen Forum
http://www.java-forum.org/top-fragen/5566-java-javascript.html

Ohh jaaa! Danke für den Link! Habe es mir durchgelesen... ...also ich brauche ein "Javascript" (Richtig?)

Ich bitte einen Administrator meinen Thread ins richtige Forum zu verschieben und mir eine kurze Nachricht mit einem "Finden"-Link zu schicken. Danke!

Zu deinem Problem: Ich würde verhindern dass das Menü so lang wird, das machts unübersichtlich. Vielleicht mehrspaltig machen?
Falls es doch das lange Menü sein soll musst du die Seite wieder nach oben scrollen sobald der User das Menü verlässt. Das kannst du per

scroll(0,0)

erreichen. Diese Funktion angehängt als onmouseout am mainmenu div ist schonmal nen Anfang. Das ganze verhält sich dann noch nicht soo gut, aber das könnte man noch hinfummeln.

Ich habe mir zum Menü extrem viele Gedanken geamcht. Das liegt an den Möglichkeiten der Erweiterungen > denn die hinterlegten PDF-Dokumente haben eine logische Struktur.

Seit meiner Einführung meiner Idee, wichtige Infos/Dokumente an einem Ort zu hinterlegen und dann abrufbar auf allen Rechnern unserer Abteilung zu machen, wächst meine Intranet-Page ständig weiter. Denn meine KollegenInnen haben sehr schnell den Nutzen erkannt und sind mittlerweile mit Vorschlägen, "was da noch integriert werden müsste" nicht verlegen!

Als es vor ca. 3 Jahren anfing, war es ein normales html-Skript mit Frames... ...das brach dann bald zusammen! Ganz zu schweigen, dass ständige Erweiterungen/Umstrukturierungen mit einem html-Skript richtig Arbeit machen und einfach zuviel Zeit in Anspruch nimmt! Und so bin ich auf dieses senkrechte CSS-Menü gekommen. Waagerecht oben geht nicht!

scroll(0,0)

habe ich auch schon entdeckt/gefunden! und mir diese Gedanken gemacht:

<script type="text/javascript">
function onmouseout()
{
window.scrollTo(0,0);
}
</script>

...aber natürlich funktioniert es nicht, da ich vermute, dass dieser Code im "Head"-Bereich irgendwie mit dem Menü verbunden werden muss. Ich weis nicht wie das geht. Ich bin, was Javascript angeht absoluter Neuling!

----------------------------
----------------------------

Ich würde nicht die ganze Seite Scrollen, sondern nur das Untermenü.

...ja daran habe ich auch gedacht! Danke! Aber die Chance, dass das Hauptmenü auch so lang wird, dass es "unten raus wandert" ist sehr realistisch.

Aber auch wenn das Hauptmenü fest gesetzt wird ("fixed"?), wie mache ich es, dass dann nur die Untermenüs scrollbar bleiben?!?

Ich habe nicht die absolute Ahnung, was CSS angeht. Ich bin da eher ein Anfänger und bräuchte schon konkrete Hilfe, wo ich mit welchem Code in meinem Menü-Script ansetzen muss. Danke!!!

-----------------------------

Nochmals herzlichen Dank Euch beiden und allen Anderen, die hier "reinkucken"!

Gruß
Skogtroll