맛집 여행 캠핑 일상 생활

CKEditor HTML 태그 속성 사라지는 문제 ckeditor 의 소스 편집으로 HTML 태그를 입력하고 저장했다가 다시 불러왔을 때 속성들이 사라지는 현상이 있습니다.usemap 같은 경우 자주 사용하는데 문서를 수정할 때 마다 매번 작성하기 불편합니다. 자바스크립트에서 로딩시 아래 코드를 넣어주면 해결이 됩니다.$(document).ready(function(){CKEDITOR.config.allowedContent = true; }); 한번 테스트 해보시기 바랍니다.

자바스크립트 form 생성해서 실행하기 HTML 로 FORM 이 없더라도 javascript 로 생성하여 본문에 추가가 가능합니다.var f = document.createElement('form');var input = document.createElement('input');input.setAttribute("type", "hidden");input.setAttribute("name", "input1");input.setAttribute("value", "value1");f.appendChild(input);document.body.appendChild(f);f.method = 'post';f.action = 'test.php';f.target = '_blank';f.submit(); 응용 하면 여러..

jQuery unload 스크립트가 안먹히는 문제 아래 코드로는 자바스크립트가 작동이 되지 않습니다.$(window).unload(function(){window.open("about:blank", "newWindow", "_blank"); // not workingconsole.log("### unload ###");}); 아래 처럼 적용하면 동작이 됩니다.$(window).on("beforeunload", function(){window.open("about:blank", "newWindow", "_blank");console.log("### beforeunload ###");}); 참고로 console.log 는 둘다 먹힙니다.

자바스크립트 이메일 주소 체크 정규식 패턴을 검사하는 것이고 실제 메일 주소인지 여부를 판단하는 것은 아닙니다.function mail_check(v) {var regEmail = /[\w\-]{2,}[@][\w\-]{2,}([.]([\w\-]{2,})){1,3}$/;if(!regEmail.test(v)) {return false;}return true;}리턴값이 true 면 정상입니다. 세미콜론 형태로 복수의 메일 주소는 아래 처럼 하면 됩니다.function mail_check(v) {var regEmail = /[\w\-]{2,}[@][\w\-]{2,}([.]([\w\-]{2,})){1,3}$/;var tmps = new Array();if(v.indexOf(';') > -1) {tmps = v.s..

자바스크립트 Alt, Ctrl, Shift Key 이벤트 버튼 클릭시 알트키, 컨트롤키, 쉬프트키가 같이 눌려졌는지 확인하는 방법입니다. function action_click(e) { if(e.altKey) { // Alt + Click } if(e.ctrlKey) { // Ctrl + Click } if(e.shiftKey) { // Shift + Click } } 다중 선택에 활용하면 괜찮을 것 같네요~

JAVASCRIPT 팝업 차단 여부 확인 현재 사이트의 팝업이 차단이 되어있는지 체크하는 방법입니다. var popupWin = window.open('about:blank', 'popupWin');if(popupWin == null) {alert('팝업이 차단되어 있습니다.);} else {alert('팝업이 허용되어 있습니다.);popupWin.close();} 팝업은 필요한데 팝업이 차단되어 있는지는 잘 인지하지 못하는 유저들을 위해서 편의를 제공하기 위한 체크입니다. 팝업을 열기전에 미리 확인하는 것도 좋은 방법 같습니다.

JAVASCRIPT 안보이는 iframe 만들기 HTML 로 위 처럼 하여도 되지만 자바스크립트로 생성하고 form 의 submit 을 iframe 으로 지정하는 방법에 대해서 알아봅니다. ▶ iframe 생성 함수 function create_iframe(frmName) {if(!document.getElementById(frmName)) {var html = "Hidden iframe";var iframe = document.createElement("iframe");iframe.setAttribute("name", frmName);iframe.setAttribute("id", frmName);iframe.setAttribute("frameborder", "0");iframe.setAttribute(..

JAVASCRIPT 보안서버 https 에서 http 의 js 를 호출시 아래와 같은 문구가 뜨면서 실행이 되지 않습니다. 이 페이지가 인증되지 않은 소스에서 스크립트를 로드하려고 시도하고 있습니다. 이런 경우는 동일한 https 로 js 를 호출하거나~ http 팝업을 열어서 여기서에서 http 로 js 를 호출하여야 합니다. 내부 서버의 js 라면 첫번째 방법으로 해결이 되겠지만, 외부의 js 파일이라면 두번째 방법을 사용하거나 js 파일을 미리 다운로드 받아서 내부 서버에 올려두고 호출하는 방법을 사용하여야 할 것 입니다.

JAVASCRIPT window.open POST 로 값 전달하기 자바스크립트로 새로운 창을 열어서 변수들을 GET 이 아닌 POST 로 넘기는 방법입니다.function action_popup(idx) {var lPos = screen.availWidth / 2 - 300 / 2;var windowUrl = 'about:blank';var windowName = 'TARGET_' + idx;var popupWindow = window.open(windowUrl, windowName, 'left='+lPos+',top=10,scrollbars=yes,width=300,height=640');var popupForm = document.popupForm;if(!document.popupForm) {popu..

자바스크립트 프린터 출력 이벤트 알아내기 javascript 로 인쇄의 시작과 종료를 catch 하는 방법니다. if(window.matchMedia) {var mediaQueryList = window.matchMedia('print');mediaQueryList.addListener(function(mql){if (mql.matches) {beforePrint();} else {afterPrint();}});}window.onbeforeprint = beforePrint;window.onafterprint = afterPrint;function beforePrint() {alert('인쇄를 시작전 입니다.');}function afterPrint() {alert('인쇄가 완료되었습니다.');}