라디오 버튼의 이미지화와 토클 정보
라디오 버튼의 이미지화와 토클
본문
포럼 스킨을 올렸는데 수정된 부분을 요구 하신 분이 계셔서 올립니다.
기본적인 원리는 라디오 버튼의 이미지화와 토클 입니다.
<input type="radio" name="wr_3" style="display:none" value="1">
<input type="radio" name="wr_3" style="display:none" value="2">
<input type="radio" name="wr_3" style="display:none" value="3">
<script>
function setImageRadio(){
document.getElementById('img0').src=
(document.getElementsByName('wr_3')[0].checked==true)?"<?=$board_skin_path?>/img/chan_on.gif":"<?=$board_skin_path?>/img/chan.gif";
document.getElementById('img1').src=
(document.getElementsByName('wr_3')[1].checked==true)?"<?=$board_skin_path?>/img/ban_on.gif":"<?=$board_skin_path?>/img/ban.gif";
document.getElementById('img2').src=
(document.getElementsByName('wr_3')[2].checked==true)?"<?=$board_skin_path?>/img/jung_on.gif":"<?=$board_skin_path?>/img/jung.gif";
}
</script>
<IMG SRC="<?=$board_skin_path?>/img/<?if ($write[wr_3]==1){ echo 'chan_on.gif';}else echo'chan.gif';?>" ALT="" id="img0"
onClick="document.getElementsByName('wr_3')[0].checked=true; setImageRadio();">
<IMG SRC="<?=$board_skin_path?>/img/<?if ($write[wr_3]==2){ echo 'ban_on.gif';}else echo'ban.gif';?>" ALT="" id="img1"
onClick="document.getElementsByName('wr_3')[1].checked=true; setImageRadio();">
<IMG SRC="<?=$board_skin_path?>/img/<?if ($write[wr_3]==3){ echo 'jung_on.gif';}else echo'jung.gif';?>" ALT="" id="img2"
onClick="document.getElementsByName('wr_3')[2].checked=true; setImageRadio();">
색과 글자의 굵기 모양등을 참조 하시면 다른곳에 활용이 가능 하시리라 생각 됩니다.
기본적인 원리는 라디오 버튼의 이미지화와 토클 입니다.
<input type="radio" name="wr_3" style="display:none" value="1">
<input type="radio" name="wr_3" style="display:none" value="2">
<input type="radio" name="wr_3" style="display:none" value="3">
<script>
function setImageRadio(){
document.getElementById('img0').src=
(document.getElementsByName('wr_3')[0].checked==true)?"<?=$board_skin_path?>/img/chan_on.gif":"<?=$board_skin_path?>/img/chan.gif";
document.getElementById('img1').src=
(document.getElementsByName('wr_3')[1].checked==true)?"<?=$board_skin_path?>/img/ban_on.gif":"<?=$board_skin_path?>/img/ban.gif";
document.getElementById('img2').src=
(document.getElementsByName('wr_3')[2].checked==true)?"<?=$board_skin_path?>/img/jung_on.gif":"<?=$board_skin_path?>/img/jung.gif";
}
</script>
<IMG SRC="<?=$board_skin_path?>/img/<?if ($write[wr_3]==1){ echo 'chan_on.gif';}else echo'chan.gif';?>" ALT="" id="img0"
onClick="document.getElementsByName('wr_3')[0].checked=true; setImageRadio();">
<IMG SRC="<?=$board_skin_path?>/img/<?if ($write[wr_3]==2){ echo 'ban_on.gif';}else echo'ban.gif';?>" ALT="" id="img1"
onClick="document.getElementsByName('wr_3')[1].checked=true; setImageRadio();">
<IMG SRC="<?=$board_skin_path?>/img/<?if ($write[wr_3]==3){ echo 'jung_on.gif';}else echo'jung.gif';?>" ALT="" id="img2"
onClick="document.getElementsByName('wr_3')[2].checked=true; setImageRadio();">
색과 글자의 굵기 모양등을 참조 하시면 다른곳에 활용이 가능 하시리라 생각 됩니다.
추천
4
4
댓글 1개
오우~ 이거 좋아요~~ ^0^/