сейчас на сайте:
Лучшие сказки мира
Детектив и фантастика
Песни прошлых лет
Для досуга
смотреть оглавлениепримерразмер кода
The following script allows you to use images to simulate a set of form radio buttons.
<script type="text/javascript"> <!-- // Jeff // www.huntingground.freeserve.co.uk imgOn="selected.gif" imgOff="unselected.gif" lastNum=0 function imgRad(num){ document.forms["img_rads"]["r1"][num].checked=true document.images["p"+num].src=imgOn if(lastNum != num){ document.images["p"+lastNum].src=imgOff } lastNum = num alert("Radio value = "+document.forms["img_rads"].elements["r1"][num].value) } // --> </script> <div style="display:none"> <form name="img_rads"> <input type="radio" name="r1" value="1"> <input type="radio" name="r1" value="2"> <input type="radio" name="r1" value="3"> <input type="radio" name="r1" value="4"> <input type="radio" name="r1" value="5"> </form> </div> 1 <img src="unselected.gif" name="p0" onclick="imgRad(0)"> 2 <img src="unselected.gif" name="p1" onclick="imgRad(1)"> 3 <img src="unselected.gif" name="p2" onclick="imgRad(2)"> 4 <img src="unselected.gif" name="p3" onclick="imgRad(3)"> 5 <img src="unselected.gif" name="p4" onclick="imgRad(4)">
The following script allows you to use a different image for each radio button in the set.
<script type="text/javascript"> <!-- // Jeff // www.huntingground.freeserve.co.uk images=new Array() images[0]=new Array("unselected1.gif","selected1.gif") images[1]=new Array("unselected2.gif","selected2.gif") images[2]=new Array("unselected3.gif","selected3.gif") images[3]=new Array("unselected4.gif","selected4.gif") images[4]=new Array("unselected5.gif","selected5.gif") lastNum=0 function imgRad(num){ document.forms["img_rads"]["r1"][num].checked=true document.images["p"+num].src = images[num][1] if(lastNum != num){ document.images["p"+lastNum].src = images[lastNum][0] } lastNum = num alert("Radio value = "+document.forms["img_rads"]["r1"][num].value) } // --> </script> <div style="display:none"> <form name="img_rads"> <input type="radio" name="r1" value="1"> <input type="radio" name="r1" value="2"> <input type="radio" name="r1" value="3"> <input type="radio" name="r1" value="4"> <input type="radio" name="r1" value="5"> </form> </div> 1 <img src="unselected1.gif" name="p0" onclick="imgRad(0)"> 2 <img src="unselected2.gif" name="p1" onclick="imgRad(1)"> 3 <img src="unselected3.gif" name="p2" onclick="imgRad(2)"> 4 <img src="unselected4.gif" name="p3" onclick="imgRad(3)"> 5 <img src="unselected5.gif" name="p4" onclick="imgRad(4)">