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

두가지 방법이있다. 방법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 ) : 조건에 일치하는 요소들 모두를..

API : http://api.jquery.com/val/ .val() .val().val( value ) .val( value ) .val( function(index, value) ) type혹은 name으로 쓰기 1 2 $("input[type='checkbox']").val(); $("input[name=box]:checkbox").val(); class나 id값으로 쓰기 1 2 3 $('#check_id').val(); $('.check_class').val(); 값체크확인 1 2 3 4 5 if($('#check_id').is(":checked") == true){ //true생략가능 //it is checked } 주의할 점 - return값이 String으로 오기때문에 Number형으로 쓸..

animate 메서드를 보면 css의 움직임 요소, duration, easing, complete 가 있다. 이것들을 모두 적용해 보면 다음과 같다. 1 $(".img00_05").stop().delay(1000).animate({opacity:1,top:_posyArr[_activeNum][5]},_speed,"easeOutExpo",function(){_isPlay = false;}); 딜레이 : delay(1000) easing : "easeOutExpo", "easeOutElastic" 등... easing 속성은 jQuery Easing Plugin (version 1.3)를 다운(jquery.easing.1.3.js 파일첨부) 받아야 하며, 해서 쓰게된다. http://gsgd.co.uk/s..

.position() 조건에 일치하는 요소 집합 중 첫번째 요소의 문서 상의 부모 요소를 기준으로 한 상대적인 좌표값을 반환합니다. .offset() : 요소의 문서 상의 상대적인 현재 위치를 알 수 있다. 드래드앤드롭 구현을 위해 사용(새로운 요소를 기존의 요소에 위치) .position() : 부모요소를 기준으로 한 상대적인 현재 위치를 알 수 있다. 기존 요소의 근처에서 새로운 요소의 좌표를 설정. 객체의 속성들 중 top과 left값에 대한 내용을 반환해 준다. 실무) 1 2 3 var x = $("#menu").find(".ov").position().left; var y = $("#menu").find(".ov").position().top; 예제) 두번째 문단(p태그)의 좌표에 접근 1 2 ..

.hide( ) .hide() .hide( duration [, callback] ) : duration 시간 값, callback 콜백 함수 .hide( [duration] [, easing] [, callback] ) : duration 시간 값, easing 특수한 효과 함수, callback 콜백 함수 인자없이 $('.target').hide(); 와 같은 형태로 쓰는것이 가장 간단한 사용법. 기본 사용법은 애니메이션 효과 없이 요소를 바로 숨기는 기능을 한다. .css('display', 'none')의 사용과 비슷하다. duration 인자를 성정하면 애니메이션 효과를 가지게 된다. 예제) 모든 p 태그를 숨기고 클릭한 요소도 숨깁니다. 1 2 3 4 5 6 7 8 9 10 11 12 13 1..

.show() 개요 : 일치하는 요소를 보이게 합니다. .show( ) .show( duration [, callback] ) : duration 시간 값, callback 콜백 함수 .show( [duration] [, easing] [, callback] ) : duration 시간 값, easing 특수한 효과 함수, callback 콜백 함수 인자없이 $('.target').show(); 와 같은 형태로 사용 하는것이 가장 간단한 사용법. 애니메이션 효과없이 요소를 바로 보이게 하는 기능. 마치 .css('display','block')의 사용과 비슷. duration값을 가지게 되면, .show() 함수도 애니메이션 효과를 가지게 된다. .show() 함수는 요소의 width, height, o..

실무에서 메인 만들때 각 node의 attributes들을 가지고 올때 썼던 코드 문자열값, 타겟값, 링크(주소)값 1 2 3 4 5 for(var i=0; i