일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 |
- #자바스크립트#회원가입#유효성#검사
- #alert#자바스크립트#radio#check
- #C언어#if
- #jQuery#mouse#over
- #db#froup#by
- #db#join#inner#cross
- #C언어#scanf#fflush
- #alert#자바스크립트#checkbox#alert
- #C언어#switch#case#계산기#함수
- #getElementById#id
- #C언어#타입#printf
- #C언어#for#간단#예제
- #db#데이터베이스#select
- #C언어#숫자비교#삼항연산자
- #자바스크립트#시계#실시간시계
- #html#프레임
- #select#from#distinct
- #C언어#성적처리#점수#등급
- #클릭#숨기기#보이기
- #자바스크립트#접속시간#시간
- #C언어#사각형
- #증감#연산자
- #db#where
- #C언어#do#while#계산기#함수
- #db#order#by
- #C언어#do#while#계산기
- #자바스크립트#alert
- #자바스크립트#텍스트#알람#alert
- #html#테이블#table
- #자바스크립트#만년달력#달력
- Today
- Total
선택장애
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을 따로 나오게했지만 합칠수도 있을 것 같은데...
좀 더 생각해봐야겠습니다.
'ASP' 카테고리의 다른 글
SPLIT으로 구별해서 UBOUND 활용하기 (0) | 2020.09.17 |
---|---|
ASP - 내 ip에서만 확인 해보기 (0) | 2020.08.25 |
ASP - 값을 받아서 check box, select box 체크 되어있기 (0) | 2020.08.10 |
ASP - 글자 자르기 (LEFT, MID, RIGHT) (0) | 2020.08.10 |
ASP - 쿼리 조회해서 값이 있을 때 없을 때 구분해줄 때 (0) | 2020.08.10 |