phpbuddy.eu
-


Hinweise


Antwort
 
LinkBack Themen-Optionen Thema durchsuchen Thema bewerten
Alt 21.02.2004, 15:11   #1
TP-Junior
 
Registriert seit: Feb 2004
StephanB macht alles soweit korrekt
Question

JavaScript Menu Problem


HI,

hab über die Ferien von meiner Schule die Aufgabe erhalten ein Menu mit Javascript zu realisieren.

Hab mich hierbei dafür entschieden, ein Menu zu schreiben, welches bei Mouseover einen Div-Container sichtbar macht in welchem dann die Untermenupunkte stehen.
Eigentlich so, wie es auf vielen Seiten im Netz zu finden ist.

z.b. www.n24.de

hab jetzt auch schon einige Stunden rumprobiert, allerdings erscheint das ganz doch schwerer wie ich zuerst vermutet hatte.

Leider habe ich noch nicht sehr viel Erfahrung in JavaScript, daher weiß ich auch nicht ob der Ansatz soweit richtig ist

function hide( targetId ){

if (document.getElementById){

target = document.getElementById( targetId );
if (target.style.display == "none"){
target.style.display = "";
} else {
target.style.display = "none";
}
}
}

Bis jetzt habe ich folgende Funktion genommen, welche bei dem Div Container zwischen sichtbar und unsichtbar swichted, allerdings hab ich folgendesproblem, sobald der layer sichtbar wird und ich in dem "targetId"-Layer auf einen Link klicken will verschwindet er wieder, da ich die hide function auch beim onmouseout wieder aufrufe....

Mein Problem ist nun, ich weiß ned wirklich wie ich da anders rangehen sollte?
Gibt es vielleicht ein gutes Tutorial dafür? oder kann mir jemand direkt helfen?

Wäre echt Super

Danke
Stephan
StephanB ist offline   Mit Zitat antworten


Alt 21.02.2004, 15:31   #2
TP-Special Mod
 
Benutzerbild von webmichl
 
Registriert seit: Jun 2001
Ort: 8°21' O 49°1' N
webmichl lebt für das TP und seine Userwebmichl lebt für das TP und seine Userwebmichl lebt für das TP und seine Userwebmichl lebt für das TP und seine Userwebmichl lebt für das TP und seine Userwebmichl lebt für das TP und seine Userwebmichl lebt für das TP und seine Userwebmichl lebt für das TP und seine User
Du könntest die hide-function mit einem Timeout verbinden - mit einem show beim Mouseover über dem entsprechenden Container...
webmichl ist offline   Mit Zitat antworten
Alt 21.02.2004, 15:48   #3
TP-Junior
 
Registriert seit: Feb 2004
StephanB macht alles soweit korrekt
HI,
danke für die schnelle antwort..

könntest du mir das vielleicht am Code verdeutlichen?
bin leider erst am anfang mit meinen Programmierkenntnissen und versteh das ned wirklich was du meinst

Stephan
StephanB ist offline   Mit Zitat antworten
Alt 21.02.2004, 16:53   #4
TP-Special Mod
 
Benutzerbild von webmichl
 
Registriert seit: Jun 2001
Ort: 8°21' O 49°1' N
webmichl lebt für das TP und seine Userwebmichl lebt für das TP und seine Userwebmichl lebt für das TP und seine Userwebmichl lebt für das TP und seine Userwebmichl lebt für das TP und seine Userwebmichl lebt für das TP und seine Userwebmichl lebt für das TP und seine Userwebmichl lebt für das TP und seine User
Soderle....

So einfach, wie ich dachte, war's nun doch nicht, aber ich hab Dir hier mal ein Beispiel hochgeladen.

Schau's Dir mal an, und wenn's noch Fragen gibt...

PS:
Ich löse das Ein- und Ausblenden aus Gewohnheit über Styleangaben - lass Dich dadurch nicht irritieren...

PPS: mag sein, daß es eine einfachere Lösung gibt, aber ich wollte zumindest etwas bieten...
webmichl ist offline   Mit Zitat antworten
Antwort

  Aktuelles Thema
  TP Hilfe Forum > Web-Editoren & Coding > HTML Puristen > Javascript
JavaScript Menu Problem JavaScript Menu Problem
« Javascript, alert meldung | + ein bißchen javascript: problem bei menü »

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)
 
Themen-Optionen Thema durchsuchen
Thema durchsuchen:

Erweiterte Suche
Thema bewerten
Thema bewerten:

Forumregeln
Es ist dir nicht erlaubt, neue Themen zu verfassen.
Es ist dir nicht erlaubt, auf Beiträge zu antworten.
Es ist dir nicht erlaubt, Anhänge hochzuladen.
Es ist dir nicht erlaubt, deine Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are an
Gehe zu


Alle Zeitangaben in WEZ +2. Es ist jetzt 04:29 Uhr.

Powered by: vBulletin Version 3.7 (Deutsch)
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd. / Search Engine Friendly URLs by vBSEO 3.2.0 ©2008, Crawlability, Inc.
Traum-Projekt.com | Suchen | Archiv | Impressum | Kontakt | | | Nach oben |



1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67