선택장애

ASP - 클릭하면 이미지 바꾸기 + <tr> 바꾸기 본문

ASP

ASP - 클릭하면 이미지 바꾸기 + <tr> 바꾸기

yes or yes 2020. 8. 10. 16:39
반응형

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을 따로 나오게했지만 합칠수도 있을 것 같은데...

좀 더 생각해봐야겠습니다.

반응형