Ergebnis 1 bis 8 von 8
-
17-01-2013, 16:44 #1
Jungspund
- registriert
- 09-10-2012
- Beiträge
- 12
a:active mit JavaScript (Class Zuweisung funktioniert nicht)
Hallo Liebes Forum,
nach meiner Recherche wie ich denn active mit JavaScript am geschicktesten bastel, habe ich diese Lösung gebaut.
Code:var menu = document.getElementById("nav").getElementsByTagName("a"); //creates an array out of each "a" element for (var i = 0; i < menu.length; i++) { if (menu[i].href == "http://" + window.location.hostname + window.location.pathname) { // comparing each href vs this allows for query and hash variables menu[i].className = "active"; // add class of "active" if there is a match } }
Code:<!DOCTYPE html> <html> <head> <title>TEST NAVBAR</title> <link rel="stylesheet" src="style.css" type="text/css"/> </head> <body> INDEX <ul id="nav"> <li> <a href="index.html" class="bla">Home</a> </li> <li> <a href="about.html" class="bla">About</a> </li> <li> <a href="contact.html" class="bla">Contact</a> </li> </ul> </body> <script type="text/javascript" src="navigation.js"></script> </html>
Doch leider wird der Klassenname nicht geändert. Habe googlet und verschiedene Wege versucht. Kann aber sein, da es sich bei mir um ein Array handelt, dass deswegen manche Lösungs-Ansätze nicht greifen. menu[i];
Vllt habe ich einen kleinen Fehler eingebaut und finde den gerade nicht.
Danke im Vorraus
Emjay
-
17-01-2013, 19:11 #2
AW: a:active mit JavaScript (Class Zuweisung funktioniert nicht)
Steht etwas in der Fehlerkonsole (Wo finde ich die Fehlerkonsole?)? Kannst du einen Testlink machen?
-
21-01-2013, 14:12 #3
Jungspund
- registriert
- 09-10-2012
- Beiträge
- 12
AW: a:active mit JavaScript (Class Zuweisung funktioniert nicht)
Ne in der Konsole finde ich kein Fehler. Ja hier ist der Link für einen Kleinen Test. TEST NAVBAR
Grüße
Emjay
-
21-01-2013, 14:24 #4
Jungspund
- registriert
- 09-10-2012
- Beiträge
- 12
AW: a:active mit JavaScript (Class Zuweisung funktioniert nicht)
Es muss ein Fehler in der If Anweisung sein. Bei einem else Befehl wird immer dieser ausgegeben !
-
22-01-2013, 08:15 #5
AW: a:active mit JavaScript (Class Zuweisung funktioniert nicht)
Das JavsScript hat keinen Fehler. Dein HTML ist nicht valide!
Code:<link rel="stylesheet" href="style.css" type="text/css"/>
Code:<script type="text/javascript" src="navigation.js"></script>
Hoffe ich konnte helfen
-
22-01-2013, 11:25 #6
Jungspund
- registriert
- 09-10-2012
- Beiträge
- 12
AW: a:active mit JavaScript (Class Zuweisung funktioniert nicht)
RIGHT!
hatte den Fehler gestern Nacht noch entdeckt
Danke)))))
-
22-01-2013, 11:43 #7
AW: a:active mit JavaScript (Class Zuweisung funktioniert nicht)
Gern geschehn
Aber wie du siehst, sollte man erst auf valides HTML prüfen, befor man an JavaScript geht...Hoffe ich konnte helfen
-
22-01-2013, 12:04 #8
Jungspund
- registriert
- 09-10-2012
- Beiträge
- 12
AW: a:active mit JavaScript (Class Zuweisung funktioniert nicht)
Klaro. Hatte das eigentlich auch getan. Da es aber nur eine Baustelle bei einem Größeren Projekt ist an dem ich arbeite. Und ich dabei die Baustellen immer mal wieder wechsel schleichen sich leider öfter so dumme scheiss Fehler ein. Man schaut dann halt eher auf die Funktionen (Javascript) und nicht auf das Gerüst (HTML).
Trotzdem Danke)
Ähnliche Themen
-
Link von "id" nach "class" geändert - Counter funktioniert nicht mehr
Von Joe_van_Dyke im Forum JavaScriptAntworten: 3Letzter Beitrag: 22-02-2011, 16:56 -
Pseudoklassen a:active geht im IE nicht
Von romeo22 im Forum CSS und (X)HTMLAntworten: 7Letzter Beitrag: 29-01-2008, 23:36 -
Ändern von class, src und background-color funktioniert nicht
Von Montellese im Forum JavaScriptAntworten: 21Letzter Beitrag: 24-01-2008, 20:08 -
Vom Div-Bereich borderwidth abfragen funktioniert nicht mit CLASS einbindung (*heul*)
Von Wodstock007 im Forum JavaScriptAntworten: 2Letzter Beitrag: 09-12-2006, 18:09 -
css-class-wechsel beim mouseover funktioniert nur im IE
Von mohelten im Forum JavaScriptAntworten: 2Letzter Beitrag: 01-10-2002, 14:37
Lesezeichen