각각 div로 이루어진 버튼들을 td 안에서 수평,수직 가운데 정렬(align) 하기

By | 9월 18, 2012

* html 코드 <!– 버튼들이 위치할 td –><td>     <!– 버튼들을 한 덩어리로 묶는 div –>     <div class=”inGridBtns”>        <!– 버튼들. background 이미지로 버튼임을 표현함 –>         <div onclick=”a()”></div>        <div onclick=”b()”></div>        <div onclick=”c()”></div>    </div></td> * css 코드 .inGridBtns {  display:inline-block; /* inline-block이어야 자식객체의… Read More »

HTML 테이블(table) 안에 폼(form)을 넣지 말자!

By | 9월 15, 2012

다른 브라우저는 다 인식하는 것 같은데,  구글 크롬(chrome)은 테이블 안에 있는 폼(form)을 인식하지 못한다. 웹표준도 아니라고 하니 이렇게 사용하지 말자!!! * 참고 위의 경우 디버거 등에서 보면, 실제 소스에는 form 태그 안에 <tr><td>등이 들어가 있음에도,<form id=”xxx”></form> 처럼 바로 태그가 닫혀 있음을 볼 수 있다. 그래서 jQuery등으로 하위엘리먼트들을 찾으면 찾을 수가 없게 되는 것이다. 그러나 jQuery의… Read More »

[펌글] ie7에서 display inline-block 사용하기

By | 9월 12, 2012

– 출처 :   http://dancer.tistory.com/126  – CSS로 Layout을 잡을 때 inline element 사이에 block element를 넣고 싶을 때가 있습니다. 하지만 div같은 block element를 사이에 넣는다면 새로 줄바꿈이 되어 element들이 포지셔닝하게 됩니다. 기본적으로 inline element가 block element를 포함할 수 도 없습니다. 그럴 때 inline-block display 속성을 사용한다면 원하는 방식으로 동작시킬 수 있을 것입니다. inline-block 속성은 매우 유용한… Read More »

fiddler web debugger 사용시 localhost의 트래픽을 잡지 못할 경우

By | 9월 4, 2012

  * 해법 : localhost와 port 사이에 점(.)을 추가해 보자! (예) http://localhost.:7001/xxx.do     * MiPlatform의 경우 – Data > DataGroups 의 요소나, Global > Global Variables 에 정의된 서비스 URL prefix를 수정하자.     * 참고 http://weblogs.asp.net/lorenh/archive/2008/01/10/tip-for-using-fiddler-on-localhost.aspx        

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 »

WebLogic을 사용하는 환경에서, 특정 라이브러리(jar)가 제대로 로딩되지 않고 구버전이 적용될 때

By | 8월 23, 2012

WebLogic을 사용하는 환경에서, 특정 라이브러리(jar)가 제대로 로딩되지 않고 구버전이 적용될 때,weblogic-application.xml 의 prefer-application-packages 엘리먼트에 해당 라이브러리(jar)의 명명규칙을 등록하고, 해당 라이브러리의 위치를 /WEB-INF/lib 하위로 이동시키면, 내가 로딩시키기 원하는 라이브러리(jar)를 우선적으로 로딩할 수 있다. * 참고 링크    http://docs.oracle.com/cd/E13222_01/wls/docs92/programming/classloading.html    https://forums.oracle.com/forums/thread.jspa?messageID=9170556   

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 »

div 안에 div를 계속 채울 때, 안쪽 div들의 높이의 합이 바깥쪽 div의 높이보다 커지면 바깥쪽 div에 스크롤이 생기게 하기

By | 7월 19, 2012

* 바깥쪽 div의 style 속성   overflow-y : auto (혹은 scroll) * 안쪽 div의 style 속성   display : block * 참고    그러나 위와 같이 해도 FireFox 에서는 스크롤이 생기지 않고, 안의 내용이 늘어날 때마다 크기가 변경되었다.   구글링을 해 보니 스타일 속성에 overflow: -moz-scrollbars-vertical 을 넣으라고 되어 있던데, 그렇게 해도   스크롤바만 생길 뿐 크기가 변경되는 것은 마찬가지였다.… Read More »