티스토리 툴바


개발관련/script&HTML2011/12/02 17:30
 * 속성
childNodes : 현재 요소의 자식을 배열로 표현한다.

firstChild : 현재 요소의 첫번째 자식이다.
lastChild : 현재 요소의 마지막 자식이다.
nextSibling : 현재 요소와 바로 다음의 요소를 의미한다.
nodeValue : 해당 요소의 값을 읽고 쓸 수 있는 속성을 정의한다.(=data)
parentNode : 해당 요소의 부모노드이다.
previousSibling : 현재 요소와 바로 이전의 요소를 의미한다.


 * 메서드

getElementById(id) : 다큐먼트에서 특정한 id 속성값을 가지고 있는 요소를 반환한다

 

getElementsByTagName(name) : 특정한 태그 이름을 가지고 있는 자식 요소로 구성된

배열을 리턴한다


hasChildNodes() : 해당 요소가 자식 요소를 포함하고 있는지를 나타내는 Boolean 값 을 리턴한다


getAttribute(name) : 특정한 name 에 해당하는 요소의 속성값을 리턴한다.


document.createElement(tagName) : tagName 으로된 엘리먼트를 생성한다.

div 를 메 소드 파라미터로 입력하면 div 엘리먼트가 생성된다.


document.createTextNode(text) : 정적 텍스트를 담고 있는 노드를 생성한다.


<element>.appendChild(childNode) : 특정 노드를 현재 엘리먼트의 자식 노드 에 추가시킨다.

(예를들어 select 엘리먼트에 option 엘리먼트 추가)


<element>.getAttribute(name) : 속성명이 name 인 속성값을 반환한다.


<element>.setAttribute(name, value) : 속성값 value 를 속성명이 name 인 곳에 저장한다


<element>.insertBefore(newNode, tartgetNode) : newNode 를  tartgetN ode 전에 삽입한다


<element>.removeAttribute(name) : 엘리먼트에서 name 속성을 제거한다.


<element>.removeChild(childNode) : 자식 엘리먼트를 제거한다.


<element>.replaceChild(newNode, oldNode) : oldNode 를 newNode 로 치환한다


<element>.hasChildNodes() : 자식 노드가 존재하는지 여부를 판단한다.

리턴형식은 Boolean 이다.

 
 
저작자 표시
Posted by .............. 때릴꺼야~
개발관련/script&HTML2011/11/24 17:08
다음과 같이 object의 속성을 문자열 형태로 변환하여 확인...
다른 브라우져에서는 firebug로 확인 -_-;;;

var objText = "";
for(var i in objName) {
    objText+= [i, objName[i]]+"\n";
}

document.write(objText); 
저작자 표시
Posted by .............. 때릴꺼야~
개발관련/기타2011/10/31 17:57
출처: 
1. http://dev.naver.com/tracker/?group_id=30&atid=150&func=detail&aid=9334 
2. http://dev.naver.com/projects/smarteditor/issue/4964 


## Husky.SE_Basic.js 
<156라인> - 초기에 <P>&nbsp;</P> 없애는 방법 
수정 전: thisRef.oSelection.surroundContentsWithNewNode("P"); 
수정 후: thisRef.oSelection.surroundContentsWithNewNode(""); 
<186라인> - DOM Exception: INVALID_CHARACTER_ERR (5) 에러 해결 
수정 전: button=document.createElement("<BUTTON type='button'>"); 
수정 후: button=document.createElement("button"); 
<214라인> - 엔터 입력시 <P> 태그가 아닌 <BR> 태그를 먹게 하는 방법 
수정 전: if(sLineBreaker=="BR"){this.sLineBreaker="BR";}else{this.sLineBreaker="P"; 
수정 후: if(sLineBreaker=="BR"){this.sLineBreaker="BR";}else{this.sLineBreaker="BR"; 
<354라인> - 이렇게 하면 이후 입력되는 엔터는 <P></P> 태그가 아닌 <BR>태그만 먹게 된다. 
수정 전: new nhn.husky.SE_WYSIWYGEnterKey("P")); 
수정 후: new nhn.husky.SE_WYSIWYGEnterKey("BR")); 

## HuskyEZCreator.js 
<66라인> - 화면에서 툴바 짤리는 현상 해결 
수정 전: elIFrame.contentWindow.document.body.style.margin = "0"; 
수정 후: 67라인에 아래와 같이 한줄추가 
elIFrame.contentWindow.document.body.style.margin = "0"; 
elIFrame.style.height = "auto"; 


#########################################
초기 글꼴, 폰트사이즈, 줄간격 등 지정하려면
\css\style.css 파일에서
smartOutput 항목 수정

폰트사이즈, 줄간격, 폰트종류 등을 지정해 준다.
.smartOutput{ font-size:12px; line-height:1.2; font-family:gulim, AppleGothic, Sans-serif;} /* 스마트 에디터의 풍부한 표현이 정상적으로 출력되도록 하려면 콘텐츠가 출력되는 곳에 이 클래스를 적용하여야 한다. 예를 들면 게시물 읽기 페이지의 본문이 이에 해당된다. */ 



 
저작자 표시
Posted by .............. 때릴꺼야~
개발관련/script&HTML2011/10/20 11:54
다음과 같은 소스에서...

this.actInsertMoney = function(bSuccess, nNowInsert){
    ...
    ...
    ...
}; 

this.addDragDrop = function(sId){
    $('#' + sId + ' div').draggable({
        revert:"false",
        stop : function(){
            var nValue = $(this).attr('value');
            this.actInsertMoney(false, nValue);
        }
    }); 
}; 

 - addDragDrop 에서 지정한 객체에 드래그 속성을 부여할 때


 - drag 중 stop 이벤트 발생시actInsertMoney()를 호출하지만 actInsertMoney는 외부함수 이므로 호출되지 않음



다음과 같이 addDragDrop  수정

 this.addDragDrop = function(sId){
    extThis = this; 
    $('#' + sId + ' div').draggable({
        revert:"false",
        stop : function(){
            var nValue = $(this).attr('value');
            extThis.actInsertMoney(false, nValue);
        }
    }); 
}; 

※ callback 함수내에서 this는 새로 발생한 이벤트핸들러를 가르킨다. 
저작자 표시
Posted by .............. 때릴꺼야~
개발관련/DART2011/10/11 11:13
신규 발표된 웹프로그래밍 언어.
변수형 지정이 자유롭고 자바스크립트 보다 빠르다.

vm 기반으로 실행되며
Dart로 짠 소스를 자바스크립트로 컴파일 하면 일반 브라우져에서 실행가능

추후 크롬에 VM 탑재 예정


- 프로젝트 홈페이지
 http://www.dartlang.org/

- Dart -> javascript 컴파일 예제 (hello world 만 17,259 lines ㅠ_ㅠ )
 https://gist.github.com/1277224

- 위키
 http://en.wikipedia.org/wiki/Dart_(programming_language)

 - 클리앙 소식
 http://clien.career.co.kr/cs2/bbs/board.php?bo_table=park&wr_id=8461332

- 관련뉴스
 http://www.zdnet.co.kr/news/news_view.asp?artice_id=20111011094220 

- 분석기사
 http://www.itworld.co.kr/news/72218

 
-첨부파일 : 다트 언어 사양서 (출처:다트 프로젝트 홈페이지) 
 
저작자 표시
Posted by .............. 때릴꺼야~