본문 바로가기

퍼블리싱/jQeury, Javascript

Windows xp, vista, 7 버전 체크 In XP it contains 5.1, in Vista 6.0 and in Windows 7 6.1 as you can see here http://msdn.microsoft.com/en-us/library/windows/desktop/ms724834(v=vs.85).aspx. var ua = navigator.userAgent.toLowerCase(); var isWinXP = ua.indexOf('windows nt 5.1') > 0; 더보기
IE 8이하버전에서 e.preventDefault()가 안먹힐때 우리는 이벤트 버블링을 막기위해 e.preventDefault()를 쓰는데,이게 ie 8이하에서는 먹지않는다.그럴땐 다음처럼 써주면 된다. e.preventDefault ? e.preventDefault() : e.returnValue = false; 더보기
Multiline Ellipsis 보통 텍스트길이가 지정된 영역을 벗어났을때 말줄임표시 "..."으로 처리 한다.하지만 보통은 한줄만 가능하고, 여러줄, 2줄이상에 "..."처리를 하려면, 다음처럼 하면 된다. 1. CSS로만 처리 (참고 http://codepen.io/martinwolf/pen/qlFdp)CSS로만 처리하려면, 다음을 해당 셀렉터에 추가하면 된다.-webkit-line-clamp: 2; /* 2줄까지만 보여주고 나머진 ... 처리*/-webkit-box-orient: vertical; 하지만, 보다시피 웹킷브라우저(크롬, 사파리)에서만 처리가능하기때문에 제한적이다.그래서 다음과 같은 플러그인 사용을 권장한다. 2. Autoellipsis 플러그인 활용- Alternative text ellipsis - JSFiddle.. 더보기
이벤트 버블링(Event Bubbling) 이벤트 버블링(Event Bubbling)은 이벤트를 일으킨 요소의 상위요소로 이벤트가 전파되는 것을 말한다. 그 반대는 캡처링(Capturing)이라고 한다. 다음의 소스를 보면 function eventTest(a){ alert(a); } div.child를 클릭하게 되면, 당연히 "child"텍스트의 알림창이 띄어질 것이다.하지만, 그 알림창을 닫게되면 바로 상위요소인 div.parent의 이벤트도 실행되어 "parent"라는 알림창이 띄어진다. 이렇게 이벤트가 상위요소로 전파되는 것이 바로 이벤트 버블링이다.그럼 이벤트 전파를 막으려면 어떻게해야할까? 해당함수에 event.stopPropagation();를 추가하면 되겠다. function eventTest(a){ alert(a); event.s.. 더보기
(플러그인링크) Flick Navigation (jQuery.touchSlider, dohoons) 좌우로 터치그래그 플러그인http://dohoons.com/test/flick/ 더보기