ASP - 클릭하면 이미지 바꾸기 + <tr> 바꾸기
1. 먼저 초기 이미지를 나오게 합니다.
<tr>
<td>
<a href="#" onClick="imgtoggle(); return false;" id="view">
<img src="기존이미지경로/이미지.jpg" id="hidden"/></a>
</td>
</tr>
2. script쪽에 넣어주면 이미지는 클릭할 때 마다 바뀝니다.
var cnt = 0; //변수를 만들어서 초기값은 0으로 설정해줍니다.
function imgtoggle(){
if(cnt == 0){
cnt = 1;
document.getElementById("hidden").src = "바뀔이미지.jpg"
}else{
cnt = 0;
document.getElementById("hidden").src = "기존이미지.jpg"
}
}
3. 숨겨놓은 tr보이게 하기 (먼저 tr style을 display:none로 만듭니다)
<tr id = "show_tr" style="display:none;">
<td>내용넣기</td>
</tr>
4. script쪽에 넣어줍니다.
$("#view").click(function () {
status = $("#show_tr").css("display");
if (status == "none") {
$("#show_tr").css("display", "");
}
else {
$("#show_tr").css("display", "none");
}
});
저는 이미지와 tr을 따로 나오게했지만 합칠수도 있을 것 같은데...
좀 더 생각해봐야겠습니다.