일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 | 31 |
- CRUD게시판만들기
- spring crud게시판
- 2020정보처리기사실기요약
- 2020정보처리기사실기정리
- Oracle기초
- 스프링 crud
- 자바 정규표현식 예제
- 자바연산자
- 프로그래머스 MYSQL
- 오버라이딩
- 자바기초
- jsp게시판만들기
- 스프링게시판만들기
- jsp 팝업띄우기
- 자바배열예제
- 게시판만들기
- 프로그래머스 쿼리문
- html기초
- crud게시판
- 프로그래머스 SQL
- 날짜지정팝업
- 정보처리기사실기정리
- 2020정보처리기사실기
- spring crud
- jsp 날짜팝업
- 오라클설치
- js datepicker
- PLSQL
- 정처기실기정리
- 스프링 CRUD게시판
- Today
- Total
목록Web/JS (11)
영보의 SystemOut.log
js 버튼으로 팝업창 열고 닫기 제어 # html ${popupinfo.TITLE} ${popupinfo.XSS_HCONTENT} 닫기 # javascript // 버튼 누르면 팝업창 켜짐 function popon(popid){ $('#' + popid).addClass('on'); } // 팝업창 닫기 function closeWin(popId) { $('#'+popId).removeClass('on'); } 페이지 오른쪽에 팝업창이 파라미터로 불러온 타이틀로 버튼이 있고 버튼을 누르면 팝업창이 뜨는 로직입니다. [닫기]를 눌렀을 때 팝업창 전체가 닫히는게 아니라 하나씩 닫히도록 를 넣어주었습니다. 화면 (스타일은 다른 곳에서 가져온 css파일 입니다)
Javascript Cookie 사용하여 팝업창 오늘하루 보지않기 # HTML ${popupinfo.XSS_HCONTENT} 오늘하루 보지 않기 닫기 먼저 popupInfo에서 값이 있을 때만 밑의 코드를 실행한다. popup창 한 개, 한 개 [오늘하루보지않기]/[닫기] 가 있으므로, status를 사용해서 하나씩 증가하는 로직으로 만들어 주었다. # Javascript ready function에서 가장 직관적으로 짜려고 if문을 구현했는데 더 간단하게 줄여서 쓰셔도 될 듯 햐다. 저는 html코드에 팝업 id 값이 박혀있는게 아니라 'popup_${status.count}', 'todayCookie_${status.count}' 을 사용했기 때문에 spilt으로 '-' 기준으로 뒤에 번호만 잘라주어..
SelectBox 단과 대학(학과) 검색 입력하게하기 # JS 코드 $('document').ready(function() { var area0 = ["단과대학 선택","경영대학","문과대학","생명과학대학","정경대학","의과대학","간호대학"]; var area1 = ["경역학과"]; var area2 = ["국어국문학과","철학과","한국사학과","사학과","사회학과","한문학과","영어영문학과","중어중문학과","불어불문학과","독어독문학과"]; var area3 = ["생명과학부","생명공학부","식품공학과","환경생태공학부","식품지원경제학과"]; var area4 = ["정치외교학과","경제학과","통계학과","행정학과"]; var area5 = ["의예학과"]; var area6 = ["간..
JS input check될 때 텍스트 숨기기/보이기 제어 # 스크립트 jQuery(function(){ jQuery("cheked[name=etc_consultation01]").change(function(){ var app_condition = jQuery(this).val(); if(etc_consultation01 == "5") // 승인 거절일 때만 거절사유 나오게 { $("#etc_consultation_detail").show(); } else { $("#etc_consultation_detail").hide(); // 아니면 거절 사유 숨김 } jQuery("#etc_consultation_detail").val(etc_consultation_detail); }); }); # jsp / ..