Activer Link

sero79

Hi,

habe unter diesem Link mal eine Test-Html hochgeladen:
http://www.sebastianrost.de/pfs-test/html/…chsel_test.html

Kurz zum Problem: onclick auf Kasten A und B wechselt den Inhalt vom Div-Container (per JS). Gleichzeitig wird der der aktive Kasten rot eingefärbt (per JS).
Das funktioniert wie gewünscht.
Darunter findet ihr Link A und Link B. Die bewirken das gleiche wie Kasten A und B - Austausch des DIV Containers.
Das Problem liegt nun darin, dass sich zusätzlich bei Klick auf Link A der Kasten A rot einfärben soll (analog für Link B).

Ich komme da irgendwie nicht weiter.
Gruß Sero

driver

bin leider kein guter js-coder, aber so würds laufen:

Code

<SCRIPT type=text/javascript>
function show_div(x){
 document.getElementById('div_change').innerHTML = text[x];
}


var text = new Array()
text[1] = "Container Inhalt A"
text[2] = "Container Inhalt B"




function byId(id) {
return document.getElementById ? document.getElementById(id) : document.all[id];
}


var prevLink = "";
function changeActiveStates(ele) {
if (prevLink) { byId(prevLink).className = 'staff'; }
byId(ele).className = 'staff_active';
prevLink = ele;
}


</SCRIPT>


<STYLE type=text/css>.....</STYLE>


<BODY>
<DIV style="MARGIN: 100px 0px 0px; TEXT-ALIGN: center">[url='']A[/url] [url='']B[/url] 






<DIV class=box id=div_change></DIV>






<A id=link1a 
onclick="show_div(1), changeActiveStates('link1')"
href="">Link 
A</A>
<A id=link2b onclick="show_div(2), changeActiveStates('link2')" 
href="">Link 
B</A></DIV></BODY></HTML>

Alles anzeigen

sero79

Danke fuer deinen Ansatz, aber es funktioniert leider nicht; changeActiveStates() verlangt das man this in die Klammern setzt, damit sich der Hintergrund des Kasten nach onlcick in rot verfaerbt.
Habe auch probiert das zu schreiben changeActiveStates(this,'link1') das geht auch nicht.
Hast du vielleicht noch einen Tip.

driver

hm? also bei mir klappt das so problemlos....

hast du auch des script oben mitangepasst ?

sero79

hey super, du hattest recht dein Code funktioniert. Sorry.

Danke fuer dein Hilfe.

Sero

Tags