mediengestalter.info
Datenschutzerklärung
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter
Aktuelles Datum und Uhrzeit: Do 25.04.2024 10:43 Benutzername: Passwort: Auto-Login

Thema: javascript - Problem mit Links vom 08.07.2008


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Programmierung -> javascript - Problem mit Links
Autor Nachricht
blickverdichtung
Threadersteller

Dabei seit: 20.09.2004
Ort: Berlin
Alter: -
Geschlecht: Weiblich
Verfasst Di 08.07.2008 17:50
Titel

javascript - Problem mit Links

 Antworten mit Zitat Zum Seitenanfang
liebe javascript-spezies,

ich habe von javascript nicht wirklich ahnung. hab mir bei dr.web ein script gezogen, dass meine wünsche erfüllen soll, aber es klappt nicht.
mein ziel ist es, eine aktive seite in der navi hervorzuheben.
woran hakt es? wäre schön, wenn jemand rat weiß!

der code dazu sieht so aus:

in der externen .js:
Code:

// Bei Link auf aktuelle Seite die CSS Klasse auf aktiv setzen
function highlightCurrentPageLink() {
// Alle Links durchlaufen und pruefen
var anzHrefs = document.getElementsByTagName("a").length;
for (var i = 0; i <= anzHrefs - 1; i++) {
// Link auf aktuelle Seite gefunden, also umsetzen CSS auf aktiv
if (document.getElementsByTagName("a")[i].href == document.location.href) {
var menu = document.getElementsByTagName("a")[i].menu;
var menuactive = menu.replace(/inaktiv/,"aktiv");
document.getElementsByTagName("a")[i].menu = menuactive;
}
}
}


im css:

Code:

a.menu:link, a.menu:visited {
font-style:normal;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height: 18px;
color:#707070;
text-decoration:none;
}

a.menu:hover, a.menu:active, a.menu:focus {
font-style:normal;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height: 18px;
color:#003366;
text-decoration:none;
}

a.menuactive:link, a.menuactive:visited {
font-style:normal;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height: 18px;
color:#707070;
text-decoration:none;
}

a.menuactive:hover, a.menuactive:active, a.menuactive:focus {
font-style:normal;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height: 18px;
color:#003366;
text-decoration:none;
}


im der html:
Code:

<body onload="highlightCurrentPageLink()">

...

<a href="ueberuns.htm" class="menu">&Uuml;BER UNS<br></a>
  View user's profile Private Nachricht senden
zweitaccount

Dabei seit: 25.01.2008
Ort: -
Alter: -
Geschlecht: -
Verfasst Mi 09.07.2008 10:04
Titel

Antworten mit Zitat Zum Seitenanfang
Etwas modifiziert hier - falls die Seite nicht gefunden wird,
wird der erste menüpunkt gehighlighted:
http://zweitaccount.zw.ohost.de/jshighlight/

Viel Spaß

Gruß

zweitaccount
  View user's profile Private Nachricht senden
Anzeige
Anzeige
blickverdichtung
Threadersteller

Dabei seit: 20.09.2004
Ort: Berlin
Alter: -
Geschlecht: Weiblich
Verfasst Mi 09.07.2008 11:08
Titel

Antworten mit Zitat Zum Seitenanfang
vielen dank! funktioniert super, nur nicht bei mir! Menno!
highlightet bei mir generell den ersten menüpunkt.
das nächste problem an dem js ist, dass ich es nicht auch für's submenu nehmen kann, richtig?
sorry, hätte ich vielleicht erwähnen sollen.
hier mal der link zu der seite, um die es sich handelt mit deinem js eingebaut.

Zuletzt bearbeitet von blickverdichtung am Mi 09.07.2008 11:12, insgesamt 2-mal bearbeitet
  View user's profile Private Nachricht senden
zweitaccount

Dabei seit: 25.01.2008
Ort: -
Alter: -
Geschlecht: -
Verfasst Mi 09.07.2008 16:43
Titel

Antworten mit Zitat Zum Seitenanfang
Hi, womöglich liegts an dem js-Fehler der da vorher auftritt.
Schreib doch mal in Dein room28_js.js ab Zeile 111:

Code:
function StartShow01A() {
      var foto1 = (typeof document.getElementById("foto01") != "undefined") ? document.getElementById("foto01") : false;
      var text1 = (typeof document.getElementById("text01") != "undefined") ? document.getElementById("text01") : false;
      if (foto1) foto1.src = AlleFotos[Zahl].src;
      if (text1) text1.value = AlleTexte[Zahl];
      return
   }

Die bestehende Function rauskicken.

Wg. Submenüpunkte:
das ginge auch, dazu müsste man window.location.hash
abfragen usw. dazu habe ich aber grad keine zeit - sorry.
Vielleicht findet sich gerade jemand anderes.

Gruß

zweitaccount


// edit: ein gutes Projekt habt ihr da übrigens auf die Beine gestellt * Applaus, Applaus *

Zuletzt bearbeitet von zweitaccount am Mi 09.07.2008 16:45, insgesamt 2-mal bearbeitet
  View user's profile Private Nachricht senden
blickverdichtung
Threadersteller

Dabei seit: 20.09.2004
Ort: Berlin
Alter: -
Geschlecht: Weiblich
Verfasst Mi 09.07.2008 20:49
Titel

Antworten mit Zitat Zum Seitenanfang
leider war es das scheinbar auch nicht.
hier das ergebnis link.

wäre super, wenn jemand rat weiß!
  View user's profile Private Nachricht senden
zweitaccount

Dabei seit: 25.01.2008
Ort: -
Alter: -
Geschlecht: -
Verfasst Mi 09.07.2008 23:14
Titel

Antworten mit Zitat Zum Seitenanfang
Ok, dann versuchs mal so:
http://zweitaccount.zw.ohost.de/js_highlight/index.htm
JavaScript:
http://zweitaccount.zw.ohost.de/js_highlight/functions.js

Was nicht sein darf, sind leere hrefs (also <a href="">),
also min. ein "#" reinpeppen.

Hoffe das klappt so.

Gruß

zweitaccount
  View user's profile Private Nachricht senden
blickverdichtung
Threadersteller

Dabei seit: 20.09.2004
Ort: Berlin
Alter: -
Geschlecht: Weiblich
Verfasst Do 10.07.2008 16:50
Titel

Antworten mit Zitat Zum Seitenanfang
das hat funktioniert. vielen dank für deine vielen mühen!

viele grüße
  View user's profile Private Nachricht senden
 
Ähnliche Themen [Javascript] Bannerwechsel mit Links
Javascript soll links nicht mehr zeigen
CSS-Problem mit Links
Javascript: Alle Links mit id"" als popup öffnen
Problem mit Links in Flash
Problem mit den Links im IE6 [Gelöst!]
Neues Thema eröffnen   Neue Antwort erstellen
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.

Mediengestalter.info ist ein Projekt von Webformatik :: Forensoftware: phpBB