OSDN Git Service

0cdeed8a92ab8f40020bad75a697d99a9b8a6a3d
[pettanr/clientJs.git] / 0.6.x / js / dom / 10_XDom.js
1 (function( window, document ){\r
2         var lock = 0, w = 0, h = 0,\r
3                 resize, delayResize;\r
4 \r
5 /* -----------------------------------------------\r
6  * Resize\r
7  *  uupaa.js\r
8  */\r
9         function unlock(){ lock = 0; };\r
10         \r
11         if( X.UA.IE && X.UA.IE < 9 ){\r
12                 resize = function(){\r
13                         var size;\r
14                         if( !lock++ ){\r
15                                 size = X.Dom.getSize();\r
16                                 ( w !== size[ 0 ] || h !== size[ 1 ] ) &&\r
17                                         X.Dom.dispatch( { type : X.Dom.Event.VIEW_RESIZED, w : w = size[ 0 ], h : h = size[ 1 ] } );\r
18                                 X.Timer.once( 1, unlock );\r
19                         };\r
20                 };\r
21         } else {\r
22                 resize = function( e ){\r
23                         !lock++ && X.Timer.once( 40, delayResize );\r
24                         return X.Callback.PREVENT_DEFAULT | X.Callback.STOP_PROPAGATION;\r
25                 };\r
26                 delayResize = function(){\r
27                         var size = X.Dom.getSize();\r
28                         ( w !== size[ 0 ] || h !== size[ 1 ] ) &&\r
29                                 X.Dom.dispatch( { type : X.Dom.Event.VIEW_RESIZED, w : w = size[ 0 ], h : h = size[ 1 ] } );\r
30                         X.Timer.once( 1, unlock );\r
31                 };\r
32         };\r
33         \r
34         X.Dom = X.Class._override(\r
35                 new X.EventDispatcher(),\r
36                 {\r
37                         readyState : -1,\r
38                         active     : true,\r
39                         _root      : null,\r
40         \r
41                         /*\r
42                          * X.Dom.Event.XDOM_READY 以後に listen した場合の対策\r
43                          */\r
44                         listen : function( type ){\r
45                                 if( type <= X.Dom.readyState ){\r
46                                         var size = X.Dom.getSize();\r
47                                         X.Dom.asyncDispatch( 0, { type : type, w : size[ 0 ], h : size[ 1 ] } );\r
48                                 };\r
49                                 return X.EventDispatcher.prototype.listen.apply( X.Dom, arguments );\r
50                         },\r
51                         getPointerPosition : function(){\r
52                                 \r
53                         },\r
54                         /* 要素が視界に入った  http://remysharp.com/2009/01/26/element-in-view-event-plugin/ */\r
55                         inView : function( elm ){\r
56                                 \r
57                         },\r
58                         _init : function(){\r
59                                 var s, size, b, x;\r
60                                 if( X.Dom.Event.DOM_PRE_INIT <= X.Dom.readyState ) return X.Callback.UN_LISTEN;\r
61                                 if( s = X.Dom._script ){\r
62                                         s.parentNode.removeChild( s );\r
63                                         s.onreadystatechange = X.emptyFunction;\r
64                                         s.onreadystatechange = null;\r
65                                         delete X.Dom._script;\r
66                                 };\r
67                                 delete X.Dom._init;\r
68                                 X.Dom.readyState = X.Dom.Event.DOM_PRE_INIT;\r
69                                 \r
70                                 /* if( X.UA.IE ) */ X.Dom._root = ( document.compatMode !== 'CSS1Compat' ? document.body : document.documentElement );\r
71                                 size = X.Dom.getSize();\r
72                                 \r
73                                 X.Dom.asyncDispatch( 0, { type : X.Dom.Event.DOM_PRE_INIT, w : size[ 0 ], h : size[ 1 ] } );\r
74 \r
75                                 X.Dom.listenOnce( X.Dom.Event.DOM_PRE_INIT, function(){\r
76                                         var size = X.Dom.getSize();\r
77                                         X.Dom.readyState = X.Dom.Event.DOM_INIT;\r
78                                         X.Dom.asyncDispatch( 0, { type : X.Dom.Event.DOM_INIT, w : size[ 0 ], h : size[ 1 ] } );\r
79                                 } );\r
80                                 \r
81                                 X.Dom.listenOnce( X.Dom.Event.DOM_INIT, function(){\r
82                                         var size = X.Dom.getSize();\r
83                                         \r
84                                         X.UA.IE && X.UA.IE < 9 ?\r
85                                                 X.Timer.add( 100, resize ) :\r
86                                                 X.Dom.Node._window.listen( 'resize', resize );  \r
87                                         X.Dom.readyState = X.Dom.Event.XDOM_READY;\r
88                                         X.Dom.asyncDispatch( 0, { type : X.Dom.Event.XDOM_READY, w : size[ 0 ], h : size[ 1 ] } );\r
89                                 } );\r
90 \r
91                                 return X.Callback.UN_LISTEN;\r
92                         },\r
93 \r
94                         getSize :\r
95                                 X.UA.IE ?\r
96                                         new Function( 'return[X.Dom._root.clientWidth,X.Dom._root.clientHeight]' ) :\r
97                                         new Function( 'return[window.innerWidth,window.innerHeight]' ),\r
98                         getScrollPosition :\r
99                                 window.pageXOffset !== undefined ?\r
100                                         new Function( 'return[window.pageXOffset,window.pageYOffset]' ) :\r
101                                 window.scrollLeft  !== undefined ?\r
102                                         new Function( 'return[window.scrollLeft,window.scrollTop]') :\r
103                                         new Function( 'return[X.Dom._root.scrollLeft,X.Dom._root.scrollTop]' ),\r
104                         getDocumentSize : function(){\r
105                                 // Opera は互換モードでは document.body.scrollHeight、標準モードでは document.documentElement.scrollHeight でページの高さが取れる。と思ってたんだけど、例外があった。\r
106                                 // http://orera.g.hatena.ne.jp/edvakf/20100515/1273908051\r
107                                 return [\r
108                                         X.Dom._root.scrollWidth  || X.Dom._root.offsetWidth,\r
109                                         X.Dom._root.scrollHeight || X.Dom._root.offsetHeight\r
110                                 ];\r
111                         }\r
112                 }\r
113         );\r
114 \r
115 })( window, document );\r
116 \r
117 X.Dom.Dirty = {\r
118         CLEAN     :  0,\r
119         TREE      :  1, // width, height, x, y\r
120         CONTENT   :  2,  // width, height, x, y textNode の内容\r
121         CLASSNAME :  4, // _getCharSize, width, height, x, y\r
122         CSS       :  8, // _getCharSize, width, height, x, y\r
123         ATTR      : 16  // _getCharSize, width, height, x, y\r
124 };\r
125 \r
126 \r
127 /*\r
128  * original\r
129  * AS3で相対パスを絶対パスに変換する\r
130  * http://www.shin-go.net/motionlab/?p=449\r
131  */\r
132 X.Dom.baseURL = ( function( parts ){\r
133         var last = 1 < parts.length && parts[ parts.length - 1 ];\r
134         if( last !== false && ( last === '' || //末尾が/で終わるとき\r
135                 last.indexOf( '.' ) !== -1 ) ){//末尾がファイル名で終わる時\r
136                 \r
137                 --parts.length;\r
138         };\r
139         return parts.join( '/' );\r
140 })( location.href.split( '?' )[ 0 ].split( '#' )[ 0 ].split( '/' ) );\r
141 \r
142 X.Dom.getAbsolutePath = function( path ){\r
143         var s  = '/',\r
144                 ss = '//',\r
145                 _ary, ary, i = 0;\r
146 \r
147         if( 'http:file'.indexOf( path.substr( 0, 4 ) ) !== -1 ) return path;\r
148         \r
149         _ary = X.Dom.baseURL.split( ss );\r
150         ary  = _ary[ 1 ].split( s );\r
151 \r
152         if( path.charAt( 0 ) === s ) return [ _ary[ 0 ], ss, ary[ 0 ], path ].join( '' );\r
153                 \r
154         if( path.substr( 0, 2 ) === './' ){\r
155                 path = path.substr( 2 );\r
156         } else {\r
157                 while( path.substr( i, 3 ) === '../' ){\r
158                         --ary.length;\r
159                         i += 3;\r
160                 };\r
161                 if( i ) path = path.substr( i );\r
162         };\r
163         return [ _ary[ 0 ], ss, ary.join( s ), s, path ].join( '' );\r
164 };\r