sfsafsaf

[MrTroll]

Hallo zusammen!
Ich bin gerade etwas am verzweifeln :(

Den folgenden Code habe ich im Internet zum passend zu meinem Problem gefunden. (Link soll nach anklicken farblich hervorgehoben werden und auch so bleiben (also nich mit :active möglich))
Der Code ist ansich ja auch leicht verständlich und funktioniert auch soweit. Zusätzlich wollte ich aber erreichen, dass beim ersten Seitenaufruf Home direkt farblich hervorgehoben wird. Deshalb habe ich den Code etwas verändert. Jedoch ist es mir bis jetzt nicht gelungen...

<script type="text/javascript">  
        var currentItem = "navhome";  
		var CssClassActive1 = "active1";  
		var CssClassActive2 = "active2";  
		var CssClassActive3 = "active3";  
		var CssClassActive4 = "active4";  
		var CssClassActive5 = "active5";  
		var CssClassActive6 = "active6";  
        var CssCLassInactive = "inactive";  
##################selber hinzugefügt###############  
		if(currentItem == "navhome") {  
               document.getElementById("navhome").className = CssClassActive1;  
################ende eigner Code#################  
			   document.getElementById("content").style.borderLeft="solid #df2b2b 4px";  
        }  
         function Navigation(Id) {  
  
  
            // Altem Item inaktive Klasse zuweisen  
          if(currentItem != "") {  
				document.getElementById(currentItem).className = CssCLassInactive;  
            }  
  
            if(Id == "navhome") {  
               document.getElementById(Id).className = CssClassActive1;  
			   document.getElementById("content").style.borderLeft="solid #df2b2b 4px";  
            }  
			else if (Id == "navabout")   {  
               document.getElementById(Id).className = CssClassActive2;  
			   document.getElementById("content").style.borderLeft="solid #0090ff 4px";  
            }  
			else if (Id == "navweb")   {  
               document.getElementById(Id).className = CssClassActive3;  
			   document.getElementById("content").style.borderLeft="solid #47d18b 4px";  
            }  
			else if (Id == "navfoto")   {  
               document.getElementById(Id).className = CssClassActive4;  
			   document.getElementById("content").style.borderLeft="solid #96ef17 4px";  
            }  
			else if (Id == "navkontakt")   {  
               document.getElementById(Id).className = CssClassActive5;  
			   document.getElementById("content").style.borderLeft="solid #ec9f0b 4px";  
            }  
			else {  
               document.getElementById(Id).className = CssClassActive6;  
			   document.getElementById("content").style.borderLeft="solid #000000 4px";  
            }  
            // Neues Item merken  
            currentItem = Id;  
  
         }  
      </script>  

Ich weiß nicht ob das jetzt jemand verstanden hat, aber ein Versuch ist es Wert ;)
Viele Grüße
Julian

[BAM]

Sorry ich habe die Marke zu früh geschlossen, so ist es richtig
##################selber hinzugefügt###############
                if(currentItem == "navhome") {
               document.getElementById("navhome").className = CssClassActive1;

document.getElementById("content").style.borderLeft="solid #df2b2b 4px";
        }
################ende eigner Code#################

[ChrisB]

Hi,

Den folgenden Code habe ich im Internet zum passend zu meinem Problem gefunden.

Hättest du dir einen halbwegs vernünftigen Titel für dein Problem ausgedacht, würde das vielleicht sogar jemanden interessieren.

MfG ChrisB

[misterunknown]

Moin,

Link soll nach anklicken farblich hervorgehoben werden und auch so bleiben (also nich mit :active möglich))

Klingt nach :active in Verbindung mit :visited

a:active, a:visited { color: <neue Farbe>; }

Grüße Marco