* event.stopPropagation() 이 왜 필요한가? – 상위 엘리먼트의 동일한 이벤트가 호출되는 것을 막기 위하여 – 만약 TR에 onclick이벤트가 걸려 있고, TABLE에도 걸려있을 경우, TR을 클릭하면 TR이벤트 => TABLE이벤트 순으로 이벤트핸들러가 호출되는데. 이 경우 TABLE이벤트가 trigger되지 않도록 하는 것이 stopPropagation() 이다. * 참고 – 모질라 사이트에 있는 예제를 참고하면 이해가 쉬울… Read More »
* 체크포인트 1. 서버에서 쿠키 생성시 옵션으로 준 path와 쿠키 조회시 사용하는 path가 일치하는지 확인하자! (어떻게 해야 할 지 모른다면 둘 다 루트 (“/”) 로 주자!
예전에는 공백문자의 인코딩(URI encoding)결과가 “%20″(맞나?) 이었다고 하는데현재는 공백문자의 인코딩결과가 “+” 로 표준이 변경된 것 같다. java 내부적으로는 디코딩이 잘 될지 몰라도 자바스크립트에는 아직 “+” 로 바뀐 표준을 지원하지 않는 것처럼 보여서, 그냥 +를 공백문자로 relace(치환)하는 코드를 추가했다. value = decodeURIComponent(value || ”).replace(/\+/g, ‘ ‘);
세부적인 차이점은 잘 모르겠고 -_-; 가장 큰 차이점은 call()은 호출시 인수를 명시적으로 나열해 주어야 하고, apply()는 호출시 arguments와 같은 인수배열 하나를 받는다는 점이다. 그래서 공통작업 할 때 apply()가 좋아 >,. < !! * 참고링크 call()과 apply()에서 변경되는 this의 의미 call() apply()
1. 정적 셋팅 jQuery ajax option의 headers 속성에 {key:value} javascript object를 정의한다. 2. 동적 셋팅 jQuery ajax option으로 beforeSend() 이벤트 핸들러를 정의하고 그 내용에 setRequestHeader(key, value) 함수를 사용하여 원하는 header 값을 설정한다. 이 설정은 정적 셋팅을 오버라이딩한다.
– 출처 : http://stackoverflow.com/questions/3914557/passing-arguments-forward-to-another-javascript-function – * 개요 a()함수의 인수를 그대로 b함수로 넘기며 실행하되, b()함수의 인수의 갯수가 가변적일 경우에도 대응할 수 있도록 arguments 배열을 사용한다. function a(arg1, arg2, arg3){ b.apply(this, arguments); } function b(arg1, arg2, arg3){ alert(“arg1:”+arg1+”, arg2:”+arg2+”, arg3:”+arg3); } a(‘Jin’, ‘Nina’, ‘Paul’); //테스트! * 응용 arguments 는 (객체)배열이므로 잘라내거나 병합할 수 있다. 응용해 보자!
분명히 문법을 정확히 입력했음에도 왠지 javascript의 reset() 함수가 동작하지 않았었다. 왜일까…? 구글링을 해 보니 “reset() 함수는 폼엘리먼트의 내용을 비우는 것이 아니라 페이지 로딩시의 초기값으로 돌리는 기능을 한다” 라고 나와있었다. 그냥 싹 비우는 건 줄 알았는데 아니었어. >, < 결국 나름대로 제대로 동작하고 있던 것이었다.
대개 서버 응답이 html 코드의 형태로 날아오기 때문에 발생하는 에러이다. 콜백함수의 인수인 jqXHR을 jqXHR.response 의 형태로 출력해서 내용을 확인해 볼 수 있다. 그럼 json 형태로 날아오게 해야 하나?
http://www.webreference.com/js/column26/call.html
http://www.javascriptkit.com/jsref/elements.shtml 간단히 설명하자면 form 하위의 객체들 중 폼엘리먼트만 뽑아서 만든 객체 배열 이라고 볼 수 있겟다.
키를 입력하면서 키 이름을 찾을 수 있는 사이트 JavaScript Keycode List – Keypress Event Key Codes for Enter, Space, Backspace, and More
– 출처 : http://zinever.tistory.com/3 – opener 와 popup 창간에 변수를 참조하는 경우, 두 창 모두 열려 있는 상태라면 특정 변수를 참조 하는데 별다른 문제가 없는데, popup창을 닫는 동작과 함께 popup창에서 특정 변수, 객체를 opener로 전달 할때에는 브라우져 마다 각각 다르게 동작한다. … Read More »
– 출처 : https://gist.github.com/332357 – * 개요 hasOwnProperty() 함수는 객체에 지정된 이름을 가진 속성이 있는지 여부를 반환하는 함수이다. (‘own’ 의 의미는 프로토타입 체인이 아닌, 객체 자체가 해당 속성을 가지고 있는지 여부를 나타내는듯 하다.) 그러나 구버전 IE 에서는 이 함수를 그대로 사용할 수 없기 때문에 다음의 코드를 소스에 추가하여 크로스브라우징 처리를 하도록 하자. * 코드 if ( !Object.prototype.hasOwnProperty )… Read More »
Javascript에서 Scope (1) – 기본 Javascript에서 Scope (2) – 응용 Javascript에서 Scope (3) – this, prototype, new Javascript에서 Scope (4) – Element Object에서 this
* 증상 테이블의 특정 TD에 jQuery의 text(arg) 함수를 사용하여 값을 삽입하는데, 테이블의 셀을 가로지르는 불필요한 선들이 불규칙하게 생성되었다. (아래 그림에서 원래 이중실선이 아닌데 아래와 같이 렌더링 되었음) 오직 IE 에서만 이 문제가 발생한다. (IE 진짜.. 어후 그냥 -_-+…) * 원인 jQuery selector 의 잘못된 사용… Read More »
* rowspan 문제일 경우 – IE에서 테이블의 TD는 rowspan 속성을 따로 주지 않아도 기본적으로 rowspan=’1′ 을 가지고 있다. 그래서 rowspan 속성의 존재여부를 확인하는 .filter(‘[rowspan]’) 같은 selector는 사용할 수 없다. – 그래서 filter() 에 함수를 사용하여 크로스브라우징 문제를 해결했다. .filter(function(){ var $td = $(this);… Read More »
http://code.google.com/intl/ko-KR/apis/libraries/devguide.html
– 출처 : http://dancer.tistory.com/53 – arguments.callee This property is a reference to the function that you are in. Which is very handy if you want to get a reference to an anonymous function from inside itself. One good reason for doing this would be in a recursive anonymous function. arguments.caller This property is a reference to the… Read More »
* jQuery의 hide(), show() 메서드는 display 스타일 속성과만 관계가 있는 듯 하다. visibility 속성을 핸들링 하려면 jQuery의 css() 함수를 사용하자. $obj.css(‘visibility’, ‘hidden’); //숨기기 $obj.css(‘visibility’, ‘visible’); //보이기
* 자바스크립트에서 replace() 함수를 사용하면 첫 번째 매칭만 변환을 하게 된다. replaceAll()의 효과를 내려면 split() 과 join()을 연달아 사용하면 된다. 예) ‘A,B,C’.split(‘,’).join(”);
