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

기본적으로 document.write와 document.writeln은 같은기능을 한다. 단, 태그를 사용 했을때, 자동줄바꿈이 되느냐 안되느냐의 차이가 있다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 결과화면 여기서 주의할점은 14라인을 들여쓰기(띄어쓰기)하면 공백이 생긴다. 태그의 기본기능을 생각해보면 당연하긴 하다. 가령 아래14번 라인과 같이 "

null은 아무런 값도 나타내지 않는 특수한 값이다. null은 보통 객체 타입의 특수한 값, 어떠한 객체도 나타나지 않는 값으로 취급된다. null은 모든 다른 값들과 구분되는 고유한 값이다. 어떤 변수가 null이면 그 변수가 유효한 객체,배열,숫자,문자열 또는 불리언 값을 담고 있지 않는다. null은 불리언 문맥에선 false, 숫자 문맥에선 0, 문자열 문맥에선 "null"을 반환한다. undefined는 선언은 되었지만 값이 할당된 적이 없는 변수에 접근하거나, 존재하지 않는 객체 프로퍼티에 접근할 경우에반환되는 값이다. 이 특수한 undefined 값은 null과 동일하지 않다. undefined는 불리언 문맥에선 false, 숫자 문맥에선 NaN, 문자열 문맥에선 "undefined"로 변..

출처 http://deadfire.hihome.com/jscript/projscript003.html 2.1 console 객체 기존에 자바스크립트 코드를 디버깅하는 가장 단순한 방법은 바로 alert()을 사용하여 필요한 정보를 찍어보는 것이었다. alert()을 사용하는 방법은 훌륭하진 않지만, 간단히 사용할 수 있는 꽤 쓸만한 디버깅 방법이다. 다만, 일일이 확인 버튼을 클릭해 주는 일은 불편했던 것이 사실이다. 가끔 for루틴 안에 alert()을 넣고 돌리는 황당한 경험을 한두번씩 했을 것이다. 경험상, 디버깅시에 로그파일에 필요한 정보를 기록하게 되면 디버깅이 훨씬 쉬워진다. 여타 프로그래밍 언어들은 이러한 기능들을 지원하고 있다. 그 개념을 브라우저에서 실행되는 자바스크립를 위해 지원하는 것..

전체 초기화에는 크게 두가지 정도의 방법이 있다. 첫번째. 객체가 가진 각 타입의 항목별 길이만큼 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 ) : 조건에 일치하는 요소들 모두를..

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

.html( htmlString )Returns : jQuery 개요 : 일치하는 요소 내부에 새로운 html 문자열을 추가한다. .html( htmlString ) htmlString 새로 추가될 html 소스 .html( function(index, oldhtml) ) function(index, oldhtml) 이 함수는 새로 추가될 html을 반환합니다. 기존의 html을 인자로 받아서 index에 해당하는 위치에 자바스크립트의 innerHTML과 같은 함수이다. html() 함수는 XML문서에는 사용할 수 없다. 실무) 1 $("#footer_url").html(_xmlStrArr[_xmlActiveNum]); 예제) div태그안에 html소스를 추가함. 1 2 3 4 5 6 7 8 9 10 1..