잡동사니

간단한 jQuery eval 로 class 설정 예제

* html전체 * javascriptfunction test(val) {var addClass = eval("$('#"+val+"')");addClass .attr("class", "selected");oraddClass .attr("class", "");}

jQuery 생년월일 select box 셋팅 script

* jQuery 를 이용한 select box 에 생년월일 설정하기 - 년, 월, 일 이 모두 분리된 경우 적용 - 필요한 데이터 : 생년월일 8자리 - null 일경우 오늘날짜 setting // 생년월일 selectsetSelect : function(birthday) {var toDay = new Date();var year = toDay.getFullYear();var month = (toDay.getMonth()+1);var day = toDay.getDate();var str = "";// 년도 설정for (var i=year; i>=1900; i--) {if (birthday.substr(0,4) == i) {str += "" + i + "";} else {str += "" + i + "";..

javascript 페이징

* 위 그림과 같은 페이징 구현을 위한 javascript 소스 (단순한 jQuery가 약간 들어가 있음) - 필요한 데이터 : page 번호, 게시판 전체 count, 화면에 뿌려질 글 count, 네비게이터 count - java 단에서 pageBlock만큼 데이터를 가져온다는 가정하에 작성 - class는 무시하고 원하는 입맞에 맞게 변경하면 됨 pagingView : function(startIndex) {var pagingHTML = "";var page = parseInt($("#page").val());var totalCount= parseInt($("#totalCount").val());var pageBlock= parseInt($("#pageBlock").val());var navigat..

JSP AJAX 한글 깨짐

스크립트에서 ajax 파일로 파라미터 넘길때 인코딩 먼저 해줌 "~.jsp?key=" + escape(encodeURIComponent("key")) data 받는 ajax 파일에선 디코딩 해줘야 제대로 인식... String key = java.net.URLDecoder.decode(request.getParameter("key"),"utf-8"); 이렇게 해야 db 접근해도 한글 안깨짐

Timer(타이머) 스크립트

익스 버전 확인 스크립트

IE 9 버전은 테스트 안해봤지만 보다시피 뒤에 숫자를 9로 바꿔주면 될듯...

스크롤에 따른 레이어 이동

* 스크롤의 이동에 따라 레이어도 따라 내려오는 스크립트 소스 - . 스크립트 소스 - . 움직이는 레이어의 스타일 시트 - . 실제 움직이는 div 태그 위로 * 레이어의 위치를 고정하려면 style 항목에서 left, top 속성을 변경하면 지정해준 위치에 레이어가 표시됨

iframe 자동 resize 함수

1. iframe 태그를 가지고 있는 페이지에 아래 script 삽입 * parameter : iframe의 id 값 넘겨야 함 //iframe 자동 크기 조절 function resizeIFrame(iframeId) { try { var innerBody = document.getElementById(iframeId).contentWindow.document.body; var innerHeight = innerBody.scrollHeight + (innerBody.offsetHeight - innerBody.clientHeight); if(document.getElementById(iframeId).style.height != innerHeight) { document.getElementById(ifr..