코딩75 [jquery] a링크 클릭시 상단 이동 취소 코딩할때 아래와 같은 코드를 매우 많이 활용한다. a태그를 만들어서 이벤트를 호출할때 사용한다.클릭 이벤트 그럴때, 항상 href의 #(해시)가 동작하면서.. 상단으로 스크롤이 튕기는 현상이 발생하는데이것을 막으려면 아래와 같이 이벤트 안에 preventDefault 매소드를 추가해서 동작을 취소시켜주면 된다.function onclick(event) {event.preventDefault();//event} 그런데 이 소스가 IE에서 에러가 날때가 있다. preventDefault가 IE에서 안통한다.크로스브라우징을 고려한다면 아래와 같이 작성하면 된다! function onclick(event) {event.preventDefault ? event.preventDefault() : (event.ret.. 2017. 2. 23. [jquery] DOM에 나중에 추가된 항목 접근(이벤트) document가 모두 다 load 되고 난 후, jquery로 인해 DOM에 추가된 요소들은 보통 접근할 수 없다.그것에 접근하기 위해서는 이벤트를 다르게 줘야 하는데삭제 $('.survey_list').on('click', '.btn_del', function() {$(this).parent().remove(); //여기서 this는 .btn_del 이 됨.}) '.btn_del'이 DOM에 새로 추가된 엘리먼트라고 한다면, 그 부모를 이벤트 대상으로 선택하고.on(event, 추가된 elment, function() { }) 로 작성을 하면 된다. 또는 ajax 호출 후에 추가해야하는 이벤트의 경우 아래 방법을 사용하면 잘됨. $(window).bind("load", function() { // i.. 2017. 2. 6. [git] branch 삭제 local에 있는 branch 삭제 $ git branch -d issue merge 여부에 상관없이 삭제 $ git branch -D issue 저장소에 이미 올라간 브랜치 삭제 $ git push origin :issue 저장소에 있는 브랜치 목록 모두보기 $ git branch -a 2017. 1. 11. 클립보드복사 스크립트 (모든 브라우저) clipboard 복사 스크립트. flash를 사용하지 않고 스크립트로만 함. 크롬, 파이어폭스, ie10 테스트 완료 방법은.. input박스를 안보이게 하나 만들고, 그 안에 value값을 집어넣어서 select되게 한후 복사하는 방법. 주의할 점은 input박스를 hidden처리하면 안된다. display:none도 하면 안되고 opacity를 0으로 하거나 position을 absolute로 해서 가려지게 해야함. HTML CODE ns1.euntori.com 211.000.000.000 ns2.euntori.com 211.111.111.111 jQuery CODE $('.clipboardBtn').on('click', function(e) { // a의 텍스트값을 가져옴 var text = $(.. 2016. 11. 8. [jquery] tab메뉴 링크연결, hash 탭메뉴가 들어간 A 페이지를 만들었다. 부트스트랩을 이용해서..그런데 다른페이지B에서 어떤 버튼을 클릭했을때, 탭메뉴페이지A의 해당 탭을 선택한것 처럼 바로 열리도록 하고싶을때hash 스크립트로 간단하게 해결할 수 있다. a태그의 북마크 같은 기능을 탭메뉴 스크립트로 만든것. A 페이지 탭 도메인이란? 도메인 연장 기관 이전 ...... B 페이지 버튼버튼 href에 해당탭 id를 넣는다. 도메인 연장 스크립트 $(function(){ if (location.hash == "#domain"){ $('.nav-tabs').find('li').eq(0).addClass('active').siblings().removeClass(); $('.tab-content').find('#domain').addClass.. 2016. 11. 3. 스크린아웃, 히든처리 css .screen_out{position:absolute;width:0;height:0;line-height:0;text-indent:-9999em;overflow:hidden;} 2016. 9. 8. 이미지 sprite 해주는 사이트 splite이미지를 자동으로 영역을 잡아서 css로 변환해 주는 사이트 background-position값을 자동으로 잡아줘서 엄청 편리하다. http://www.spritecow.com/ 2016. 5. 3. 쿼크모드 (호환성보기) 발생 원인 간혹 익스플로러에서 사이트를 들어갔을때 오래전에 만들어진 사이트인 경우 쿼크모드 (호환성보기) 가 자동으로 발생되는 경우가 있다. DOCTYPE의 선언이 존재하지 않거나, 잘못 적혀 있을 경우, 또는 URL이 생략된 경우 웹브라우저는 문서를 쿼크모드로 해석한다고 한다. 자세한 부분은 https://ko.wikipedia.org/wiki/%EC%BF%BC%ED%81%AC_%EB%AA%A8%EB%93%9C 이곳 참조. 내가 작업하던 사이트는 자꾸 접속하면 IE5 모드로 바뀌거나, 쿼크 모드가 되어 찾아봤더니 이렇게 URL이 빠져 있어서 그런것으로 확인됐다. 휴 속시원하네. 2016. 4. 8. 페이스북 타임라인 css 페이스북처럼 양쪽 타임라인 이었다가, 좁은화면에서는 한쪽으로 정렬되는 css 원본 사이트 : https://github.com/andriussev/timelinedDemo : http://timelined.andriaus.lt/ 2016. 2. 26. 이전 1 2 3 4 5 6 7 ··· 9 다음