iframe, frame 사용시 페이지 이동할때마다 깜빡임 현상 (메인 배경이 흰색이 아닌데 흰색으로 깜빡임 현상) 배경 색과 관계없이 html을 그릴 때 먼저 흰색배경이 칠해지고 나서 css가 적용되어 다른 색이 칠해지기 때문에 흰색 깜빡임 현상이 발생한다. 따라서 부모와 iframe/frame 배경을 원하는 배경색으로 칠해놓고 iframe/frame안의 html문서의 html 테그의 속성을 visibility: hidden을 해놓고 script에서 visible로 바꾸면 이 현상을 해결할 수 있다. 웹 개발 2019.08.23
javascript object size Object.size = function(obj) { var size = 0, key; for (key in obj) { if (obj.hasOwnProperty(key)) size++; } return size; }; // Get the size of an object var size = Object.size(myArray); 출처 : http://stackoverflow.com/questions/5223/length-of-javascript-object-ie-associative-array 웹 개발 2019.08.17
javascript 레퍼런스 참조 없는 배열 복사(deep copy) // 아래와 같이하면 레퍼런스 참조로 복사된다. var aaa = [0, 1, 2, 3, 4, 5]; var bbb = aaa; // 참조 없는 배열 복사가 필요하면 아래와 같이 하면 된다. var aaa = [0, 1, 2, 3, 4, 5]; var bbb = JSON.parse(JSON.stringify(aaa));; 웹 개발 2019.08.17
html/javascript - enter키를 누르면 click event가 발생하는 문제 출처 : http://stackoverflow.com/questions/905222/enter-key-press-event-in-javascript IE에서 enter를 누르면 form submit이 동작하는데, submit이 불가능한 상황이 되면 현재 페이지의 첫번째에 있는 button의 클릭 이벤트가 발생 하는 것 같다. (어처구니 없는 건 textbox에서 enter를 눌러도 이런다는거...) 아래의 소스로 회피 가능하다. function runScript(e, id) { if (e.keyCode == 13) { var tb = document.getElementById(id); eval(tb.value); return false; } } 웹 개발 2019.08.17
javascript function exist(define) check (함수가 존재하는지 체크) 함수명이 getUserId 일 경우 // 1. 동일 문서 if("undefined" != typeof getUserId) { alert("함수가 존재하지 않습니다."); } // 2. iframe, frame으로 나뉘어져 있을 경우 if("undefined" != type parent.document.getElementById("프레임 ID").contentWindow.getUserId) { alert("함수가 존재하지 않습니다."); } // 3. 자식 창에서 부모창을 호출 할 경우 if("undefined" != type opener.getUserId) { alert("함수가 존재하지 않습니다."); } // 4. 응용 if("undefined" != type opener.parent.document.. 웹 개발 2019.08.17
javascript json형태로 데이터 전송하기 var data = []; data.push({"name": "홍길동", "phone", "111-1111"}); // 전송할 때 아래와 같이 문자열을 넣어서 전송 encodeURIComponent(JSON.stringify(data)); 웹 개발 2019.08.17
html accesskey (단축키 지정) add accesskey 속성은 마우스 등을 쓰지 않는 환경을 위해 링크나 입력 폼에서 키보드의 키 입력만으로 동작을 실행할 수 있도록 accesskey 속성값에 access 할 영어 또는 숫자 한문자를 지정하여 단축키를 설정한다. accesskey의 실행 방법은 사용자의 OS와 브라우저에 따라 다르다. 특히, 다른 브라우저와는 다르게 IE(인터넷 익스플로러)에서는 태그에 지정된 accesskey를 실행하면 지정된 링크가 실행되는 것이 아니라, 태그로 포커스가 이동된다. 이때 Enter를 눌러야 지정된 링크가 실행된다. IE(인터넷 익스플로러에서는 예약어(F, E, V, A, T, H)는 사용 할 수 없다. * 브라우저별 accesskey 실행 방법 1. Window IE 6/7/8/9 : Alt + a.. 웹 개발 2019.08.17
IE 8이하 차단 script나 jsp/php 등에서 복잡하게 프로그램을 만들 필요 없이 IE에 경우 간단하게 차단 가능하다. 1. HTML에서 아래 코드 추가 (lteIE8.js 는 임의로 변경하면 됨) 2. lteIE8.js에 원하는 script 코드 작성 ex) top.location.href = "/lteIE8.html"; 웹 개발 2019.08.17