* 대략 아래와 같은 형식임 자세한 내용은 링크 참조 <meta http-equiv=”X-UA-Compatible” content=”IE=8,chrome=1″/> * 참고 링크 – Specifying Document Compatibility Modes (MSDN) – Force IE9 to emulate IE8. Possible? – X-UA-Compatible Meta Tag – X-UA-Compatible META tag를 삽입하였으나 작동하지 않을 때 – Implementing the META Switch on Apache
* 하이픈을 모두 지워주고 특정 자릿수에 하이픈을 삽입 (ex: 주민등록번호, 사업자번호) cellvalue = cellvalue.replace(/-/g, ”).replace(/(\d{3})(\d{2})(\d{5})/g, ‘$1-$2-$3’);
/[\{\}\[\]\/?.,;:|\)*~`!^\-_+<>@\#$%&\\\=\(\’\”]/gi * 필요한 특수문자가 다 있는지 아닌지는 검증되지 않은 상황임* 공백도 추가하고 싶다면 \s 도 추가해 주자
ZeroClipboard * 참고 대부분의 브라우저는 보안상의 이유로 클립보드 접근이 허용되지 않기 때문에 Flash등을 사용하여 클립보드 copy에 대한 대안을 마련하는 경우가 종종 있다.
* IE의 경우 – 방법1) 현재 도메인을 ‘신뢰할 수 있는 사이트’에 등록한다. – 방법2) IE옵션에서 보안수준을 ‘보통’으로 내린다. – 방법3) 고급옵션에서 설정할 수 있다고 한다(해본 적은 없음) * 기타 브라우저의 경우 방법이 발견되는 대로 기록하자!!
* 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 »
다른 브라우저는 다 인식하는 것 같은데, 구글 크롬(chrome)은 테이블 안에 있는 폼(form)을 인식하지 못한다. 웹표준도 아니라고 하니 이렇게 사용하지 말자!!! * 참고 위의 경우 디버거 등에서 보면, 실제 소스에는 form 태그 안에 <tr><td>등이 들어가 있음에도,<form id=”xxx”></form> 처럼 바로 태그가 닫혀 있음을 볼 수 있다. 그래서 jQuery등으로 하위엘리먼트들을 찾으면 찾을 수가 없게 되는 것이다. 그러나 jQuery의… Read More »
– 출처 : 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 »
CSS position Property 웹표준(0102) 포지션(POSITION) 알아보기 – ① absolute, relativeCSS | Position – static, fixed, relative, absolute
어디서 읽은 글이라 출처가 없다 -.-;;… 비 IE계열의 브라우저에서는 이벤트객체를 사용할 때, 이벤트 핸들러에 반드시 이벤트 객체를넘겨주어야 하는 반면에, IE에서는 마지막으로 발생한 이벤트에 대해서 window.event 라는 전역속성명으로이벤트 객체를 참조하는 것이 가능하다고 한다.
http://www.w3schools.com/cssref/pr_text_white-space.asp
* 프레임셋의 cols attribute는 css속성으로 접근할 수 없기 때문에 jQuery animate를 사용할 수 없다는 특징이 있다. $(function () { var minimizeInterval = null; var current = 500; … Read More »
답1) 엘리먼트 id에는 특수 문자를 쓰면 안된다 >, < !!! 답2) 하지만 어쩔 수 없는 경우란 게 있잖아… (-,. – ) … => attribute명으로 참조할 경우 그 안에서 문자열을 따옴표로 감쌀 수 있기 때문에 참조가 가능하다!! (예: $(“div[id=’content Module’]” ) => 위와 같이 쓰면… Read More »
$(‘#reqTable’).data(‘A’, ‘111’); //데이터 셋팅 $(‘#reqTable’).data(‘B’, ‘222’); $(‘#reqTable’).data(‘C’, ‘333’); $(‘#reqTable’).removeData(‘A’); //특정 데이터 삭제 $(‘#reqTable’).data(‘B’)); //특정 데이터 리턴 $(‘#reqTable’).removeData(); //전체 데이터 삭제 $(‘#reqTable’).data()); //전체 데이터 리턴
http://webprogrammer.tistory.com/263
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
