허접 웹프로그래머의 자료 모음

html 영역을 PDF 다운로드 할수 있는 소스 입니다. 최상단에는 jspdf.js 와 html2canvas.min.js 가 필요함. div id="report" 부분을 전체영역으로 설정했으며, 그 안에 영역도 세분화 하였습니다. (a,b,c,d) 스크립트 all_area_array 전체 영역을 잡았으며, pdf 다운영역은 b영역을 제외한 a,c,d 부분만 다운로드 처리 하였습니다. 간단한 소스 이므로 직접 해보시면 될것 같습니다. A 영역 입니다. B 영역 입니다. C 영역 입니다. D 영역 입니다. pdf 다운

$(document).ready(function(){ $("input:text[id='money']").on("keyup", function() { $(this).val(addComma($(this).val().replace(/[^0-9]/g,""))); }); }); // 천단위 콤마 function addComma(data) { return data.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ","); } // 콤마 제거 function removeCommas(data) { if(!data || data.length == 0){ return ""; }else{ return x.split(",").join(""); } } 천단위 콤마도 쓸때마다 맨날 찾아다녀서 정리합..

jquery checkbox 전체선택 $(document).ready(function(){ $("#checkAll").click(function(){ if($(this).is(":checked")) { $("input[name='checkbox_name']:checkbox").prop("checked",true); } else { $("input[name='checkbox_name']:checkbox").prop("checked",false); } }) }); jquery checkbox 선택 여부 체크 function checkboxCheck(){ if($("input[name='checkbox_name']:checkbox:checked").length < 1) { alert('체크박스를 선택해주세요...

jquey 는 맨날 까먹는다. 그래서 간단한것은 정리를 해서 다음부터 쉽게 사용하자 //select box의 내용 가져오기 $("#select_box > option:selected").val(); //select box의 값 설정 $("#select_box > option[value=지정값]").attr("selected", "true") //select disabled $('#select_box').attr('disabled', 'true'); // 해제 $('#select_box').attr('disabled', ''); // 'false'를 줬을 경우 안됨 //select box의 내용 가져오기 var value = $("#select_box > option:selected").val(); //s..

jquery 제이쿼리 라디오 버튼 관련 체크값 체크여부는 맨날 까먹는다. 그래서 정리해서 모아놓는다. radio 체크된 값 $("input[name=radio_name]:checked").val(); radio 체크 여부 확인 $('input:radio[name=radio_name]').is(":checked"); radio 체크된 값 var value = $("input[name=radio_name]:checked").val(); radio 체크 여부 확인 if($('input:radio[name=radio_name]').is(":checked")){ }

jquery 숫자만 입력 //일반 num_only : 무조건 숫자만입력되게 $(document).on('keypress', 'input.number', function(e){ if(e.which && (e.which 57) ) e.preventDefault(); }); $(document).on('keyup', 'input.number', function(e){ if( $(this).val() != null && $(this).val() != '' ) { var tmps = parseInt($(this).val().replace(/[^0-9]/g, '')) || 0; $(this).val(tmps); } }); $(function() { $(".number").keypre..

$(document).ready(function(){ $("#checkAll").click(function(){ if($(this).is(":checked")) { $("input[name='calculate[]']:checkbox").prop("checked",true); } else { $("input[name='calculate[]']:checkbox").prop("checked",false); } }) }); function checkboxCheck(){ if($("input[name='calculate[]']:checkbox:checked").length

$(function() { $("#datepicker").datepicker({ dateFormat: "yymmdd", // 데이터 포멧 , 20160905 형식 dayNamesMin: ['일', '월', '화', '수', '목', '금', '토'], //데이터 형식 일~토로 monthNames: ['1월','2월','3월','4월','5월','6월', '7월','8월','9월','10월','11월','12월'], // 달도 한글로 monthNamesShort: ['1월','2월','3월','4월','5월','6월','7월','8월','9월','10월','11월','12월'], // 달도 한글로 beforeShowDay: noSundays } }) function noSundays(date) { //일요..

80. Scrolld.js A unique open source plugin for jQuery. Scrolld.js provides a method for highly precise scrolling for pixel-perfect layouts and navigation using real-time updated data values. With Scrolld.js your scrolling to items will always be exact and will always provide the best user experience. SourceDemo 79. FlipTimer FlipTimer is a plugin counting the time left to the opening of your und..

// loading bar 태그 // iframe 위에 로딩 바 이미지를 얹혀 띄우는 방식 // document onload function !! $(document).ready(function(){ // 페에지 로딩 즉시 로딩바 태그 활성화 var divLoading = document.all.hiddenDivLoading; divLoading.style.visibility = "visible"; // ajax 통신 중 로딩 바 // 현재 페이지에서 ajax 통신이 시작될 경우 실행될 이벤트 $(document).ajaxStart(function() { // 로딩 바 이미지를 띄우고 $('#load').show(); // 화면의 중앙에 위치하도록 top, left 조정 (화면에 따라 조정 필요) $("..

http://layout.jquery-dev.net/demos.cfm UI 레이아웃 데모 TIP : 데모를 본 후이 페이지로 돌아가려면 '뒤로'를 클릭 플러그인 레이아웃에 대한 기본 데모가 있습니다 : example.html - 미니멀 한 예 simple.html - 간단하지만 완벽한 레이아웃 complex.html는 - 많은 기능을 활용하여 '중첩 된 레이아웃'을 가지고 destroy.html은 - 레이아웃을 제거하는 '파괴'방법이 있습니다 destroy2.html - 레이아웃을 계단식 쇼는 '파괴'와 '만들기' body_padding.html - 쇼 레이아웃 패딩 (삽입)와 마진 (초기) 레이아웃을 위해 대신 BODY의 컨테이너 요소를 사용하여 데모 : container.html - 컨테이너 폭과 수..

jQuery 란 무엇인가 2006년 초에 개발된 자바 스크립트 라이브러리로써 기존에 라이브러리는 놀랍고 강력한 고급 기술에 중점을 두는 컨셉으로 등장했지만 jQuery는 웹페이지를 개발하는 개발자의 생각하는 방식을 바꾸는데 그 목적을 두었다고 한다. 왜 jQuery 인가 웹페이지를 개발 하다보면 동적으로 화면을 컨트롤 하거나 css로 디자인을 변경하고 또는 애니매이션등의 효과를 줘야 할 경우가 많다. 이러한 효과를 저 수준의 자바스크립트로 작성하게 되면 엄청난 코딩 수의 압박으로 만들기도 전부터 걱정이 앞설 것이다. 이러한 모든 작업을 쉽고 빠르게 작업해 줄수 있수 있도록 해줄놈이 jQuery 이란 놈이다. 튀지 않는 자바 스크립트 HTML 엘리먼트에 스타일을 적용하고 자바스크립트 호출을 넣는 방법은 지..

배열을 이용한 중복 제거function set_member_info(atype, info_str) { var members_info = info_str.split('*'); var table_name = 'member_tbl'; var exist_member = new Array(); for(i = 0; i < $('#member_tbl tr').length; i++) { exist_member.push($('#' + table_name + ' tr:eq(' + i + ') td:eq(0) input.epid').val()); } for(i = 0; i < members_info.length; i++) { member = members_info[i].split('|'); if($.inArray(membe..

원본 사진 마우스 이동시 보여주기

[ select box 컨트롤 ] select box의 내용 가져오기 $("#select_box > option:selected").val(); select box의 값 설정 $("#select_box > option[value=지정값]").attr("selected", "true") select disabled $('#sign02_emp_id').attr('disabled', 'true'); 해제 $('#sign02_emp_id').attr('disabled', ''); // 'false'를 줬을경우 안됨 선택된 값 읽기 $("#아이디 option:selected").val(); $("select[name=이름]").val(); 선택된 내용 읽기 $("#아이디 option:selected").text(..