jquery 썸네일형 리스트형 [jquery] 동적으로 변경된 html 값 가져오기. 스냅백같은 기능을 이용하거나 원래 내용으로 돌릴려고 할때, jquery를 이용하여 변경한 값에 경우 결과 변경한 값까지 적용된 html을 가져오고 싶을땐 아래와 같이 선언한 후 가져오면 변경된 값을 가져오게 된다. $('[type=text], textarea').each(function(){ this.defaultValue = this.value; }); $('[type=checkbox], [type=radio]').each(function(){ this.defaultChecked = this.checked; }); $('select option').each(function(){ this.defaultSelected = this.selected; }); 결과 더보기 [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); 더보기 [jQuery] table excel로 다운로드 하기 function excel_export(id,fileName){ var html = "" ; $( "body" ).append(html); $( "#TableExcelHtml" ).val(RemoveAnchor($( "#" + id).html())); $( "#TableExcelFileName" ).val(fileName); $( "#TableExcelExport" ).submit(); $( "#TableExcelExport" ).remove();} - 사용방법은 EXPORT할 TABLE을 DIV로 한번 감싸고 DIV ID를 함수파라미터로 넘겨주면 된다. 더보기 [jQuery] table td show/hide function tableColShow(tableId, idx, showFlag){ if( showFlag == true){ $( "#" + tableId +" col:nth-child(" + idx +")").show(); $( "#" + tableId +" th:nth-child(" + idx +")").show(); $( "#" + tableId +" td:nth-child(" + idx +")").show(); } else{ $( "#" + tableId +" col:nth-child(" + idx +")").hide(); $( "#" + tableId +" th:nth-child(" + idx +")").hide(); $( "#" + tableId +" td:nth-child(" + idx +".. 더보기 [jQuery/javascript] email 유효성 체크 (validation check) function emailCheck(email_address){ email_regex = /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,4}$/i; if(!email_regex.test(email_address)){ return false; }else{ return true; } } email_address를 파라미터로 넘겨주면 이메일형식이 맞을경우 true, 아닐경우 false를 리턴한다. 더보기 [jQuery] keyup 이벤트에 focus를 잃을경우 이벤트가 발생하는 현상. 간단한 회원가입폼을 작성하던 도중 ID중복체크를 위해 jqeury에 keyup이벤트를 사용하였다. 크롬에서 id에 입력을 하던도중 (id에 focus가 있는상태) 다른창을 클릭하면 keyup이벤트가 다시한번 발생하는 것이다. 그냥 둬도 기능상에 문제는 없지만, DB조회를 한번더 하므로.. 원인을 찾아본느데.. 자료도 없을뿐더러, 잘 안되네.. 임시방편으로 발생하는 이벤트 KEYCODE값을 확인해보니 229번???? 약간 버그같기도 하다. IE에서는 발생하지 않는데 크롬에서만 발생한다. (내가 확인한바로) 임시방편으로 아래와 같이 처리하였다. 더 좋은 방법이 있으면 댓글 부탁드립니다. $("#id").keyup(function(e){ if(this.value.length > 3){ // jquery버그? .. 더보기 이전 1 2 3 다음