[링크] 자바스크립트에서(javascript)에서의 스코프(scope)
Javascript에서 Scope (1) – 기본 Javascript에서 Scope (2) – 응용 Javascript에서 Scope (3) – this, prototype, new Javascript에서 Scope (4) – Element Object에서 this
Category Archives: JavaScript
IE에서 jQuery text(arg) 함수 사용시 테이블(table) 렌더링 오류(불필요한 선 생성)가 날 경우
* 증상 테이블의 특정 TD에 jQuery의 text(arg) 함수를 사용하여 값을 삽입하는데, 테이블의 셀을 가로지르는 불필요한 선들이 불규칙하게 생성되었다. (아래 그림에서 원래 이중실선이 아닌데 아래와 같이 렌더링 되었음) 오직 IE 에서만 이 문제가 발생한다. (IE 진짜.. 어후 그냥 -_-+…) * 원인 jQuery selector 의 잘못된 사용… Read More »
IE에서 jQuery를 사용하여 테이블 핸들링(조작/변경)시 깨지는(깨질) 경우
* rowspan 문제일 경우 – IE에서 테이블의 TD는 rowspan 속성을 따로 주지 않아도 기본적으로 rowspan=’1′ 을 가지고 있다. 그래서 rowspan 속성의 존재여부를 확인하는 .filter(‘[rowspan]’) 같은 selector는 사용할 수 없다. – 그래서 filter() 에 함수를 사용하여 크로스브라우징 문제를 해결했다. .filter(function(){ var $td = $(this);… Read More »
[링크] jquery.js 등 라이브러리 다운로드 URL (jquery 소스(source))
http://code.google.com/intl/ko-KR/apis/libraries/devguide.html
[펌글] 자바스크립트 arguments.callee와 arguments.caller 에 대하여
– 출처 : 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에서 visibility 속성 핸들링 하기
* jQuery의 hide(), show() 메서드는 display 스타일 속성과만 관계가 있는 듯 하다. visibility 속성을 핸들링 하려면 jQuery의 css() 함수를 사용하자. $obj.css(‘visibility’, ‘hidden’); //숨기기 $obj.css(‘visibility’, ‘visible’); //보이기
자바스크립트로 replaceAll() 구현하기
* 자바스크립트에서 replace() 함수를 사용하면 첫 번째 매칭만 변환을 하게 된다. replaceAll()의 효과를 내려면 split() 과 join()을 연달아 사용하면 된다. 예) ‘A,B,C’.split(‘,’).join(”);
자바스크립트 JSON 문자열을 eval() 할 때 주의사항
var jsonStr = “{10:’a,b,c’, 20:’a,b’, 30:’c’}”; var jsonObj = eval( “(” + jsonStr + “)” ); => 괄호로 한 번 더 감싸주어야 한다!
[펌글] jQuery-UI Dialog의 타이틀바(titlebar) 제거하기
– 출처 : http://www.ke-cai.net/2009/05/remove-jquery-ui-dialogs-title-bar.html – 1. Hide it via it’s default CSS: .ui-dialog-titlebar { display: none; }; * 주의 : This will change all dialog’s apperance. 2. Or add another CSS class, insetad of change them all. .hide-title-bar.ui-dialog-titlebar { display: none; } $(“#dialog”).dialog({ dialogClass: “hide-title-bar” }); 3. Remove title bar element… Read More »
[링크] 윈도우 모달창 (showModalDialog()) 에 관하여
MSDN 레퍼런스 KOXO 레퍼런스 * 참고사항 – IE의 모달창에서는 브라우저의 console 객체를 인식하지 못한다.
자바스크립트 함수 호출시 null과 undefined 에 대한 정리
* 자바스크립트 함수 호출시 인수를 생략하고 호출할 경우와 인수에 null 을 넣고 호출할 경우, 함수 내부에서는 어떻게 해석하는지, 또 null과 undefined는 어떤 관계가 있는지 살펴보자. function test(arg){ var isNullValue = (arg == null); var isUndefinedValue = (arg == undefined); var isNull … Read More »
jQuery를 사용하여 폼 파라미터 정리하기
* $(‘#formId’).serialize() – 선택된 폼 객체 내의 모든 폼 요소들을 파라미터 문자열화 하여 리턴한다. – 결과 예) check=check2&radio=radio1 * $(‘#formId’).serializeArray() – 선택된 폼 객체 내의 모든 폼 요소들을 name-value 쌍의 json object 배열 객체로 리턴한다. – 결과 예) [ { name: “a”, value: “1” } … Read More »
자바스크립트 콜백함수(callback function) 사용법
* 콜백함수 문법은 특정 함수의 동작이 끝남과 동시에, 다른 여러가지 함수를 호출해야 할 경우에 사용된다. // 콜백함수 정의 function callbackTest(arg){ alert(arg); } // 콜백함수를 호출할 함수 정의 function test( arg1, arg2, callback ){ if( typeof callback == “function” ){ callback(); } } // 함수 호출부… Read More »
[펌글] 자바스크립트에서 JSON 생성시 key 값을 동적으로 할당하기
– 출처 : http://blog.outsider.ne.kr/675 – var keyname = ‘key’; var something = { }; something[keyname] = ‘value’; 위와 같이 [] 방식으로 프로퍼티를 설정하는 방법을 이용하면 키값을 동적으로 설정할 수 있습니다.
jQuery의 after()와 insertAfter() 와의 차이
append() 와 appendTo() 의 차이와 같다
[펌글] javascript delete 연산자(operator)
– 출처 : http://www.lovelgw.com/Blog/237 – Javascript 에서 DOM 객체를 다루거나 JQuery 를 이용해 다이나믹한 페이지를 작성하려 할때 객체를 변수에 담는 일을 많이 합니다. 여러 DOM객체를 불러 들이고 함수 내부에서 사용을 한 다음에 재 사용하지 않을때 delete 연산자를 이용하여 객체를 제거 해주는 것이 전체적인 속도 및 메모리 사용에 있어서 많은 잇점이 있습니다. 예를 들어 동적인 페이지를 작성하는 함수에서… Read More »
[링크] jQuery의 bind(), live(), delegate() 의 차이점에 대하여
http://www.alfajango.com/blog/the-difference-between-jquerys-bind-live-and-delegate/ http://stackoverflow.com/questions/2954932/difference-between-jquery-click-bind-live-delegate-and-trigger-functions-wit
[펌글] jQuery 특수문자 (special character) 목록
– 출처 : http://www.xinotes.org/notes/note/958/ – The jQuery doc says: If you wish to use any of the meta-characters (such as !”#$%&'()*+,./:;?@[\]^`{|}~) as a literal part of a name, you must escape the character with two backslashes: \\. So what are these meta-characters? According to the CSS specification: In CSS, identifiers (including element names, classes, and IDs in selectors) can contain only the characters… Read More »
jQuery 셀렉터 사용시 특수문자 (예: +)가 있을 경우의 사용법
<div id=”foo+”></div> 가 있다고 할 때 $(‘#foo\\+’) => 이렇게 사용해야 찾아낸다. * 참고 그러나 위의 #foo\\+ 을 별도의 문자열로 구성하여 alert() 등으로 뿌려보면 \ 하나가 없어져서 #foo\+ 가 되는 것을 볼 수 있다. 아마도 코딩시에는 \\로 escape를 하지만, 메모리에 올라가서 String 객체가 되는 순간 \하나가 없어지는 것으로 보인다. 어쨌든 이 경우에도 jQuery는 정상적으로 selecting을 한다.
자바스크립트에서 나누기(나눗셈)를 하여 몫과 나머지 구하기
parseInt(t1 / t2); //몫 parseInt(t1 % t2); //나머지