mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Fr 19.04.2024 12:38 Benutzername: Passwort: Auto-Login

Thema: active Nav vom 03.08.2009


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Programmierung -> active Nav
Seite: 1, 2  Weiter
Autor Nachricht
kitikonti
Threadersteller

Dabei seit: 03.07.2008
Ort: -
Alter: -
Geschlecht: -
Verfasst Mo 03.08.2009 15:40
Titel

active Nav

Antworten mit Zitat Zum Seitenanfang

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";
}
  View user's profile Private Nachricht senden
m
Moderator

Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Mo 03.08.2009 16:00
Titel

Antworten mit Zitat Zum Seitenanfang

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
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anzeige
Anzeige
kitikonti
Threadersteller

Dabei seit: 03.07.2008
Ort: -
Alter: -
Geschlecht: -
Verfasst Mo 03.08.2009 16:19
Titel

Antworten mit Zitat Zum Seitenanfang

weis nicht wieviel ich davon halte weil ich nicht genau weis wie das funktionieren soll
  View user's profile Private Nachricht senden
m
Moderator

Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Mo 03.08.2009 16:32
Titel

Antworten mit Zitat Zum Seitenanfang

http://www.mediengestalter.info/forum/4/active-button-mit-dreamweaver-vorlage-127256-3.html

In dem Thema hast du es doch schon gelöst oder nicht?

Hier nochmal die Erklärung:

http://www.mediengestalter.info/forum/4/active-button-mit-dreamweaver-vorlage-127256-2.html#1848967

Ansonsten einfach mal die Suche benutzen.


Zuletzt bearbeitet von m am Mo 03.08.2009 16:33, insgesamt 2-mal bearbeitet
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
l3mon

Dabei seit: 26.07.2005
Ort: -5m
Alter: 58
Geschlecht: Männlich
Verfasst Mo 03.08.2009 16:36
Titel

Antworten mit Zitat Zum Seitenanfang

pseudoformate

denk, für das, was du vorhast könnts ohne js gehen
  View user's profile Private Nachricht senden
m
Moderator

Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Mo 03.08.2009 16:37
Titel

Antworten mit Zitat Zum Seitenanfang

Das active Pseudoformat ist dazu nicht gedacht und auch nicht geeignet.

Am sinnvollsten wäre eine serverseitige Lösung.
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
pixelpapst303

Dabei seit: 06.07.2006
Ort: hamburg
Alter: 50
Geschlecht: Männlich
Verfasst Mo 03.08.2009 16:38
Titel

Antworten mit Zitat Zum Seitenanfang

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 *zwinker*
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
kitikonti
Threadersteller

Dabei seit: 03.07.2008
Ort: -
Alter: -
Geschlecht: -
Verfasst Mo 03.08.2009 21:44
Titel

Antworten mit Zitat Zum Seitenanfang

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.
  View user's profile Private Nachricht senden
 
Ähnliche Themen Active X
css->active Link?
active button...
a:active auf Tablets?
a:active beibehalten
dieses verdammtes active!
Neues Thema eröffnen   Neue Antwort erstellen Seite: 1, 2  Weiter
MGi Foren-Übersicht -> Programmierung


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.