* 개요 – 이미지 맵 클릭시 경계선이 표시되면 어찌됐건 세련되지 못하게 보이는 게 보통이다. 그래서 기존에는 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 »
– 출처 : 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()); //전체 데이터 리턴
