머리가 나뻐서 삽질 SAP(Study And Programming)

on() - selectstart, dragstart 로 마우스 드래그방지 2015.07.23 내용추가 지원불가 : 파이어폭스 제보 : zz 님 코드) 여기 텍스는 드래그와 셀렉트가 블가능합니다. 여기 텍스는 드래그와 셀렉트가 블가능합니다. 여기 텍스는 드래그와 셀렉트가 블가능합니다. 여기 텍스는 드래그와 셀렉트가 블가능합니다. 여기 텍스는 드래그와 셀렉트가 블가능합니다. 결과) <p><br /></p>

자바스크립트 롤링배너 롤링배너 누가 질문하길래 예전에 공부할때 만들었던(회사 선임님이 as->js로 마이그레이션 으로 주신) 배너에 회전 배열과 뎁스 그리고 타이머를 추가해서 올려보았다. 원본URL : http://serpiko.meximas.com/javascript/ 소스다운로드 : http://serpiko.meximas.com/javascript/gallery.zip 소스보기) next prev

Timer 라이브러리에 등록해서 그냥 애니메이션 메서드 두개 붙인것.. 주의할것은 타이머호출의 interval보다 애니메이션의 누적 실행 시간이 짧아야 한다는것.

jQuery 에서는 CSS 셀렉터 와 엘리먼트를 선택해 처리하는 방법을 사용합니다.그러나 이런 CSS 셀렉터 사용법을 좀더 잘 사용하면 처리속도의 향상을 가져옵니다. 여기에서 jQuery의 내부 처리와 같은 코드를 보고, jQuery를 빠르게 사용하기 위한 TIP 5 를소개하고자 합니다. 1. 여러번 같은 실렉터를 실행하지 않는다.2. 클래스만으로 지정하는 것을 금지한다.3. #id 의 사용을 적극 권장한다.4. 도중까지 결과를 재이용 한다.5. 자식 셀렉터(>)를 잘 사용하면 처리가 빨라진다. 1. 여러번 같은 실렉터를 실행하지 않는다.ㅁ 개선전 // 예제1 $("div.foo").addClass("bar"); $("div.foo").css("background","#ffffff"); $("div.fo..

제이쿼리로 드래그앤드롭 매우매우매우 친절하게 튜토리얼을 알려준다. http://www.elated.com/articles/drag-and-drop-with-jquery-your-essential-guide/ 요건 그냥 공식홈의 UI api 제이쿼리 UI http://jqueryui.com/

전체 초기화에는 크게 두가지 정도의 방법이 있다. 첫번째. 객체가 가진 각 타입의 항목별 길이만큼 for문으로 조회하여 쓰거나, 두번째. 선택자가 있을경우 선택된 요소 집합만큼 반복되는 함수인 each 메서드를 를 활용하여 체크해제를 할 수 있다. 1-1. for문을 이용한 체크해제 (non jQuery) var _input = document.getElementByTargetName("input"); for(var i=0; i

두가지 방법이있다. 방법1 : 태그의 속성 사용. oncontextmenu="return false" 이걸 이용하여 안드로이드 계열에서 저장되는 것 막음 style="-webkit-touch-callout:none" 이걸 이용하여 아이폰 계열에서 저장되는 것 막음 이렇게 처리하는것이 보편적임 방법2 : 자바스크립트 사용. ie 에서 : event.returnValue = false; 타브라우저에서 : event.preventDefaulr(); preventDefaulr(); event.preventDefault()Returns: undefined 제이쿼리API원문을 보면 다음과 같다. If this method is called, the default action of the event will not ..

function weaponOrganiser(){ alert("weapon test"); var weaponOrg = "Vector"; //G36C if(weaponOrg == "G36C"){ //$("#G36C").css('background-image', 'url("' + images/weapons/G36C/G36C.png + '")'); $('#G36C').css('background-image', 'url("/images/weapons/G36C/G36C.png")'); alert("G36C applied"); } else if(weaponOrg == "Vector"){ //$("#G36C").css('background-image', 'url("' + images/weapons/Vector/Vec..

.on() Attach an event handler function for one or more events to the selected elements. .on( events [, selector ] [, data ], handler(eventObject) ) example)$("#dataTable tbody tr").on("click", function(event){ alert($(this).text()); }); $("#dataTable tbody").on("click", "tr", function(event){ alert($(this).text()); });

.offset() : 조건에 일치하는 요소 집합 중 첫번째 요소의 문서 상의 상대적인 좌표값을 반환합니다. .offset() 함수는 객체의 속성 중 top 과 left 값을 반환해 줍니다. Note: jQuery는 숨은 요소 또는 body 요소의 borders, margin, padding 값에 대한 내용은 얻어낼 수 없습니다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 Hello2nd Paragraph 내가 실무에 응용 1 2 3 var pointer0_x = $("#bgContainer .pointContainer0").offset(); console.log(pointer0_x.left); //916 .offset( coordinates ) : 조건에 일치하는 요소들 모두를..