Witam ponownie!
Tym razem jest taki problem. Musze wykonać prostą skalę za pomocą ikonek (RATING)! Po najechaniu na którąś zapalają się ikony poprzedzające jeżeli występują. Dlaczego ten skrypt nie działa w IE? Wywala mi komunikat o błędach w pierwszych liniach każdego wiersza co wywołuje funkcję start() i koniec(). FF - ok
oto kod:
<script LANGUAGE="JavaScript">
function start(nr){
if(nr==1) {
rys1="images2/skala/sk2.png";
document.rysunek1.src=rys1;
};
if(nr==2) {
rys1="images2/skala/sk2.png";
rys2="images2/skala/sk3.png";
document.rysunek1.src=rys1;
document.rysunek2.src=rys2;
};
if(nr==3) {
rys1="images2/skala/sk2.png";
rys2="images2/skala/sk3.png";
rys3="images2/skala/sk4.png";
document.rysunek1.src=rys1;
document.rysunek2.src=rys2;
document.rysunek3.src=rys3;
};
if(nr==4) {
rys1="images2/skala/sk2.png";
rys2="images2/skala/sk3.png";
rys3="images2/skala/sk4.png";
rys4="images2/skala/sk5.png";
document.rysunek1.src=rys1;
document.rysunek2.src=rys2;
document.rysunek3.src=rys3;
document.rysunek4.src=rys4;
};
if(nr==5) {
rys1='images2/skala/sk2.png';
rys2='images2/skala/sk3.png';
rys3='images2/skala/sk4.png';
rys4='images2/skala/sk5.png';
rys5='images2/skala/sk6.png';
document.getElementById("rysunek1").src=rys1;
document.getElementById("rysunek2").src=rys2;
document.getElementById("rysunek3").src=rys3;
document.getElementById("rysunek4").src=rys4;
document.getElementById("rysunek5").src=rys5;
};
}
function koniec(nr){
if(nr==1) {
rys1="images2/skala/sk1.png";
rys2="images2/skala/sk1.png";
rys3="images2/skala/sk1.png";
rys4="images2/skala/sk1.png";
rys5="images2/skala/sk1.png";
document.getElementById("rysunek1").src=rys1;
document.getElementById("rysunek2").src=rys2;
document.getElementById("rysunek3").src=rys3;
document.getElementById("rysunek4").src=rys4;
document.getElementById("rysunek5").src=rys5;
};
}
function zadanie(przycisk) {
alert (przycisk);
}
<table width="195" cellspacing="0" cellpadding="0" border="0"> <td width="39"><img src="images2/skala/sk1.png" name="rysunek1" id="rysunek1" onmouseover="start(1)" onmouseout="koniec(1)" alt="" width="39" height="50" border="0"></td> <td width="39"><img src="images2/skala/sk1.png" name="rysunek2" id="rysunek2" onmouseover="start(2)" onmouseout="koniec(1)" alt="" width="39" height="50" border="0"></td> <td width="39"><img src="images2/skala/sk1.png" name="rysunek3" id="rysunek3" onmouseover="start(3)" onmouseout="koniec(1)" alt="" width="39" height="50" border="0"></td> <td width="39"><img src="images2/skala/sk1.png" name="rysunek4" id="rysunek4" onmouseover="start(4)" onmouseout="koniec(1)" alt="" width="39" height="50" border="0"></td> <td width="39"><img src="images2/skala/sk1.png" name="rysunek5" id="rysunek5" onmouseover="start(5)" onmouseout="koniec(1)" alt="" width="39" height="50" border="0"></td>
I jeszcze jedna sprawa - jak ewentualnie do takiego kodu dołączyć efekt zapalania się ikonek po chwili i wygasania także, aby było płynie.
Dziękuję
RATING prosty w JS, zapalają się ikony, ale nie w IE!
29.11.2009, 18:03:54
