Leturn.Element.DepthManager

setGroupMethodstatic
( name:String, rangeMin:int, rangeMax:int ):Object

지정된 이름으로 심도관리를 할 엘리먼트의 그룹을 생성한다.
즉, 해당 그룹의 이름으로 뎁스요청한 엘리먼트들에 대해서만 심도관리를 수행한다. <script> function createGroup() { // depth managing is available from -100 to 1000 var dg = LtnEle.DepthManager.setGroup( 'first-depthGroup', -100, 1000 ); alert( LtnEle.DepthManager.isGroup( 'first-depthGroup' ) + '/'+dg.min +'/'+ dg.max ); // true. } </script> <body> <button onclick='createGroup();'>create group</button> </body>
getAllDepthInfoMethodstatic

현재 문서상에서 뎁스(z-index)관련 정보를 구한다.
{
dataElements: [ { ele: element, zi: zIndex }... ],
min: lowestDepth,
max: hightest,
minElement: lowestDepthElement,
maxElement: hightestDepthElement
} <script> function checkInfo() { var dInfo = LtnEle.DepthManager.getAllDepthInfo(); alert( dInfo.min +'/'+ dInfo.max ); // 0 / 112 } </script> <body> <div style='z-index:112;'></div> <button onclick='checkInfo();'>check depth info</button> </body>
depthTopmostMethodstatic
( target:HTMLElement, groupName:String=null, groupDepthMin:int=null, groupDepthMax:int=null ):void

지정된 타겟의 뎁스를 최상위로 내보낸다. groupDepthMin값과 groupDepthMax값은 group name에 대해 항상 값을 덮어쓴다.
만약 group 이름이 지정되지 않으면, global 뎁스가 현재 타겟에 대해 관리 대상으로 사용된다.
setGroup으로 이미 그룹이 생성되어 있지 않다면 두번째 인자인 groupName이 지정될때 해당 그룹을 자동으로 생성한다. <head> <style> div { position:relative; width:100px; height:100px; background-color:#f00; border:1px solid #000; } </style> </head> <body> <div>Click me</div><div style='left:50px; top:-50px;'>Click me</div><div style='left:100px; top:-100px;'>Click me</div><div style='left:150px; top:-150px;'>Click me</div> <script> var divs = document.getElementsByTagName('div'); for( var i =0; i<divs.length; i++) { divs[i].onclick = function() { LtnEle.DepthManager.depthTopmost( this ); }; } </script> </body> 참조 :
- Leturn.Element.depthTopmost