[GastForen Programmierung/Entwicklung JavaScript JS/jQuery-Anfänger: Active-Zustand bei Dropdown-Navi

  • Suche
  • Hilfe
  • Lesezeichen
  • Benutzerliste
Themen
Beiträge
Moderatoren
Letzter Beitrag

JS/jQuery-Anfänger: Active-Zustand bei Dropdown-Navi

Audrien
Beiträge gesamt: 3

8. Dez 2011, 17:09
Beitrag # 1 von 3
Bewertung:
(2425 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo zusammen,

wie bekomme ich es mit jQuery hin, dass bei einer mehrstufigen Navigation die übergeordneten Elemente einen aktiven Zustand bekommen, ? Damit man beim Navigieren die Übersicht nicht verliert.

Es geht um die Seite:
http://janazemke.de/dropd/index-navi.html

Wenn ich dort mit der Maus über
Bildungsgänge > Berufsausbildung > Duale Ausbildung > Infos
fahre, wie bekomme ich es hin, dass die Punkte von Bildungsgänge - Infos während des Navigierens aktiv angezeigt werden?

Gibt es da einen Befehl oder einen Weg dorthin?

Danke euch im Voraus.

(Dieser Beitrag wurde von Audrien am 8. Dez 2011, 17:10 geändert)
X

JS/jQuery-Anfänger: Active-Zustand bei Dropdown-Navi

abstractizm
Beiträge gesamt: 1

12. Dez 2011, 11:33
Beitrag # 2 von 3
Beitrag ID: #486121
Bewertung:
(2373 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Wie ich sehe, hast Du die Navigation per CSS gelöst.

Das ist jetzt natürlich bischen Tricky, da wenn Du eine JavaScript anpassung vornimmst, könnte Dein CSS die Änderung wieder überschreiben.

Probier es mal damit, das Du Deiner Sub Navigation die CSS Zuweist, die für den Aktivzustand zuständig ist.
Code
Habe ich in Deiner CSS Datei gefunden: 
#navi-add li a.active {color:#8C0009;}


$('.meinSubNavi').on("mouseover",function(){
$(this).addClass('a.active');
});

http://api.jquery.com/on/
http://api.jquery.com/addClass/

Vergiss bitte document.ready nicht.

Liebe Grüße,
abs


als Antwort auf: [#485973]
(Dieser Beitrag wurde von abstractizm am 12. Dez 2011, 11:35 geändert)

JS/jQuery-Anfänger: Active-Zustand bei Dropdown-Navi

crisies
  
Beiträge gesamt: 135

20. Dez 2011, 02:09
Beitrag # 3 von 3
Beitrag ID: #486619
Bewertung:
(2308 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Es könnte auch rein über css gelöst werden, da Du den hover zustand für das Link-Element ja bereits erfasst hast, müsstest das nur noch ergänzen:

Code
#navi-add li a:hover 	{text-decoration:underline;color:#8C0009;} 


funzt natürlich nur wenn es nicht über Hintergrundbilder wie jetzt gelöst ist ;)

gruss
chris.w.


als Antwort auf: [#486121]

Veranstaltungskalender

Hier können Sie Ihre Anlässe eintragen, welche einen Zusammenhang mit den Angeboten von HilfDirSelbst.ch wie z.B. Adobe InDesign, Photoshop, Illustrator, PDF, Pitstop, Affinity, Marketing, SEO, Büro- und Rechtsthemen etc. haben. Die Einträge werden moderiert freigeschaltet. Dies wird werktags üblicherweise innert 24 Stunden erfolgen.

pdf-icon Hier eine kleine Anleitung hinsichtlich Bedeutung der auszufüllenden Formularfelder.

Veranstaltungen
01.03.2023 - 09.03.2023

Online
Mittwoch, 01. März 2023, 00.00 Uhr - Donnerstag, 09. März 2023, 00.00 Uhr

Online Webinar

Wie gehen wir mit diesen Veränderungen um? Was ist notwendig, damit wir die Digitalisierung im Unternehmen klappt? Veränderungsprozesse verstehen und entsprechend handeln Mitarbeiter als Botschafter Webseite mit WordPress erstellen SEA /SEO (Ads aufschalten)

Ja

Organisator: B. Isik - SNF Academy

Kontaktinformation: B. Isik, E-Mailinfo AT snfa DOT ch

https://www.fernstudiumfitness.ch/digitalisierung-schweiz/