Category Archives: JavaScript

jQuery .size() 와 .length 의 차이점

By | 11월 2, 2011

구글링 해 본 결과… .size() 와 .length 는 같은 결과를 반환하고, .size()는 .length 를 메서드 콜 하기 때문에 아주 미세하게 느리다 (-_- 😉 라고 한다.  결국 차이가 없다는 말이다.  

[펌글] 자바스크립트 nodeType 에 대하여

By | 10월 28, 2011

– 출처 : https://developer.mozilla.org/en/nodeType – Summary Returns an integer code representing the type of the node. Syntax var type = node.nodeType; type is an unsigned short with one of the following values: Node.ELEMENT_NODE == 1 Node.ATTRIBUTE_NODE == 2 Node.TEXT_NODE == 3 Node.CDATA_SECTION_NODE == 4 Node.ENTITY_REFERENCE_NODE == 5 Node.ENTITY_NODE == 6 Node.PROCESSING_INSTRUCTION_NODE == 7 Node.COMMENT_NODE == 8 Node.DOCUMENT_NODE ==… Read More »

jQuery children(), find() 와 filter() 의 차이점

By | 10월 28, 2011

$obj.children(표현식) : $obj 하위 직속 엘리먼트 중에서 select. text node는 반환하지 않는다. $obj.find(표현식) : $obj 하위의 모든 엘리먼트 중에서 select $obj.filter(표현식) : $obj 집합 자체 내에서 select * 참고    – $obj.not(표현식) : filter()와 위상은 같고 결과는 정반대 이다. (표현식에 해당하는 집합들을 remove)

IE9 의 버그

By | 10월 18, 2011

* 팝업이 아무리 해도 뜨지 않을 때.    – window.open()의 두 번째 파라미터인 팝업명에 공백문자/특수문자가 들어 있지 않은지 점검하자.   – 단지 팝업이 뜨지 않을 경우도 있고, SCRIPT87 에러를 발생시키는 경우도 있다.

iframe으로 form submit시 주의할 점

By | 4월 20, 2011

* form submit의 target을 지정할 때 iframe 객체를 target으로 하는 것이 아니라,    iframe 엘리먼트의 name을 target으로 지정해야 한다.  * 샘플 코드   //스크립트 form submit   var frm = document.getElementById(‘queryForm’); frm.target = “resultIframe”; frm.submit();   //html iframe   <iframe id=”resultIframe”></iframe>  * 의문점 이렇게 form submit을 할 경우 구글크롬에서는 제대로 iframe에 결과가 뿌려지는데, IE6에서는 iframe 영역이 아닌 새 창이 떠서… Read More »

[펌글] 자바스크립트 클립보드에 복사하기

By | 5월 18, 2010

– 출처 : http://blog.naver.com/logix21c/10052596040 – 1. 복사할 내용이 Text 일때 바로 복사하기 ——————————————————————-  <script type=”text/javascript” language=”javascript”>   <!–    function clipboard(str){     window.clipboardData.setData(‘Text’,str);     alert(“클립보드에 복사되었습니다.”);    }   //–>  </script> <a href=”javascript:clipboard(‘클립보드’);”>클립보드</a> ——————————————————————- 2. 텍스트박스 안에있는 내용을 클립보드로 복사하기 ——————————————————————- <script type=”text/javascript” language=”javascript”> <!–  function selectall(param){  param.select();  var clip=param.createTextRange();  clip.execCommand(‘copy’);  alert(‘클립보드에 복사되었습니다’);  } //–> </script>… Read More »

자바스크립트 날짜객체(Date) 생성 및 날짜 계산

By | 3월 15, 2010

– 출처 : http://cafe.naver.com/tonkjsp/226 – – 출처 : http://dongsilove.tistory.com/101 – * Date 객체 생성 var dtNow1 = new Date(); // 시스템 오늘 날짜 var dtNow2 = new Date(5999000920); // 밀리초 값으로 날짜를 객체 생성 var dtNow3 = new Date(“March 12, 1980 12:20:25”); // 문자열 값으로 날짜를 객체를 생성 var dtNow4 = new Date(1977,10-1,28)  // 직접 년, 월, 일 값을… Read More »

window.onload 의 위험성 (tiles 레이아웃이 적용되지 않는 문제)

By | 3월 2, 2010

페이지를 만들다가 어디에도 잘못된 곳이 없는데 tiles 레이아웃이 적용되지 않는 문제가 있었다. 정말 희한했던 것은, 소스보기를 하면 레이아웃의 모든 부분에 대한 소스가 보이는데, 실제 화면에서는 레이아웃 부분이 보이지 않았다는 것이다. 아무튼 고생고생 하면서 원인을 찾다가 다음의 코드가 원인임을 알았다. window.onload = initFunction;   //initFunction은 직접 정의한 함수 레이아웃을 구성하는 페이지 중에 onload 이벤트를 사용하는 부분이 있었는데, 내가… Read More »

[펌글] 팝업 리사이즈 방법 (resizeBy, resizeTo)

By | 2월 16, 2010

– 출처 : http://taizyeris.tistory.com/241 – 팝업을 띄울때 팝업에 실제와 같은 사이즈를 주어서 띄워도, sp2에서 팝업창 아래 상태바가 있는 경우와 그외의 os에서 상태바가 없는 경우 창 안의 내용들이 달라 보이는 경우가 있다. 또한 앞으로 나올 IE7의 경우에는 창 상단에 주소까지 나와서 많이 틀려보이는 경우가 발생한다. 이때 다음과 같은 스크립트를 사용하여 onload에 넣어주면, 상당히 깔끔한 window resize가 된다.… Read More »

[펌글/JavaScript] event.cancelBubble 에 대하여

By | 2월 9, 2010

– 출처 : http://stylekai.tistory.com/124 – 오늘 간만에 JavaScript를 사용하다.. 다시한번 빠져든 이야기.. 다음과 같은 태그로 구성된 document가 있다고 하자.. <table onclick=”go(1);”> <tr> <td><span onclick=”go(2);”>메롱메롱</span></td> </tr> </table> 여기서, 내가 기대한 동작은.. span태그가 감싸고 있는 부분(메롱메롱)을 누르게 되면 go함수에 2를 전달하게 되고, 기타 테이블의 다른 영역을 클릭하게 되면, go함수에 1을 전달하는 시나리오였다.. 그런데.. span태그가 감싸고 있는 부분을 아무리… Read More »

[펌글] 자주 쓰는 자바스크립트(javascript) 함수 (input 에 숫자만 입력하게 하는 등)

By | 12월 31, 2009

– 출처 :  http://webprogrammer.tistory.com/1194 – //var    _intValue   = ‘0123456789’; //var    _upperValue = ‘ABCDEFGHIJKLMNOPQRSTUVWXYZ’; //var    _lowerValue = ‘abcdefghijklmnopqrstuvwxyz’; //var    _etcValue   = ‘~`!@#$%%^&*()-_=+\|[{]};:\’\”,<.>/?’; //var    dayOfMonth = new Array(31,28,31,30,31,30,31,31,30,31,30,31); n = (document.layers) ? 1:0; ie = (document.all) ? 1:0; if (n) document.captureEvents(Event.KEYPRESS); function fnTest(pval) {   fnTest =  doReverse(pval.value) ;   alert… Read More »

[펌글][자바스크립트] 브라우저명을 정확히 알아내기

By | 12월 31, 2009

– 출처 : http://webprogrammer.tistory.com/1276 – 보통 브라우저명을 체크할 때 아래 코드를 많이 사용합니다. var DOM = (document.getElementById) ? true : false; // W3C 표준 var IE4 = (!DOM && document.all) ? true : false; // IE4 var IE5 = (DOM && (navigator.userAgent.indexOf(“MSIE”)>-1)) ? true : false; // IE5 >= 5 var NS4 = (!DOM && document.layers)… Read More »

[펌글] 자바스크립트(javascript) 객체 및 함수 목록

By | 12월 31, 2009

– 출처 :  http://cafe.naver.com/tonkjsp/226 – ▶ 자바스크립트 객체      – 구현 엔진과는 관계없이 언어에 종속에 된다.          즉 , 자바스크립트를 어디에서 구현하느냐와 관계없이 객체를 사용이 가능하다.      – 각 객체는 기 본 데이터 타입과 함께 전환 함수 등의 추가적인 기능을 포함하고 있다.          – 자바스크립트의 모든 객체는 배열을 상속하고 있다.      – 자바스크립트 객체는 Object라는 객체에 기초를 둔다.      -… Read More »