to: active link - aktiver menüpunkt

Beitrag lesen

SELF-Forum

active link - aktiver menüpunkt

to
– Informationen zu den Bewertungsregeln

hi...
ich habe folgende  js/html/css-seite zusammengebastelt (s. u.), das ganze funktioniert allerdings bedingt! denn, sobald ich den link "#" gegen einen "echten" austausche, funktioniert meine idee nicht mehr.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 TRANSITIONAL//EN">
<html>
   <head>
      <script>
         var currentItem = "link_1";
         function Navigation(Id) {

var CssClassActive = "superactive";
            var CssCLassInactive = "inactive";

// Altem Item inaktive Klasse zuweisen
            if(currentItem != "") {
               document.getElementById(currentItem).className = CssCLassInactive;
            }

// Neuem Item aktive Klasse zuweisen
            document.getElementById(Id).className = CssClassActive;

// Neues Item merken
            currentItem = Id;

}
      </script>
      <style>
         a.superactive {
            color: green
         }
         a.inactive {
            color: blue
         }
      </style>
   </head>
   <body>
      <a href="linkhervorheben_js.html" id="link_1" class="inactive" onclick="Navigation(this.id);">Link 1</a><br/>
      <a href="#" id="link_2" class="inactive" onclick="Navigation(this.id);">Link 2</a><br/>
      <a href="#" id="link_3" class="inactive" onclick="Navigation(this.id);">Link 3</a><br/>
      <a href="#" id="link_4" class="inactive" onclick="Navigation(this.id);">Link 4</a><br/>
   </body>
</html>

hat jemand eine idee?

Beitrag melden
–
Informationen zu den Bewertungsregeln