화면을 만들다가 보면 iframe이 필요할때가 있을 때가 있는데 iframe을 넣었더니 길이가 들쭉날쭉하고 스크롤이 생겨버리고 꼴보기 싫다? 그럼 아래와 같은 jQuery를 써주시면 됩니다! function autoResizeIframe() { $('#iframe1').on('load', function() { if(this.contentDocument) { $(this).height(this.contentDocument.documentElement.scrollHeight); } else { $(this).height(this.contentWindow.document.body.scrollHeight); } }); } 이 function을 적용 시키면 이리저리 높이를 맞출 필요없이 적용이 되니 한번 써보시길!

입력란에 숫자 천 단위 표기하는 두 가지 방법이 있다. 1. 정규식 방법 1 2 3 $(".price").on("keyup", function(){ $(this).val($(this).val().replace(/\,/g, '').replace(/(\d)(?=(?:\d{3})+(?!\d))/g, '$1,')); }); 2. toLocaleString() 함수 1 2 3 $(".price").on("keyup", function(){ $(this).val($(this).val().toLocaleString("ko-KR")); }); toLocaleString() 함수를 이용하면 더 간편하게 사용할 수 있지만 각 나라별 금액 표시 방법이 다르기 때문에 해당 국가 코드로 설정을 해줘야 한다. 하지만 locale..

입력창에 대문자 또는 소문자로만 입력하는 방법이다. toUpperCase() 또는 toLowerCase() 함수를 이용하면 된다. 1 2 3 4 5 // 대문자만 입력 // 소문자만 입력 대소문자만 입력하는 경우가 많은 경우 공통스크립트로 관리하는 것이 편할 것이다. 1 2 3 4 5 6 7 8 9 // 대문자만 입력 공통스크립트 $("input[type=text]").filter(".upper").on("keyup", function(){ $(this).val($(this).val().toUpperCase()); }); // 소문자만 입력 공통스크립트 $("input[type=text]").filter(".lower").on("keyup", function(){ $(this).val($(this).va..

입력창에 숫자만 입력되기 원할 때 type을 number, tel로 하면 될 거라고 생각하겠지만, 웹에서나 모바일에서 문자가 입력되는 경우가 있다. 이러한 경우를 방지하기 위해 스크립트에서 입력값이 숫자가 아닐 경우 해당 문자를 공백으로 치환하는 방법을 써야 한다. 1 input태그에 onkeyup 이벤트로 적용할 수 있다. 하지만 각 입력창에 일일이 keyup이벤트를 적용하는 것은 비효율적이다. 1 2 3 $("input[type=number], input[type=tel]").filter(".num").on("keyup", function(){ $(this).val($(this).val().replace(/[^0-9]g, "")); }); 공통스크립트로 위 소스와 같은 이벤트를 기호에 맞게 설정해주면..