Guten Tag,
Ich möchte das der zuletzt aktive link in meinem Inhaltsverzeichnis angezeigt wird.
Da es mittels iframe auf jeder Seite eingebunden ist kann ich dies nicht mit class="active" auf den jeweils aktiven link realisieren.
Deshalb entschied ich mich für eine Lösung mit Java-Script.
Der Funktioniert soweit auch ganz gut.
Das Problem ist aber das er nur einmal reagiert.
Nur beim ersten click auf einen link ändert sich die Hintegrundfarbe, wenn ich dannach einen anderen aktivere und anschließend wieder auf den davor aktivierten ändert sich die Farbe leider nicht mehr.
Gibt es eine möglichkeit das Script so zu ändern das es auch mehrmals funktioniert?
Über eine Antwort würde ich mich sehr freuen.
Ich möchte das der zuletzt aktive link in meinem Inhaltsverzeichnis angezeigt wird.
Da es mittels iframe auf jeder Seite eingebunden ist kann ich dies nicht mit class="active" auf den jeweils aktiven link realisieren.
Deshalb entschied ich mich für eine Lösung mit Java-Script.
Code:
<script language="JavaScript" type="text/JavaScript">
var list = document.getElementById('list');
var items = list.getElementsByTagName('li');
var active = null;
for(var i=0; i<items.length; i++) {
items[i].onclick = function() {
if(active != null) {
active.style.backgroundImage = "linear-gradient(to left, rgb(243,245,250),rgb(237,240,248), rgb(227,233,244)";
}
this.style.backgroundColor='RoyalBlue';
active = this;
};
}
</script>Der Funktioniert soweit auch ganz gut.
Das Problem ist aber das er nur einmal reagiert.
Nur beim ersten click auf einen link ändert sich die Hintegrundfarbe, wenn ich dannach einen anderen aktivere und anschließend wieder auf den davor aktivierten ändert sich die Farbe leider nicht mehr.
Gibt es eine möglichkeit das Script so zu ändern das es auch mehrmals funktioniert?
Über eine Antwort würde ich mich sehr freuen.
