Category Archives: JavaScript

jQuery로 사용자 이벤트(event) 만들어 사용하기

By | 11월 17, 2011

– 출처 : http://stackoverflow.com/questions/2857900/onhide-type-event-in-jquery – * 상황 설명     마치 onclick 이벤트처럼, ‘어떤 동작’을 수행할 때(특정 함수를 호출할 때)  특정 동작을 수행하게 하고 싶다.     그러나 그 동작이 jQuery에 built-in 된 이벤트가 아니기 때문에 bind() 를 사용할 수가 없다. 어떻게 해야 하는가? * 방법 1      – 실제로 ‘hide’ 이벤트는 존재하지 않지만, 마치 이벤트가… Read More »

[펌글] jQuery select box(콤보박스) 와 option의 제어

By | 11월 8, 2011

– 출처 : http://sexybear.tistory.com/146 – $(“<option></option>”) .attr(“selected”, “selected”) .text(“텍스트”) .attr(“value”, “값”) .appendTo(“#selectboxid”); $(“#selectboxid”) .change(function() { alert(this.value); }); * 참고    removeAttr(‘selected’) 도 염두에 두자

자바스크립트 소수점 이하 자릿수 지정 방법

By | 11월 8, 2011

– 출처 : http://mwultong.blogspot.com/2007/08/javascript-tofixed.html – * 숫자 객체의 함수인 toFixed(n) 을 사용하면 임의로 소수점 이하 자릿수를 지정할 수 있다.   (예) var num = 123.456         num.toFixed(5)  =>  123.45600   //자릿수를 맞추기 위해 나머지 부분을 0으로 채움         num.toFixed(2)  =>  123.46        //해당 자릿수로 반올림 처리 – 참고… Read More »

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 »