In diesem Tutorial zeige ich Euch, wie Ihr JavaScript in einer HTML-Webseite einbinden könnt. Als kleines Praxisbeispiel zeige ich ein Dropdown-Menü (auf Wunsch von euch)….
Meine Beispielwebseite aus dem Video findet Ihr hier:
http://htmlworldblog.de/ddmenue/
Ihr wollt das Script downloaden?
http://htmlworldblog.de/?wpdmact=process&did=MTIuaG90bGluaw==
Wenn Ihr Fragen oder Wünsche habt, dann schreibt mir ‘ne Nachricht….
So, nun viel Spaß beim programmieren!
Intro by 1mPen
(http://www.youtube.com/1mPen)
Original source
21 responses to “JavaScript Tutorial: Dropdown-Menü erstellen mit JavaScript | deutsch”
HI,
Deine Download Empfehlungen werden nicht geöffnet.
Schade , ich finde es wirklich gut
Mein erstes Java script nach diesem Tut.Bei einem Dropdown Menü nach diesem Tut erscheint zwar alles und geht auch wieder weg, aber nicht da wo es sein sollte. Zum Glück hat er einige Sekunden die css Datei gezeigt. Sonst würde ich als Anfänger auf dem Schlauch stehen.Wie es als Anfänger so ist sieht man vor lauter Bäume den Wald nicht. Was nicht erwähnt wurde ist das "position:absolute ; top und left" Angaben sehr wichtig sind! Mein Dropdown Menü nach diesem Tut ragt in dem danach folgenden Text was in dem Tut nicht passiert. Hier besteht einiges an Aufklärung Naja, für die Gestaltung von Rahmen gibt es unter htmlworld ein eigenes tut.
ganz klasse ich hab noch nie was mit java gemacht und jetzt wo es geklappt hat bin ich sehr dankbar für dieses video 🙂
ich habe ein problem , bei mir funktioniert es nicht . kann man sich per email an dich wenden?
sehr schön!!
nur was ist, wenn man beispielsweise 3 drop down menüs möchte?
ich habe die "brute force" variante gewählt und in css 3 verschiedene drop down menü IDs mit identischem inhalt angelegt. für jedes runterzuklappende menü je ein mal.
und in javascript 3 mal eine aufklappen- und zuklappenfunktion erstellt, die die jeweilige menü-ID ansteuert.
das geht doch bestimmt viel eleganter, oder?
so hab ichs gemacht: http://codepen.io/einserpasch/pen/XJqxXY
onmouseover ist im menue_wrapper
>menue>menuepunkt_top div-containerdanke, sehr gut erklärt
sehr gut erklärt, vielen dank!
Die Links funktionieren nicht mehr, kannst du die Dateien noch mal hochladen?
Habs gefunden, steht ja da! Sorry die Störung
Hallo, super Anleitung! Beide Daumen hoch.
Wo findet man auch die Beispieldateien (css, js und html) zum üben?
Beste grüße und frohes Neues!
Mit CSS geht das genau so und es ist sicherer. Wenn ein Nutzer (aus was für gründen auch immer) js deaktiviert hat dann steht man blöd da. 😉
Gutes Tut, aber bitte bessere tonquali
Also sehr sehr gut erklärt zum einfachen nachvollziehen
Vielen Dank für das gute Tutorial! Ich habe mich schnell eingefunden und alles gut verstanden! Weiter so!
du immer mit deinem "lorem ipsum" 😉 lustig
kannst du mir bitte den kompletten ordner schicken
Sehr hilfreich deine Lösung mit JavaScript, hat mir bei einer sache sehr geholfen …..ich sage Danke …daumen oben
Hey ich habe das ganze mal nachgemacht aber das einzigste probleem ist je nach bildschirm auflösung ist das dropdown menu wo anderns :O
kannst du ein tutorial darüber machen wie man mit javaskript ein menue erstellt das bein runterscrollen mit nach unten "fährt".
Aslo ich hab das jetzt mal probiert…ich arbeite mit .php und wenn ich mit der maus ueber meinen link gehe wird die ganze seite einfach weiss. Was mache ich falsch?
Weisst du zufaellig wie ich das script am besten mit .php verbinde?