반응형 JQuery5 jQuery datepicker사용법 [ html ] import script list(버전 맞춰서) - jquery.min.js - jqueryt-ui.min.js - jquery-ui.css ~ [ js ] $('#datepicker-start').datepicker({dateFormat : 'yy-mm-dd',onClose : function(selectDate) {$('#datepicker-end').datepicker('option','minDate',selectDate);}); $('#datepicker-end').datepicker({dateFormat : 'yy-mm-dd',onClose : function(selectDate) {$('#datepicker-start').datepicker('option','maxDate',s.. 2017. 8. 23. shift+tab 키 인식 $("#id").keydown(function(e){ if(e.keyCode == "9" && e.shiftKey) { $("#cName").focus(); } }); 2015. 8. 26. selectbox option 값 비교 보통 select option의 값을 text와 동일하게 작성하는데, 현재 할려는 기능은 공통코드의 값이 구분되어 있어 option의 value값 따로 text값 따로로 준 데이터를 가지고 text로 비교하여 option list에 해당 데이터가 있는지 비교하는 것이다. 간단히 말해 option list 의 text데이터만 필요하다 Jquery 부분------------------------------------------ $("#companyNm").blur(function(){ var val = $(this).val(); $("select#addCompany option").each(function(){ if($(this).text()==val){ $("#companyChk").text('이미 존재하.. 2015. 3. 5. 레이어 팝업 중앙에 띄우기 --------------------------- Source ------------------------------------------- /* 팝업 위치 조정 */ var left = ( $(window).scrollLeft() + ($(window).width() - $("#popup_div").width()) / 2 ); var top = ( $(window).scrollTop() + ($(window).height() - $("#popup_div").height()) / 2 ); document.getElementById("popup_div").style.left=left; document.getElementById("popup_div").style.top=top; /* 팝업 위치 조정 */ -.. 2015. 1. 27. JQuery를 이용한 검색어 자동완성기능(jsp) 업무팀에서 요청하고, 또 내가 흥미로울 것 같아서 한번 만들어보았다. 물론 시간이 좀 걸렷다.. 지금 보면 정말 간단한건데..;; 상위에는 3가지 태그만 선언해주면 된다. 나의 경우에는 배열에 들어갈 데이터를 jsp자체에서 하드코딩하여 가져온게 있어서 그걸 활용하였다. 저말은 즉슨 우선 availableTags 배열을 선언해준 뒤, 아까 말한 데이터 groupNm(List형태로 되어있다.)를 스크립트 매소드를 활용하여 하나씩 집어넣어준다. tags라는 아이디값을 가진 input tag에 값을 입력시 배열에 넣어준 값 중 찾아서 해당 리스트들만 뿌려준다. 그리고 html 쪽에 을 선언하여 데이터를 입력시 관련 데이터만 출력한다. jquery 자체에서 제공하는 기능이기때문에 내가 그닥 .. 2014. 10. 20. 이전 1 다음 반응형