jQuery 이벤트 스로틀링 플러그인 (event throttling)
http://benalman.com/projects/jquery-throttle-debounce-plugin/ – ajax call 처리 등을 위해서 : debounce() 사용- 리사이즈(resize), 스크롤링(scrolling) 처리 등을 위해서 : throttle() 사용- 해당 함수들을 실행하면 함수가 실행되는 것이 아니라 함수 자체를 리턴함에 유의한다.
http://benalman.com/projects/jquery-throttle-debounce-plugin/ – ajax call 처리 등을 위해서 : debounce() 사용- 리사이즈(resize), 스크롤링(scrolling) 처리 등을 위해서 : throttle() 사용- 해당 함수들을 실행하면 함수가 실행되는 것이 아니라 함수 자체를 리턴함에 유의한다.
* 문제해결의 요점은 “팝업에 포커스를 준다” 는 것이다. 그래서 다음과 같이 할 수 있을 듯 하다. (1) 팝업페이지의 onload 스크립트에서 다음의 코드 호출 window.focus(); (2) 부모페이지의 window.open()의 리턴을 받아서 다음의 코드 호출 – 그러나 이 코드는 준비되자마자 호출할 수 없고, 팝업의 렌더링 시간을 예측하여 … Read More »
* 현상 form 안에 조회조건 input text와 jQuery-UI의 button이 있다. (form은 onsubmit=”return false” 처리되어 있는 상태임) input text 에 조회조건을 입력하고 엔터키를 입력하니 button에 바인딩된 함수가 실행되었다.-.-;; keycode == 13 이런 이벤트바인딩을 해 준 것도 아닌데 어떻게 이렇게 된단 말인가!! * 원인규명 원인을 찾기 힘들었던 이유는 form에 이미 return false가 되어 있기 때문이었다. 위… Read More »
* 바깥쪽 div의 style 속성 overflow-y : auto (혹은 scroll) * 안쪽 div의 style 속성 display : block * 참고 그러나 위와 같이 해도 FireFox 에서는 스크롤이 생기지 않고, 안의 내용이 늘어날 때마다 크기가 변경되었다. 구글링을 해 보니 스타일 속성에 overflow: -moz-scrollbars-vertical 을 넣으라고 되어 있던데, 그렇게 해도 스크롤바만 생길 뿐 크기가 변경되는 것은 마찬가지였다.… Read More »
http://cdmanii.com/1483
iframe 태그는 비어있는 body를 반드시 필요로 하는 태그이다. 혹시 <iframe … /> 이런 식으로 태그를 종료했다면 (X), <iframe … ></iframe> 이런 식으로 태그를 종료하자! (O) 이거 때문에 시간 좀 썼네 ㅜㅡ… 역시 공선생!
http://www.noupe.com/css/7-css-hacks-you-cannt-live-without.html http://www.dynamicsitesolutions.com/css/filters/first-child-plus-html/ http://www.thesitewizard.com/css/excludecss.shtml http://www.cssportal.com/css-hacks/ http://kaludin.egloos.com/967831
http://soulgraphy.com/110 http://blog.naver.com/weed31/140072061719
* 참고 링크 W3School Reference table-layout property table-layout 속성을 이용하여 테이블 고정하기 * 문제 해결 사례 – colspan이 들어가 있는 테이블에서 width를 지정해도 원하는 대로 그려지지 않을 때 table-layout: fixed 를 주었더니 해결되었다. – table 안에 div를 넣고 table의 width가 줄어들 때 안에 있는 div도 줄어들게 하고 싶었다. table-layout:… Read More »
http://happyjung.com/gnuboard/bbs/board.php?bo_table=lecture&wr_id=898&sca=HTML
1. 배열객체.getClass().isArray() 사용 – primitive type의 배열에도 사용할 수 있다. – 객체가 null일 경우 NullPointerException을 발생시킨다. 2. 배열객체 instanceof Object[] 사용 – primitive type의 배열에는 사용할 수 없는 듯 하다. – 객체가 null일 경우 false를 리턴한다. * 참고 링크 – http://stackoverflow.com/questions/219881/java-array-reflection-isarray-vs-instanceof
http://www.yunsobi.com/blog/406
http://mean79.tistory.com/60
http://jace.tistory.com/120
HTML ASCII ReferenceHTML ISO-8859-1 ReferenceHTML Symbol Entities Reference HTML URL Encoding Reference (%숫자)
effect 데모 – 특정 브라우저에서 잘 안될 경우 우측 상단의 new window 버튼을 사용, 새창에서 실행해 보자. easing 데모
– 출처 : http://blog.naver.com/aodrmfrl/90142324103 – 우선 float right을 설정할 태그를 감싸고 있는 태그의 넓이값을 정해준다. 그리고 right을 설정할 태그와 이것의 왼쪽에 있는 태그의 위치를 바꿔준다. 보통 왼쪽에서 오른쪽 순으로 코딩을 하는데 이러면 오른쪽에 있는 태그가 아래로 떨어지는 현상이 발생한다. 이 현상을 방지하는 방법은 그저 오른쪽으로 갈 태그를 먼저 써주면 되는 것이다. [출처] IE7 에서 float right버그|작성자 GodIsLove
* 어쩌다 한번 JSTL이나 EL 문법을 html 화면으로 보여주기 위해 escape 해야 할 경우가 있다. – JSTL : <, > 활용 – EL : 역슬래쉬(\) 활용
9 Javascript and Animated GIF Loading Animation SolutionsGlobal AJAX Loading SpinnersjQuery BlockUI (화면 modal 처리) http://ajaxload.info/ http://loadinggif.com/ http://preloaders.net/http://loadinfo.net/
$(document).click(function(event) { alert(‘a’); event.stopImmediatePropagation(); }); $(document).click(function() { alert(‘b’); }); * 참고 링크 http://stackoverflow.com/questions/652495/jquery-multiple-event-handlers-how-to-cancel