Category Archives: JavaScript

body 엘리먼트를 display:none 처리한 후 jQuery의 show() 함수를 호출했을 때 파이어폭스(FireFox)에서 화면이 나타나지 않는 현상

By | 10월 20, 2012

* 원인    – body의 기본 display 속성은 block인데,     FireFox 에서는 show()를 해도 display속성이 block이 되지 않는갑다.      * 해결    – display 속성을 block으로 만든 후 show를 해 주었다.   – $(‘body’).css(‘display’, ‘block’).show();      * 참고 사항    – display:none이 아닌 $(‘body’).hide()를 사용해서 숨겼을 경우에는 별 문제가 없었다.    – jQuery 1.8.x 에서는… Read More »

IE에서 사용하는 window.event (이벤트 전역객체) 에 대하여

By | 8월 31, 2012

어디서 읽은 글이라 출처가 없다 -.-;;… 비 IE계열의 브라우저에서는 이벤트객체를 사용할 때, 이벤트 핸들러에 반드시 이벤트 객체를넘겨주어야 하는 반면에, IE에서는 마지막으로 발생한 이벤트에 대해서 window.event 라는 전역속성명으로이벤트 객체를 참조하는 것이 가능하다고 한다.

공백 등 특수문자가 들어있는 id를 사용하여 jQuery 객체를 생성할 때 어떻게 하면 될까?

By | 8월 24, 2012

답1) 엘리먼트 id에는 특수 문자를 쓰면 안된다 >, < !!! 답2) 하지만 어쩔 수 없는 경우란 게 있잖아… (-,.   –  ) …       => attribute명으로 참조할 경우 그 안에서 문자열을 따옴표로 감쌀 수 있기 때문에 참조가 가능하다!!          (예: $(“div[id=’content Module’]” )            => 위와 같이 쓰면… Read More »

jQuery의 $obj.data() 메서드 사용 예시

By | 8월 14, 2012

$(‘#reqTable’).data(‘A’, ‘111’); //데이터 셋팅 $(‘#reqTable’).data(‘B’, ‘222’); $(‘#reqTable’).data(‘C’, ‘333’); $(‘#reqTable’).removeData(‘A’);  //특정 데이터 삭제        $(‘#reqTable’).data(‘B’)); //특정 데이터 리턴        $(‘#reqTable’).removeData(); //전체 데이터 삭제    $(‘#reqTable’).data()); //전체 데이터 리턴

jQuery 이벤트 스로틀링 플러그인 (event throttling)

By | 8월 8, 2012

http://benalman.com/projects/jquery-throttle-debounce-plugin/  – ajax call 처리 등을 위해서 : debounce() 사용- 리사이즈(resize), 스크롤링(scrolling) 처리 등을 위해서 : throttle() 사용- 해당 함수들을 실행하면 함수가 실행되는 것이 아니라 함수 자체를 리턴함에 유의한다.

window.open() 으로 팝업을 호출했을 때 팝업이 부모창 뒤로 숨는 현상 방지

By | 7월 26, 2012

* 문제해결의 요점은 “팝업에 포커스를 준다” 는 것이다.   그래서 다음과 같이 할 수 있을 듯 하다.    (1) 팝업페이지의 onload 스크립트에서 다음의 코드 호출         window.focus();    (2) 부모페이지의 window.open()의 리턴을 받아서 다음의 코드 호출          – 그러나 이 코드는 준비되자마자 호출할 수 없고, 팝업의 렌더링 시간을 예측하여    … Read More »

jQuery UI의 버튼()이 있는 페이지에서 input text에 엔터키를 입력했을 때 form 내의 첫번째 버튼이 클릭되어 함수가 실행되는 경우

By | 7월 23, 2012

* 현상    form 안에 조회조건 input text와 jQuery-UI의 button이 있다.    (form은 onsubmit=”return false” 처리되어 있는 상태임)   input text 에 조회조건을 입력하고 엔터키를 입력하니 button에 바인딩된 함수가 실행되었다.-.-;;   keycode == 13 이런 이벤트바인딩을 해 준 것도 아닌데 어떻게 이렇게 된단 말인가!! * 원인규명    원인을 찾기 힘들었던 이유는 form에 이미 return false가 되어 있기 때문이었다.   위… Read More »

[펌글] 자바스크립트(javascript) 배열(array) 관련 문법 정리

By | 5월 9, 2012

* 자바스크립트 배열(array) 관련 문법- 출처 : http://www.yunsobi.com/blog/3 – – 배열의 생성                    var arr = [1,2,3,4,5];                  //리터럴로 생성 var arr = new Array();                    //Array 클래스로 생성var arr = new Array(5);                … Read More »

namedItem() 함수에 대하여

By | 5월 3, 2012

자바스크립트HTML컬렉션객체.namedItem(id or name);    – 엘리먼트 컬렉션 내에 해당 id나 name을 갖는 객체가 있으면 그 객체를 반환한다. * 참고 링크    http://www.java2s.com/Code/JavaScriptReference/Javascript-Methods/namedItemSyntaxParametersandNote.htm 

event.shiftKey 에 대하여

By | 5월 3, 2012

var bool = event.shiftKey; event 객체는 true/false의 값을 갖는 shitKey 라는 속성을 가지고 있어서, 이벤트 호출시 쉬프트키가 눌러졌는지 여부를 알 수 있다. * 참고 링크    https://developer.mozilla.org/en/DOM/event.shiftKey      HTML DOM Event Object