Mam na stonce taki kod:
<a href="java script:void(0);" onclick="pokazdiv('1');"><img style="width: 132px; height: 67px; border: none; margin-left:4px" src="http:xxxxxx/w1.png"/></a> <a href="java script:void(0);" onclick="pokazdiv('2');"><img style="width: 132px; height: 67px; border: none; margin-left:4px" src="http:xxxxxx/w2.png"/></a> <a href="java script:void(0);" onclick="pokazdiv('3');"><img style="width: 132px; height: 67px; border: none; margin-left:4px" src="http:xxxxxx/w3.png"/></a>
Przyciski w1, w2, w3 włączają Div1, Div2, Div3 gdzie pod iframe są pewne zewnętrzne moduły.
Chciałbym aby po najechaniu myszką nad przycisk w1, w2 lub w3 był on podświetlony i taki pozostał po kliknięciu.
Stworzyłem dodatkowe przyciski wp1, wp2 wp3 (podświetlone).
I teraz:
1. Używając java;
onmouseover, onmouseout, onmousedown, onmouseup - daje ten efekt, ale po kliknięciu przycisk pozostaje nie podświetlony.
2. Uzywając CSS
kod zostawiam tak
<a class="r" href="java script:void(0);" onclick="pokazdiv('1');"></a>
a w css
a.r
background:url('w1.png');
width:132px;
height:67px;
a.r:hover
background:url('wp1.png');
width:132px;
height:67px;
a.r:active
background:url('wp1.png');
width:132px;
height:67px;
wówczas wogóle nie pojawia mi się przycisk w1 na stronie
