본문 바로가기

개발

[jstree] JSTREE 사용법 / 예제 / API / 모음 - jsTree http://www.jstree.com 에서 다운로드jstree를 이용한 가장 간단한 트리 만들기 - HTML을 이용하여 jsTree 만들기html Root node 1 Child node 1 Child node 2 Root node 2 javascript$('#html1').jstree() - jsTree 최상위 node인지 확인하기$("#treeDiv").bind("select_node.jstree", function(evt, data){ var dataType = data.node.parent; if( dataType == "#"){// 최상위 노드 클릭 }else{// 하위 노드 클릭 } }).jstree(); - jsTree 하위 노드 열기$("#treeDiv").bind("se.. 더보기
[javascript] 월초, 월말일 구하기 var sDate = "";var eDate = ""; var nDate = new Date(); nDate.setDate(1);alert( getDateFormat(nDate) ); nDate.setMonth(nDate.getMonth()+1); nDate.setDate(nDate.getDate()-1); alert( getDateFormat(nDate) ); function getDateFormat(date, delimiter){ var newDate = new Date(); if( date != null ) newDate = date; var yy = newDate.getFullYear(); var mm = newDate.getMonth()+1; if( mm < 10 ) mm = "0" + mm; .. 더보기
[javascript] 날짜 YYYYMMDD 식으로 가져오기 function getDateFormat(date, delimiter){ var newDate = new Date(); if( date != null ) newDate = date; var yy = newDate.getFullYear(); var mm = newDate.getMonth()+1; if( mm 20140820- getDateFormat(n.. 더보기
[javascript] 이미지 실제 사이즈 알아내기 var img = document.getElementById("popImg"); var imgW = img.naturalWidth; var imgH = img.naturalHeight; 더보기
[MySQL] case문 사용시 blob으로 리턴될 경우. int 컬럼을 concat을 이용하여 뒤에 문자열을 붙여주었더니 return값이 blob으로 나옴.jstl을 이용하여 뿌려줄 경우 다시한번 재처리가 필요하여 구글링으로 아래와 같이 convert() 구문을 사용하여 해결 (CONVERT(roomtype USING latin1)) 더보기
[jQuery] file폼 확장자 체크하기. if( $("#file").val() != "" ){var ext = $('#file').val().split('.').pop().toLowerCase(); if($.inArray(ext, ['gif','png','jpg','jpeg']) == -1) { alert('gif,png,jpg,jpeg 파일만 업로드 할수 있습니다.'); return; }} #file은 파일 id 출처 : http://stackoverflow.com/questions/651700/how-to-have-jquery-restrict-file-types-on-upload 더보기
[jQuery/Javascript] 달력 datepicker v2.2 - jQuery를 이용해서 만든 달력입니다. :: 특징 - 현재 날짜는 파란색으로 표시 - 선택된 날짜는 빨간박스로 표시 - 날짜형식에 맞게 입력 후 텍스트박스 클릭시 해당 날짜로 이동 - IE,Chrome,FF,Safari 지원 :: 업데이트 내용 - mask처리를 통한 기본입력시 편의기능 추가 - css파일을 선언하는 함수호출을 따로 호출할 필요없도록 수정 :: 사용방법 - js파일 import후 아래와 같이 javascript로 호출하여 사용 - id(필수)외에 입력하지 않으면 모두 기본값으로 설정됩니다. - jquery.mask.min.js 를 import 해주셔야 정상 동작합니다. - 달력 이미지 경로가 제 tistory에 올려져있는 이미지로 링크되어있으니 실제 사용하실때에는 경로를 변경해서 사.. 더보기
[jQuery] 특정 DIV 프린트하기 print_page.jsp DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd" > 출력 호출페이지에 해당 DIV의 ID를 파라미터로 넘겨준다.window.open("/print_page.jsp?htmlId=" + id); 더보기