※ 완벽한 해결책은 아니지만, 다음의 방법으로 일단 깨지는 것을 막을 수 있다. * 트리가 만들어지는 페이지에 다음의 스타일 추가 <style type=”text/css”> ul, li { zoom: 1 } </style> * 완벽하지 않다고 한 이유는, 트리의 2depth 이상에서 트리를 펼칠 때 트리가 약간 (1픽셀 정도) 위로 움직이는 현상이 있었기 때문이다. (IE7 혹은 호환성보기에서만)
http://toddler1.egloos.com/2889316
http://naradesign.net/wp/2012/05/10/1786/
* 오페라 브라우저는 포커스가 간 엘리먼트에 빨간 테두리를 쳐 버리는 특징이 있는 것 같다. 검색을 조금 해 보니 이것은 버그도 아니고 브라우저 설계시 그렇게 되도록 만든 것 같다. jQuery UI의 dialog 위젯으로 로딩이미지를 만들었을 경우, 로딩이미지가 show() 될 때 로딩이미지의 부모 엘리먼트에 포커스가 가서 빨간 테두리가 그려지는 문제가 간혹 생겼는데, 그래서 부모 엘리먼트의 tabindex 속성… Read More »
jqueryWTP : Eclipse jQuery Code Assist Plugin
* 이 현상은 get 방식으로 보내는 파라미터의 내용중에 +기호가 있을 경우에 발생하는데, 보통은 + 를 파라미터로 실어 보내는 일이 없지만, Base64로 인코딩된 문자열(ex: 암호화된 id)에는 +가 있을 경우가 종종 있기 때문에 이런 얘들을 get으로 실어 보낼 때 심심치 않게 볼 수 있다. 그래서 해결책을 이것저것 찾아보았지만 결국은 space를 +로 replace하는 것이 대세인 듯 하다. (아래 예제에서 decodeString()은… Read More »
http://igna.tistory.com/20
* 개요 – 이미지 맵 클릭시 경계선이 표시되면 어찌됐건 세련되지 못하게 보이는 게 보통이다. 그래서 기존에는 area 태그에 onfocus=”this.blur()” 속성을 넣어 주어서 이것을 막았는데, 노가다이기도 하고 보기에도 별로 좋지는 않았다. 그래서 검색을 해 보니 CSS로 간단하게 처리하는 방법이 있었다. * 해결방법 – 이미지맵을 사용하는 img 태그의 스타일속성에 outline:none… Read More »
* 해결 컨셉 – <a/>태그는 클릭시 페이지 이동을 시도하므로 onclick 이벤트 핸들러에서 막아주면 된다. * 해결 방법 – html inline 속성에서 처리할 경우 <a href=”” onclick=”functionA(); return false” /> – jQuery 이벤트 핸들러 바인딩시 처리할 경우 $obj.click(function(e){ e.preventDefault(); //필요한 로직… Read More »
* 원인 – 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 »
http://en.wikipedia.org/wiki/Web_colors
– 출처 : http://stackoverflow.com/questions/3680429/click-through-a-div-to-underlying-elements – * 일반적인 CSS pointer-events:none; background:url(‘your_transparent.png’); * IE를 위한 예외처리 filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=’your_transparent.png’, sizingMethod=’scale’); background:none !important;
* 해결 방법 가운데 정렬시키기를 원하는 block 속성 엘리먼트(ex: div)의 style속성을 다음과 같이 지정 (widh는 %나 pixel이나 관계없지만 반드시 숫자로 지정해 주어야 한다.) style=”margin-left:auto; margin-right:auto; width:xxx” * 참고 링크 CSS Horizontal Align
* 대략 아래와 같은 형식임 자세한 내용은 링크 참조 <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 »
