PSD-Tutorials.de
Forum für Design, Fotografie & Bildbearbeitung
Tutkit
Agentur
Hilfe
Kontakt
Start
Forum
Aktuelles
Besonderer Inhalt
Foren durchsuchen
Tutorials
News
Anmelden
Kostenlos registrieren
Aktuelles
Suche
Suche
Nur Titel durchsuchen
Von:
Menü
Anmelden
Kostenlos registrieren
App installieren
Installieren
JavaScript ist deaktiviert. Für eine bessere Darstellung aktiviere bitte JavaScript in deinem Browser, bevor du fortfährst.
Du verwendest einen veralteten Browser. Es ist möglich, dass diese oder andere Websites nicht korrekt angezeigt werden.
Du solltest ein Upgrade durchführen oder einen
alternativen Browser
verwenden.
Antworten auf deine Fragen:
Neues Thema erstellen
Start
Forum
Sonstiges
Webdesign, Webentwicklung & Programmierung
Webdesign: HTML/CSS, Responsive Design, Sass...
Dropdownmenü soll sich mit onmouseover schließen lassen
Beitrag
<blockquote data-quote="taskrider" data-source="post: 1791184" data-attributes="member: 217402"><p><strong>AW: Dropdownmenü soll sich mit onmouseover schließen lassen</strong></p><p></p><p>ich hoffe du bist dem englischen mächtig denn dieses Tut hier zeigt eigentlich den Weg der am meisten genutzt wird wenn man Menüs erstellen will</p><p></p><p></p><p></p><p>JavaScript bin ich nicht so erfahren, beschäfftige mich fast ausschließlich mit PHP/XHTML/CSS</p><p></p><p>Was mir aber aufgefallen ist, wenn ich jetzt nur mal aus der Warte daran gehe das es mit CSS gelöst wird, ist der Fakt das alle Punkte ungeliedert sind.</p><p>Das heißt einfach soviel das du jetzt einfach mal nen ScreenReader vorstellen musst. Er kann zwar erkennen das es den Punkt 'Untermenue' gibt, aber der Inhalt darin hat keine Struktur, da sind nur aneinandergereite a Tags vorhanden.</p><p></p><p>Wie Du in dem Tut sehen wirst ist auch das Son of Suckerfish Model mit einer Listenstruktur (einer ul = unsortierten Liste) ausgestattet. Damit wird dann Strucktur in das ganze gebracht. Solltest du nun ein Menupunkt haben der Unterpunkte besitzt werden diese Baumartig darin eingepflegt, so das es auch für einen Screenreader ersichtlich ist, das es sich darum um Unterpunkte handelt.</p><p></p><p>Bsp:</p><p></p><p>Menu1</p><p>Menu2</p><p>Menu3<p style="margin-left: 20px">Untermenu1</p> <p style="margin-left: 20px">Untermenu2</p> <p style="margin-left: 20px">Untermenu3</p> <p style="margin-left: 20px"></p><p>Menu4</p><p></p><p>In HTML wäre diese sortierung dann so</p><p>[HTML]</p><p><ul></p><p><li>Menu1</li></p><p><li>Menu2</li></p><p><li>Menu3</p><p><ul></p><p><li>Untermenu1</li></p><p><li>Untermenu2</li></p><p><li>Untermenu3</li></p><p></ul></p><p></li></p><p><li>Menu4</li></p><p></ul></p><p>[/HTML]Nun zu deinem Fehler, den ich aber auch nur vermute!</p><p>Wenn die Struktur fehlt, weiß auch das Script nicht was es verstecken soll. Dein Script greift erst wenn du innerhalb des von dir angebenen DIVs bist, heißt also es kann garnicht darauf regieren wenn das Elternelement verlässen tust, da dein script erst beim Kindelement greifen tut.</p><p></p><p>Klar soweit?</p></blockquote><p></p>
[QUOTE="taskrider, post: 1791184, member: 217402"] [b]AW: Dropdownmenü soll sich mit onmouseover schließen lassen[/b] ich hoffe du bist dem englischen mächtig denn dieses Tut hier zeigt eigentlich den Weg der am meisten genutzt wird wenn man Menüs erstellen will JavaScript bin ich nicht so erfahren, beschäfftige mich fast ausschließlich mit PHP/XHTML/CSS Was mir aber aufgefallen ist, wenn ich jetzt nur mal aus der Warte daran gehe das es mit CSS gelöst wird, ist der Fakt das alle Punkte ungeliedert sind. Das heißt einfach soviel das du jetzt einfach mal nen ScreenReader vorstellen musst. Er kann zwar erkennen das es den Punkt 'Untermenue' gibt, aber der Inhalt darin hat keine Struktur, da sind nur aneinandergereite a Tags vorhanden. Wie Du in dem Tut sehen wirst ist auch das Son of Suckerfish Model mit einer Listenstruktur (einer ul = unsortierten Liste) ausgestattet. Damit wird dann Strucktur in das ganze gebracht. Solltest du nun ein Menupunkt haben der Unterpunkte besitzt werden diese Baumartig darin eingepflegt, so das es auch für einen Screenreader ersichtlich ist, das es sich darum um Unterpunkte handelt. Bsp: Menu1 Menu2 Menu3[INDENT]Untermenu1 Untermenu2 Untermenu3 [/INDENT]Menu4 In HTML wäre diese sortierung dann so [HTML] <ul> <li>Menu1</li> <li>Menu2</li> <li>Menu3 <ul> <li>Untermenu1</li> <li>Untermenu2</li> <li>Untermenu3</li> </ul> </li> <li>Menu4</li> </ul> [/HTML]Nun zu deinem Fehler, den ich aber auch nur vermute! Wenn die Struktur fehlt, weiß auch das Script nicht was es verstecken soll. Dein Script greift erst wenn du innerhalb des von dir angebenen DIVs bist, heißt also es kann garnicht darauf regieren wenn das Elternelement verlässen tust, da dein script erst beim Kindelement greifen tut. Klar soweit? [/QUOTE]
Bilder bitte
hier hochladen
und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Zitate einfügen…
Authentifizierung
Wenn ▲ = 7, ▼ = 3, ◇ = 2 und die Summe von ▲ und ▼ durch ◇ geteilt wird, was ist das Ergebnis?
Antworten
Start
Forum
Sonstiges
Webdesign, Webentwicklung & Programmierung
Webdesign: HTML/CSS, Responsive Design, Sass...
Dropdownmenü soll sich mit onmouseover schließen lassen
Oben