Autor |
Nachricht |
kitikonti
Threadersteller
Dabei seit: 03.07.2008
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Mo 03.08.2009 15:40
Titel active Nav |
|
|
hi,
ich grübel jetzt schon wider stunden an ein und dem selben problem und komm auf keinen grünen zweig. hab auch schon mehrere adressen im internet abgeklappert aber nichts wirklich brauchbares gefunden.
wie ja die überschrift schon sagt möchte ich meinen buttons in der navigation active setzten. sprich es soll wenn ich auf der home seite bin der home knopf active sein, wenn ich auf der produkt seite bin der produkt knopf, usw.
mein letzter versuch beruht darauf das ich beim klicken auf zb. home mittels onclick einen variable einen zahl zuweise (in dem fall 0).
und dan mittels window.onload dem jeweiligen listeneintrag die active class vergebe.
wenn ich im js code das "i" durch eben die zahl ersetzt (rein zum versuch) dan wird auch dem listeneintrag die class vergeben und alles funktioniert, jedoch das übergeben der variable funktioniert nicht.
was mach ich falsch?
Code: | <ul id="main_nav">
<li><a href="../index.html" onclick="i=0;">Home</a></li>
<li><a href="../source/service.html" onclick="i=1;">Service</a></li>
<li><a href="../source/sortiment/bodenbearbeitung.html" onclick="i=2;">Sortiment</a></li>
<li><a href="../source/kontakt.html" onclick="i=3;">Kontakt</a></li>
</ul> |
Code: | window.onload = function()
{
document.getElementById("main_nav").getElementsByTagName("li")[i].className = "active";
} |
|
|
|
|
|
m
Moderator
Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht:
|
Verfasst Mo 03.08.2009 16:00
Titel
|
|
|
onload event wird vor dem click event ausgeführt …
Sinn macht es wenn du das ändern solltest aber immer noch nicht, denn anschließend wird
die Seite neu geladen und die Variable i existiert nicht.
Was hältst du davon das einfach von der URL abhängig zu machen?
Zuletzt bearbeitet von m am Mo 03.08.2009 16:03, insgesamt 2-mal bearbeitet
|
|
|
|
|
Anzeige
|
|
|
kitikonti
Threadersteller
Dabei seit: 03.07.2008
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Mo 03.08.2009 16:19
Titel
|
|
|
weis nicht wieviel ich davon halte weil ich nicht genau weis wie das funktionieren soll
|
|
|
|
|
m
Moderator
Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht:
|
|
|
|
|
l3mon
Dabei seit: 26.07.2005
Ort: -5m
Alter: 58
Geschlecht:
|
Verfasst Mo 03.08.2009 16:36
Titel
|
|
|
pseudoformate
denk, für das, was du vorhast könnts ohne js gehen
|
|
|
|
|
m
Moderator
Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht:
|
Verfasst Mo 03.08.2009 16:37
Titel
|
|
|
Das active Pseudoformat ist dazu nicht gedacht und auch nicht geeignet.
Am sinnvollsten wäre eine serverseitige Lösung.
|
|
|
|
|
pixelpapst303
Dabei seit: 06.07.2006
Ort: hamburg
Alter: 50
Geschlecht:
|
Verfasst Mo 03.08.2009 16:38
Titel
|
|
|
z.b. http://www.ohne-css.gehts-gar.net/0057.php
statt der im beispiel genannten methode $thisPage zu deklarieren, könntest du auch die url auslesen und noch dynamischer werden.
halt nur n ansatz, damit du weißt, was du nun davon halten sollst
|
|
|
|
|
kitikonti
Threadersteller
Dabei seit: 03.07.2008
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Mo 03.08.2009 21:44
Titel
|
|
|
ja stimmt schon ich hatte es bereits mal gelöst und da bin ich den title tag mit den buttons verglichen und dementsprechend darauf reagiert. da ich aber jetzt die titles aller seiten ändere bzw bereits geändert habe funktioniert diese technick nun nicht mehr.
was natürlich funktionieren würde währe eventuell wirklich der weg über die url.
es müsste doch eigentlich auch funktionieren wenn ich die url der aktuell aufgerufenen seite mit den
urls der einzelnen buttons vergleiche und bei einen treffer setzt ich dan den navpunkt active, oder?
hmm muss ich gleich mal ausprobieren jetzt beim hier reintippen hört sich das nicht mal so aufwändig an.
wenn noch wer nen andern tipp hat dan immer her damit ich probier inzwischen das mal aus und meld mich gegebenenfalls wider.
|
|
|
|
|
|
|
|
Ähnliche Themen |
Active X
css->active Link?
active button...
a:active auf Tablets?
a:active beibehalten
Anker und a:active Status
|
|