|
|||
CSS DropDown-Menü Hilfe für Profis
Hallo, ich bin CSS Anfänger und habe mir durch mühsame Web-Inspiration ein Dropdown-Menü zusammengebaut.
Das Menü habe ich auf der Webseite 8x platziert, aber nur das erste funktioniert so wie es sollte. (Beim Aufklappen eines 2ten Menüs, sollte das offene Menü wieder schliessen. Wahrscheinlich eine Kleinigkeit, aber ich kann den Fehler nicht finden.) Ich habe das Menü online gestellt wo man es einsehen kann. Für jede Hilfe bin ich sehr dankbar. ADRESSE: Web-Start |
Sponsored Links |
|
|||
Hallo!
Alle deine Menüs haben dieselbe ID. Das ist einerseits nicht erlaubt, andererseits ändert dein Skript dadurch die Klassen fehlerhaft.
__________________
Gruß schatzi |
Sponsored Links |
|
|||
Danke, ja, aber das ist nicht das eigentliche Problem. Ich habe die IDs auf HTML und CSS angepasst. Vielleicht so nicht üblich, aber Fehlerlos.
Von JS habe ich aber keine Ahnung. Auf der Webseite gibt es 8 Dropdown Menüs mit der ID cssmenu "1-8" Mit der Datei script2.js ist aber nur das erste Dropdown Menü aktiviert. Welche Änderungen muss ich jetzt noch auf dem Script vornehmen, damit alle Menüs aktiv werden? Kann mir da wer helfen? Web-Start script2.js ( function( $ ) { $( document ).ready(function() { $('#cssmenu ul ul lidd').addClass('odd'); $('#cssmenu ul ul li:even').addClass('even'); $('#cssmenu > ul > li > a').click(function() { $('#cssmenu li').removeClass('active'); $(this).closest('li').addClass('active'); var checkElement = $(this).next(); if((checkElement.is('ul')) && (checkElement.is(':visible'))) { $(this).closest('li').removeClass('active'); checkElement.slideUp('normal'); } if((checkElement.is('ul')) && (!checkElement.is(':visible'))) { $('#cssmenu ul ul:visible').slideUp('normal'); checkElement.slideDown('normal'); } if($(this).closest('li').find('ul').children().len gth == 0) { return true; } else { return false; } }); }); } )( jQuery ); |
|
|||
Zitat:
Der Tipp von Schatzi war mir sehr willkommen, und die IDs habe ich angepasst, mit meinen Anfängerkenntnissen. (2ter Link, wie beschrieben, wenn du es gelesen hättest.) Bei einem Validator-Test kommt ein Fehlerlos. Das Problem liegt aber beim Java-Script, und davon versteh ich rein gar nichts. Ich hab jetzt aber in einem anderen Forum Hilfe bekommen. Bei einem ersten Test funktionierts, ich muss jetzt nur noch die ganze Seite anpassen. Ich danke dir trotzdem, auch wenn du nicht viel dazu beigetragen hast . |
|
||||
Ja, den zweiten Link muss ich übersehen haben.
Trotzdem finde ich es einfacher, so wie ich es Dir vorgeschlagen habe, den Quelltext zu ändern. Habe es auch gerade selbst getestet: Link: tests.emil-webdesign.net/HaPe/ |
|
|||
Zitat:
OK, ich brauch die Seite nur für meine oft besuchten Links mit dem Browser, auf meinem Computer abgespeichert. Farb Titel und Form werde ich noch anpassen. Wenns dich interessiert wie es jetzt funktioniert, dann klick nochmal auf den 2ten Link. Ich werde das Muster dann irgendwann löschen. Grüssli aus der Schweiz HaPe |
|
||||
Zwischen Deiner und meiner Variante gibt es einen Unterschied beim Schließen der Untermenüs – welche war die von Dir ursprünglich gewollte?
Ich fände es schon besser, wenn man wo anders klickt, dass die schon geöffnete Untermenüs wieder schließen (s. meine Testseite). Nachtrag: Mal ehrlich, jetzt hast Du für jedes Menü ein extra JavaScript – also 8 insgesamt. Wäre es nicht einfacher bloß #cssmenu in .cssmenu zu ändern – s. html-Quellcode in meiner Testseite. Geändert von etux (04.04.2015 um 15:32 Uhr) |
|
|||
Zitat:
PS: Beim öffnen der Menüs, schliesst das bereits offene Menü. Wenn das bei dir nicht funktionierte, musst du vielleicht die Seite neu laden. Grüssli HaPe |
Sponsored Links |
Stichwörter |
css, dreamweaver, javascript, webseite |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
CSS Dropdown Menü: Hover-Effekt auch wenn Maus im Untermenü ist | Sp33dy G0nz4l3s | CSS | 2 | 12.06.2010 17:38 |
CSS Menü | MadBall | CSS | 3 | 21.03.2010 03:04 |
css dropdown menue / abstände | designWerker | CSS | 0 | 03.11.2008 18:23 |
Popdown Menü mit CSS | Nohma | CSS | 0 | 08.10.2007 20:58 |
CSS Dropdown Menü Mit Grafiken | watermanFFM | CSS | 2 | 14.03.2006 11:48 |