Leturn.Document

agentPropertystatic

Leturn.Document 클래스의 static 변수인 agent ( Leturn.EventDispatcher ) 인스턴스이다.
Leturn.Document 클래스는 abstract 타입으로 인스턴스될수 없으며, READY이벤트를 참조하기 위해서 이 변수를 이용할 수 있다. <head> <script> // onEvent Style. LtnD.agent.onReady = function( e) { alert( e.type ); } // addEventListener Style. LtnD.agent.addEventListener( LtnD.READY, function(e) { alert( document.getElementsByTagName( 'div' )[0].innerHTML ); }); </script> </head> <body> <div>hello world</div> </body>
참조 :
- window.onload
includeJSMethodstatic
( src:String, callback:Function=null, timeout:Number=10000, toHead:Boolean=false ):void

런타임에 원격으로 JS파일을 현재 문서에 로드한다.
toHead가 true이면 head영역에 그렇지 않을경우 body영역의 마지막단에 로드된 스크립트는 추가된다. <script> function loadJS() { Leturn.Document.includeJS( 'test.js', function(success) { if(!success) alert('loaded error!'); },2000); } </script> <button onclick='loadJS();'>load JS</button>
runtimeAddCSSMethodstatic
( cssSyntax:String ):void

런타임에 CSS Rule를 추가한다.
이 적용방식은 문서상에서 은닉되지만 결과는 유효하다. <script> function test() { [ 'div { font-size:20px; }', 'div { color:#f00; text-decoration:underline; }' ].forEach( function( v, i, arr ) { LtnD.runtimeAddCSS( v ); }); } </script> <div>my div</div> <button onclick='test();'>test</button> 참조 :
- runtimeAddCSSFull
qsMethodstatic
( selector:String, callback:Function=null, baseElement:DOMElement=null ):HTMLElement

element.querySelector와 동일하게 처리되지만, callback 함수로 구해진 엘리먼트에 대한 액세스를 바로 수행할 수 있다.
※ 만약 selector가 id로 참조가능하다면 #id 없이 바로 쿼리수행이 가능하다. <div>a</div> <div id='b'>b</div> <script> function test() { LtnD.qs( 'div', function() { alert( this.innerHTML ); // a }); LtnD.qs( 'b', function( ele ) { alert( this === ele ); // true alert( this.innerHTML ); // b }); LtnD.qs( '#b', function() { alert( this.innerHTML ); // b }); } </script> <button onclick='test();'>test</button> 참조 :
- Leturn.Document.qsa
qsaMethodstatic
( selector:String, callback:Function=null, baseElement:DOMElement=null ):Array

element.querySelector와 동일하게 처리되지만, callback 함수로 구해진 엘리먼트에 대한 액세스를 바로 수행할 수 있다. <div>a</div> <div>b</div> <div> <span>1</span> <span>2</span> <span>3</span> </div> <span>4</span> <span>5</span> <span>6</span> <script> function test() { var divs = LtnD.qsa( 'div', function( div, i, divs ) { alert( div +'/'+ i ); }); // uses baseElement. LtnD( 'span', function( span, i, spans ) { alert( span.innerHTML ); // 1, 2, 3 }, divs[ divs.length-1 ] ); } </script> <button onclick='test();'>test</button> 참조 :
- Global Leturn.Document
- Leturn.Element.qsa
mouseLocalPositionMethodstatic
( mouseEvent:MouseEvent ):Object

특정 마우스 이벤트가 가리키는 타겟 엘리먼트의 local 포지션을 구한다.
이것은 taget 객체에 의해서( documet or HTMElement ) 발생한 마우스 이벤트에 따라서 로컬 좌표가 달라진다. <script> function getLocalPosition(e) { var point = LtnD.mouseLocalPosition(e); alert( point.x +'/' + point.y ); } </script> <div style='position:relative; left:100px; top:100px;'> <div style='position:relative; left:100px; top:100px;'> <button onclick='getLocalPosition(event);'>test</button> </div> </div> 참조 :
- Leturn.Document.mouseGlobalPosition
subscribeWindowMouseLeaveMethodstatic
( handler:Function, targetDocument:HTMLDocument=null ):Function

현재 마우스 포인터가 윈도우영역을 벗어난지에 대해 체크할 수신핸들러를 등록한다.
이 리스너등록을 통해서 윈도우 영역을 벗어날경우 어떤 GNB메뉴구성에서 메뉴의 숨김처리를 좀더 용이하게 수행할 수 있다. <script> var listener = function() { alert( 'mouse leaved' ); }; function test() { LtnD.subscribeWindowMouseLeave( listener ); } </script> <button onclick='test();'>test</button> 참조 :
- Leturn.Document.unsubscribeWindowMouseLeave
getImageNaturalSizeMethodstatic
( img:Image ):Object

임의의 크기변경이 된 이미지에 대한 오리지널 사이즈 정보를 구한다. <style> img { width: 400px; height: 400px; } </style> <script> function setOSize( img ) { var sizes = LtnD.getImageNaturalSize( img ); img.style.width = sizes.width +'px'; img.style.height = sizes.height +'px'; } </script> <a href='#' onclick='return setOSize(this.firstChild);' ><img src='http://edition.i.cdn.cnn.com/.a/1.114.0/assets/logo_cnn_badge_3up.png'>set as original size</a>