![]()
오늘의 블로그 글은 JQuery를 활용해 특정 영역을 프린트하는 기능을 소개할 것이다. 우선 소스 코드를 확인해보자. [ Javascript Code ] [JQuery] function printWindow() { $('#headerWrap').hide(); $('.big-title').hide(); $(".tabcontents").css('border', '0px'); $("#container").css('width', 'auto'); $('link[rel=stylesheet][href~="href주소입력"]').remove(); setTimeout(function () { window.focus(); window.print(); $('#headerWrap').show(); $('.big-title')..
![]()
오늘 알아볼 코드는Input Tag에 숫자만 입력할 수 있는 방법을 알아볼 것이다. (*브라우저 기능 상 차이가 있을 수 있음) 많은 방법이 있겠지만, 오늘 총 4가지의 방법을 알아볼 것이다. 1. Type = "Number"로 설정하기. (CSS수정이 없으면 Input박스 옆에 화살표 생김) 2.Type = "Text"로 하되 onKeyPress를 활용하여 Javascript로 number만 입력할 수 있게 수정하기. 3. input시 pattern 속성 활용하기 4. input시 oninput 속성을 활용하여 숫자가 아닐면 replace로 제거하기 - Type = "Number" 방식 단점 위와 같이 화살표가 보임으로, CSS를 활용해 지워야한다. - onKeyPress Javascript 방식 단점..
![]()
오늘 배워볼 코딩은 Javascript를 활용해 팝업을 띄운 뒤 Form 데이터의 파라미터를 넘기는 기능을 공부해볼 것이다. Javascript 코드 function openWindowPopup(){ var windowOpen = window.open('URL', '팝업명', 'width=500, height=500, resizable=1, scrollbars=no, status=0, titlebar=0, toolbar=0, left=300, top=200' ); document.폼명.action = '액션URL'; document.폼명.target = '팝업명'; return true; } HTML 코드 소스를 보면 window.open을 사용함 으로서 팝업을 띄우는 로직이다. 로직 순서는 다음과 같다..
![]()
웹 개발자로서, 특정 태그의 내용을 빠르게 확인하고 디버깅하는 방법을 소개하려고 한다. 이 글에서는 간단하면서도 효과적인 Javascript 코드를 통해 어떻게 태그 내용을 출력할 수 있는지 알아 보겠다. 1. JavaScript Code 웹 페이지에서 특정 태그의 내용을 출력하는 Javascript 코드입니다. var contents; var retBody; function printWindow(div) { prtContent = document.getElementById(div); window.onbeforeprint = beforePrint; window.onafterprint = afterPrint; window.print(); } function beforePrint(){ initBody = d..
