밥벌이 :)/jquery & javascript 썸네일형 리스트형 jQuery / Script : 긴 글에 대한 '...', 말줄임처리 (dotdotdot.js) jQuery / Script : 긴 글에 대한 '...', 말줄임처리 (dotdotdot.js) 웹작업을 하다보면 말줄임('...')처리를 해야할 경우가 많이 있다. 보통 디자이너는 시안을 만들때 해당 가로사이즈에 맞게 예제텍스트를 넣어 작업을 하기때문에 데이터가 길어질 경우 레이아웃이 깨지는 경우가 있다.아래 경우를 보자. 위 캡쳐는 네이버 메인페이지 뉴스섹션의 캡쳐본이다. 텍스트가 특정 너비를 넘어갈 경우 '...'로 텍스트를 숨기도록 css 처리를 해놓았다. 위 캡쳐이미지는 개발자도구를 이용해서 해당하는 style을 제거한 모습이다.만약 해당 css처리를 안해놓는다면 데이터가 길어지면 위와같이 나올 것이다. 그래서 클라이언트가 "10자이상 절대 안넘어가요."라고 못을 밖아도 만약의 경우를 대비하여 .. 더보기 jQuery : 터치무브(thouchmove, 모바일 스크롤)방지/해제 - 2015.01.06 jQuery : 터치무브(thouchmove, 모바일 스크롤)방지/해제 - 2015.01.06 간혹 모바일 작업하다보면 특정상황에서 스크롤을 막어야 할 경우가 있다.(레이어팝업을 띄울 경우 등등..) 스크롤을 막고싶을때 window height를 조정하여 막는 방법도 있지만더 간단하게 구현 가능하다. $("body").bind('touchmove', function(e){e.preventDefault()}); //스크롤방지$("body").unbind('touchmove'); //스크롤 방지 해제 pc상의 브라우저에서는 실제로 touchmove이벤트는 발생되지 않으므로스크롤이 되지만 실제 모바일에서는 스크롤이 되지 않는다. 더보기 Script : 자바스크립트 팝업창 띄우기 함수 - 2014.07.22 Script : 자바스크립트 팝업창 띄우기 함수 별것도 아닌 소스인데 외우긴 죽어도 싫다. ㅋㅋㅋ 해서 기록해 둔다. 팝업 띄우는 함수 //함수부분 function popup(){ window.open( "popup.html", "popup" , "toolbar=no, location=no, resizable=yes, scrollbars=yes, width=600, height=350, left=0, top=0" ) } //HTML부분 팝업창 오픈 자바스크립트 팝업창 띄우기 함수 더보기 jQuery : 요소 선택 - 2014.01.16 잘쓰이지 않는 선택자는 자꾸 까먹어서 적어놔야겠다. 셀렉터가 복잡하면 복잡할수로 jQuery가 문자열을 처리하는 데 더 많은 시간이 걸린다! 1. 직속 자식 요소 찾기 직속 자손 결합자 '>' 를 사용. jQuery('#nav li > a') 는 id가 nav 안에 'li' 태그안에 'a' 인 태그를 선택하게 될것이다. 이외에도 child() 및 find() 등을 써서 찾을 수 있을 것이다. 그중 가장 빠른건 child() 메서드가 가장 빨리 찾는다 2. 특정 형제들 선택하기 jQuery('h1 + h2') 는 h1 다음 바로 h2 인 것만 선택하게 된다. jQuery('li.selected ~ li') li.selected 뒤에 나오는 모든 li 태그를 항목으로 선택 next() , nextAll() .. 더보기 jQuery : keycode 값 가져오기 - 2013.11.21 keyCode 가져오기. 키보드 이벤트를 주려 고민중에 근데 내가 키보드의 어떤 키를 눌렀는지 확인을 어떻게 해야되지.. 구글신께 검색해보니 keyCode를 가져올 수 있는 방법이 있었다. (소스는 매우 간단했다.) //키보드의 키 값 출력 $(document).keydown(function(e){//어떤키를 눌렀는지 e에 담는다 var a = e.keyCode; //a에 해당키의 keycode를 넣고, alert(a); //alert으로 출력 }); 위와 같은 소스를 삽입하고 브라우저에 페이지를 띄어 키보드를 누르면 해당 키 값이 alert창에 뜬다. (Ctrl키를 눌렀더니 alert창에 17이 출력된다.) 더보기 이전 1 다음
