Category Archives: JavaScript

[펌글] 브라우저에서 팝업창과 부모창간에 참조 방법

By | 1월 3, 2012

– 출처 : http://zinever.tistory.com/3 – opener 와 popup 창간에 변수를 참조하는 경우, 두 창 모두 열려 있는 상태라면 특정 변수를 참조 하는데 별다른 문제가 없는데, popup창을 닫는 동작과 함께 popup창에서 특정 변수, 객체를 opener로 전달 할때에는 브라우져 마다 각각 다르게 동작한다.                                  … Read More »

[펌글] 자바스크립트 hasOwnProperty() 함수의 크로스브라우징 처리

By | 12월 30, 2011

– 출처 : https://gist.github.com/332357 – * 개요 hasOwnProperty() 함수는 객체에 지정된 이름을 가진 속성이 있는지 여부를 반환하는 함수이다. (‘own’ 의 의미는 프로토타입 체인이 아닌, 객체 자체가 해당 속성을 가지고 있는지 여부를 나타내는듯 하다.) 그러나 구버전 IE 에서는 이 함수를 그대로 사용할 수 없기 때문에  다음의 코드를 소스에 추가하여 크로스브라우징 처리를 하도록 하자. * 코드 if ( !Object.prototype.hasOwnProperty )… Read More »

IE에서 jQuery text(arg) 함수 사용시 테이블(table) 렌더링 오류(불필요한 선 생성)가 날 경우

By | 12월 27, 2011

* 증상     테이블의 특정 TD에 jQuery의 text(arg) 함수를 사용하여 값을 삽입하는데,     테이블의 셀을 가로지르는 불필요한 선들이 불규칙하게 생성되었다.     (아래 그림에서 원래 이중실선이 아닌데 아래와 같이 렌더링 되었음)        오직 IE 에서만 이 문제가 발생한다. (IE 진짜.. 어후 그냥 -_-+…) * 원인     jQuery selector 의 잘못된 사용… Read More »

IE에서 jQuery를 사용하여 테이블 핸들링(조작/변경)시 깨지는(깨질) 경우

By | 12월 23, 2011

* rowspan 문제일 경우    – IE에서 테이블의 TD는 rowspan 속성을 따로 주지 않아도 기본적으로 rowspan=’1′ 을 가지고 있다.      그래서 rowspan 속성의 존재여부를 확인하는 .filter(‘[rowspan]’) 같은 selector는 사용할 수 없다.     – 그래서 filter() 에 함수를 사용하여 크로스브라우징 문제를 해결했다.         .filter(function(){          var $td = $(this);… Read More »

[펌글] 자바스크립트 arguments.callee와 arguments.caller 에 대하여

By | 12월 22, 2011

– 출처 : http://dancer.tistory.com/53 – arguments.callee This property is a reference to the function that you are in. Which is very handy if you want to get a reference to an anonymous function from inside itself. One good reason for doing this would be in a recursive anonymous function. arguments.caller This property is a reference to the… Read More »

jQuery에서 visibility 속성 핸들링 하기

By | 12월 16, 2011

* jQuery의 hide(), show() 메서드는 display 스타일 속성과만 관계가 있는 듯 하다.        visibility 속성을 핸들링 하려면 jQuery의 css() 함수를 사용하자.      $obj.css(‘visibility’, ‘hidden’);     //숨기기      $obj.css(‘visibility’, ‘visible’);     //보이기

[펌글] jQuery-UI Dialog의 타이틀바(titlebar) 제거하기

By | 12월 15, 2011

– 출처 : http://www.ke-cai.net/2009/05/remove-jquery-ui-dialogs-title-bar.html –  1. Hide it via it’s default CSS:      .ui-dialog-titlebar { display: none; };       * 주의 : This will change all dialog’s apperance. 2. Or add another CSS class, insetad of change them all.      .hide-title-bar.ui-dialog-titlebar { display: none; }      $(“#dialog”).dialog({ dialogClass: “hide-title-bar” }); 3. Remove title bar element… Read More »

자바스크립트 함수 호출시 null과 undefined 에 대한 정리

By | 12월 6, 2011

* 자바스크립트 함수 호출시 인수를 생략하고 호출할 경우와 인수에 null 을 넣고 호출할 경우,   함수 내부에서는 어떻게 해석하는지, 또 null과 undefined는 어떤 관계가 있는지 살펴보자. function test(arg){    var isNullValue            = (arg == null);    var isUndefinedValue  = (arg == undefined);    var isNull          … Read More »

jQuery를 사용하여 폼 파라미터 정리하기

By | 11월 30, 2011

* $(‘#formId’).serialize()    – 선택된 폼 객체 내의 모든 폼 요소들을 파라미터 문자열화 하여 리턴한다.    – 결과 예) check=check2&radio=radio1 * $(‘#formId’).serializeArray()       – 선택된 폼 객체 내의 모든 폼 요소들을 name-value 쌍의 json object 배열 객체로 리턴한다.    – 결과 예) [   {     name: “a”,     value: “1”   }        … Read More »

자바스크립트 콜백함수(callback function) 사용법

By | 11월 29, 2011

* 콜백함수 문법은 특정 함수의 동작이 끝남과 동시에, 다른 여러가지 함수를 호출해야 할 경우에 사용된다. // 콜백함수 정의 function callbackTest(arg){      alert(arg); } // 콜백함수를 호출할 함수 정의 function test( arg1, arg2, callback ){      if( typeof callback == “function” ){          callback();      } } // 함수 호출부… Read More »

[펌글] javascript delete 연산자(operator)

By | 11월 25, 2011

– 출처 : http://www.lovelgw.com/Blog/237 – Javascript 에서 DOM 객체를 다루거나 JQuery 를 이용해 다이나믹한 페이지를 작성하려 할때 객체를 변수에 담는 일을 많이 합니다. 여러 DOM객체를 불러 들이고 함수 내부에서 사용을 한 다음에 재 사용하지 않을때 delete 연산자를 이용하여 객체를 제거 해주는 것이 전체적인 속도 및 메모리 사용에 있어서 많은 잇점이 있습니다.  예를 들어 동적인 페이지를 작성하는 함수에서… Read More »