OSDN Git Service

Version 0.6.67, rename folders.
[pettanr/clientJs.git] / 0.6.x / js / 01_dom / 12_XDomEvent.js
diff --git a/0.6.x/js/01_dom/12_XDomEvent.js b/0.6.x/js/01_dom/12_XDomEvent.js
new file mode 100644 (file)
index 0000000..3ded30f
--- /dev/null
@@ -0,0 +1,513 @@
+/**\r
+ * use X.Callback\r
+ * \r
+ * http://d.hatena.ne.jp/uupaa/20100430/1272561922\r
+ * \r
+ */\r
+\r
+if( !X.UA.IE || 9 <= X.UA.IE ){\r
+       X.Dom.Event = function( e, xnode ){\r
+               var touch0;\r
+               //this._event        = e;\r
+               this.type          = X.Dom.Event.RenameTo[ e.type ] || e.type;\r
+               \r
+               //http://www.quirksmode.org/js/events_properties.html\r
+               if( e.target ){\r
+                       this.target        = Node._getXNode( e.target.nodeType === 3 ? e.target.parentNode : e.target );// defeat Safari bug // xnode\r
+               };\r
+               if( e.relatedTarget ){\r
+                       this.relatedTarget = Node._getXNode( e.relatedTarget.nodeType === 3 ? e.relatedTarget.parentNode : e.relatedTarget ); // xnode\r
+               };\r
+               \r
+               this.currentTarget = xnode; // xnode\r
+               this.eventPhase    = e.eventPhase;\r
+               \r
+               this.clientX       = e.clientX;\r
+               this.clientY       = e.clientY;\r
+               //this.screenX       = e.screenX;\r
+               //this.screenY       = e.screenY;\r
+               this.pageX         = e.pageX;\r
+               this.pageY         = e.pageY;\r
+               this.offsetX       = e.offsetX || e.layerX;\r
+               this.offsetY       = e.offsetY || e.layerY;\r
+               \r
+               this.keyCode       = e.keyCode;\r
+               this.altKey        = e.altKey;\r
+               this.ctrlKey       = e.ctrlKey;\r
+               this.shiftKey      = e.shiftKey;\r
+               \r
+               // http://www.programming-magic.com/20090127231544/\r
+               this.which         = e.which || ( e.button + 1 ); // 左:1, 中:2, 右:3\r
+               \r
+               // https://developer.mozilla.org/ja/docs/DOM/DOM_event_reference/mousewheel\r
+               \r
+               // TODO\r
+               // axis\r
+               // https://w3g.jp/blog/tools/wheelevent_crossbrowser\r
+               // ホイール系イベント2014年版クロスブラウザ\r
+               if( e.wheelDeltaY !== undefined ){\r
+                       this.wheelDeltaX = e.wheelDeltaX / 12;\r
+                       this.wheelDeltaY = e.wheelDeltaY / 12;\r
+               } else\r
+               if( e.wheelDelta !== undefined ){\r
+                       this.wheelDeltaX = this.wheelDeltaY = e.wheelDelta / 12;\r
+               } else\r
+               if( e.detail !== undefined ){\r
+                       this.wheelDeltaX = this.wheelDeltaY = - e.detail * 3;\r
+               } else {\r
+                       this.wheelDeltaX = this.wheelDeltaY = 0;\r
+               };\r
+               \r
+               if( /* e.constructor === window.TouchEvent || */ e.touches /* for iOS3.13 */ ){\r
+                       // TouchEvent\r
+                       this.touches        = e.touches;\r
+                       this.changedTouches = e.changedTouches;\r
+                       this.targetTouches  = e.targetTouches;\r
+                       this.metaKey        = e.metaKey;\r
+                       this.force          = e.force || e.webkitForce || 0;\r
+                       //\r
+                       if( this.touches.length ){\r
+                               touch0             = this.touches[ 0 ];\r
+                               this.clientX       = touch0.clientX;\r
+                               this.clientY       = touch0.clientY;\r
+                               this.pageX         = touch0.pageX;\r
+                               this.pageY         = touch0.pageY;\r
+                               this.offsetX       = touch0.offsetX || touch0.layerX;\r
+                               this.offsetY       = touch0.offsetY || touch0.layerY;\r
+                       };\r
+               } else\r
+               if( e.constructor === window.PointerEvent ){\r
+                       // PointerEvent;\r
+                       this.currentPoint  = e.currentPoint;\r
+                       this.width         = e.width;\r
+                       this.height        = e.height;\r
+                       this.timeStamp     = e.timeStamp;\r
+                       this.hwTimestamp   = e.hwTimestamp;\r
+                       this.intermediatePoints = e.intermediatePoints;\r
+                       this.isPrimary     = e.isPrimary;\r
+                       this.pointerId     = e.pointerId;\r
+                       this.pointerType   = e.pointerType;\r
+                       this.pressure      = e.pressure;\r
+                       this.tiltX         = e.tiltX;\r
+                       this.tiltY         = e.tiltY;\r
+               };\r
+       };\r
+       if( !window.PointerEvent && window.MSPointerEvent ){\r
+               window.PointerEvent = window.MSPointerEvent;\r
+       };\r
+} else {\r
+       X.Dom.Event = function( e, xnode, element ){\r
+               var btn;\r
+               \r
+               //this._event        = e;\r
+               this.type          = e.type;\r
+               this.target        = Node._getXNode( e.srcElement ); // xnode\r
+               if( this.target && this.target._xnodeType === 3 ) this.target = this.target.parent; // ie4 の fake Textnode がヒットしていないか?\r
+               this.currentTarget = xnode; // xnode\r
+               this.relatedTarget = Node._getXNode( e.formElement ? e.formElement : e.toElement ); // xnode\r
+               this.eventPhase    = e.srcElement === element ? 2: 3;\r
+               \r
+               this.clientX       = e.clientX;\r
+               this.clientY       = e.clientY;\r
+               //this.screenX       = e.screenX;\r
+               //this.screenY       = e.screenY;\r
+               \r
+               if( X.Dom._root ){ // uuu...\r
+                       \r
+                       this.pageX         = e.clientX + X.Dom._root.scrollLeft;\r
+                       this.pageY         = e.clientY + X.Dom._root.scrollTop;\r
+                       \r
+                       // DOMAssistant 2.8.1\r
+                       //event.pageX = DOMAssistant.def(e.pageX)? e.pageX : (event.clientX + (de.scrollLeft || b.scrollLeft) - (de.clientLeft || 0));\r
+                       //event.pageY = DOMAssistant.def(e.pageY)? e.pageY : (event.clientY + (de.scrollTop || b.scrollTop) - (de.clientTop || 0));                                                     \r
+               };\r
+               \r
+\r
+               \r
+               if( 5 <= X.UA.IE ){\r
+                       this.offsetX       = e.offsetX; // イベントターゲット左上からの座標\r
+                       this.offsetY       = e.offsetY;                 \r
+               }// else\r
+               //if( e.srcElement ){\r
+               //      this.offsetX       = e.x - e.srcElement.offsetLeft; // e.x はイベント発生要素の親要素を基準にした座標。\r
+               //      this.offsetY       = e.y - e.srcElement.offsetTop;      \r
+               //};\r
+               \r
+               this.keyCode       = e.keyCode;\r
+               this.altKey        = e.altKey;\r
+               this.ctrlKey       = e.ctrlKey;\r
+               this.shiftKey      = e.shiftKey;\r
+               \r
+               // http://www.programming-magic.com/20090127231544/\r
+               switch( this.type ){\r
+                       case 'click'    :\r
+                       case 'dblclick' :\r
+                               this.which = 1;\r
+                               break;\r
+                       case 'contextmenu' :\r
+                               this.which = 3;\r
+                               break;\r
+                       default :\r
+                               btn = e.button;\r
+                               this.which =\r
+                                       btn & 1 ? 1 :\r
+                                       btn & 4 ? 2 :\r
+                                       btn & 2 ? 3 : 0; // 左:1(click:0), 中:4, 右:2\r
+               };\r
+               this.wheelDeltaX = this.wheelDeltaY = e.wheelDelta / 12;\r
+       };\r
+};\r
+\r
+X.Dom.Event.DOM_PRE_INIT        = ++X.Event._LAST_EVENT;\r
+X.Dom.Event.DOM_BUILDER_COMPLETE= ++X.Event._LAST_EVENT;\r
+X.Dom.Event.DOM_INIT            = ++X.Event._LAST_EVENT;\r
+X.Dom.Event.XDOM_READY          = ++X.Event._LAST_EVENT;\r
+X.Dom.Event.VIEW_ACTIVATE       = ++X.Event._LAST_EVENT;\r
+X.Dom.Event.VIEW_DEACTIVATE     = ++X.Event._LAST_EVENT;\r
+X.Dom.Event.VIEW_RESIZED        = ++X.Event._LAST_EVENT;\r
+X.Dom.Event.VIEW_TURNED         = ++X.Event._LAST_EVENT;\r
+X.Dom.Event.BASE_FONT_RESIZED   = ++X.Event._LAST_EVENT;\r
+// same_page_jump\r
+// on_screen_keyboard_show\r
+// on_screen_keyboard_hide\r
+// X.Dom.Event.BEFORE_UPDATE       = ++X.Event._LAST_EVENT; // このイベントで要素のサイズを取得すると無限ループに!\r
+X.Dom.Event.AFTER_UPDATE        = ++X.Event._LAST_EVENT;\r
+// hash_change\r
+X.Dom.Event.BEFORE_UNLOAD       = ++X.Event._LAST_EVENT;\r
+X.Dom.Event.UNLOAD              = ++X.Event._LAST_EVENT;\r
+\r
+X.Dom.Event.ANIME_BEFORE_START  = ++X.Event._LAST_EVENT;\r
+X.Dom.Event.ANIME_START         = ++X.Event._LAST_EVENT;\r
+X.Dom.Event.ANIME               = ++X.Event._LAST_EVENT;\r
+X.Dom.Event.ANIME_END           = ++X.Event._LAST_EVENT;\r
+X.Dom.Event.ANIME_BEFORE_STOP   = ++X.Event._LAST_EVENT; // xnode.stop() のみ、指定時間による停止では呼ばれない\r
+X.Dom.Event.ANIME_STOP          = ++X.Event._LAST_EVENT;\r
+X.Dom.Event._LAST_EVENT         = X.Event._LAST_EVENT; // ここに書いてあるイベントの最後の値 X.Dom.Event.ANIME_STOP と同じ値\r
+\r
+// TODO load -> readystatechange this.readyState === "loaded" || this.readyState === "complete"\r
+X.Dom.Event._LOAD_FIX_TAGS = {\r
+       IFRAME : true,\r
+       SCRIPT : true//,\r
+       //LINK   : true\r
+};\r
+\r
+X.Dom.Event.Rename = {};\r
+X.Dom.Event.RenameTo = {};\r
+// https://github.com/georgeadamson/jQuery.prefixfree-events/blob/master/jQuery.prefixfree-events.js\r
+\r
+// DOMMoseScroll\r
+if( X.UA.Gecko && window.MouseScrollEvent ){\r
+       if( 2 <= X.UA.Gecko || ( 1.9 < X.UA.Gecko && 1 <= X.UA.GeckoPatch ) ){ // Gecko 1.9.1+ (firefox3.5+)\r
+               console.log( 'mousewheel <= MozMousePixelScroll' );\r
+               X.Dom.Event.Rename[ 'mousewheel' ] = 'MozMousePixelScroll';\r
+       } else\r
+       if( 0.9 < X.UA.Gecko && 7 <= X.UA.GeckoPatch ){ // Gecko 0.9.7+ (NN6.2+?)\r
+               console.log( 'mousewheel <= DOMMouseScroll' );\r
+               X.Dom.Event.Rename[ 'mousewheel' ] = 'DOMMouseScroll';\r
+       };\r
+};\r
+\r
+if( window.onwebkitanimationend !== undefined && window.onanimationend === undefined ){\r
+       console.log( 'animationend <= webkitAnimationEnd' );\r
+       X.Dom.Event.Rename[ 'animationend' ]        = 'webkitAnimationEnd';\r
+       X.Dom.Event.Rename[ 'animationstart' ]      = 'webkitAnimationStart';\r
+       X.Dom.Event.Rename[ 'animationiteration' ]  = 'webkitAnimationIteration';\r
+} else\r
+if( window.onoanimationend !== undefined && window.onanimationend === undefined ){\r
+       console.log( 'animationend <= oAnimationEnd' );\r
+       X.Dom.Event.Rename[ 'animationend' ]        = 'oAnimationEnd';\r
+       X.Dom.Event.Rename[ 'animationstart' ]      = 'oAnimationStart';\r
+       X.Dom.Event.Rename[ 'animationiteration' ]  = 'oAnimationIteration';\r
+} else\r
+/*\r
+if( window.onmozanimationend !== undefined && window.onanimationend === undefined ){\r
+         X.Dom.Event.Rename[ 'animationend' ]          = 'mozAnimationEnd';\r
+       X.Dom.Event.RenameTo[ 'mozAnimationEnd' ]       = 'animationend';\r
+         X.Dom.Event.Rename[ 'animationstart' ]        = 'mozAnimationStart';\r
+       X.Dom.Event.RenameTo[ 'mozAnimationStart' ]     = 'animationstart';\r
+         X.Dom.Event.Rename[ 'animationiteration' ]    = 'mozAnimationIteration';\r
+       X.Dom.Event.RenameTo[ 'mozAnimationIteration' ] = 'animationiteration';\r
+} else*/\r
+if( document.documentElement && document.documentElement.style.msAnimation !== undefined && document.documentElement.style.animation === undefined ){ //document.documentElement.style.msAnimation \r
+       console.log( 'animationend <= MSAnimationEnd' );\r
+       X.Dom.Event.Rename[ 'animationend' ]         = 'MSAnimationEnd';\r
+       X.Dom.Event.Rename[ 'animationstart' ]       = 'MSAnimationStart';\r
+       X.Dom.Event.Rename[ 'animationiteration' ]   = 'MSAnimationIteration';\r
+};\r
+// https://developer.mozilla.org/en-US/docs/Web/Events/transitionend\r
+// chrome1+, firefox4+, IE10+, Opera10.5+, Safari3.2+, Android2.1+\r
+if( window.onwebkittransitionend !== undefined && window.ontransitionend === undefined ){\r
+       console.log( 'transitionend <= webkitTransitionEnd' );\r
+       X.Dom.Event.Rename[ 'transitionend' ]      = 'webkitTransitionEnd';\r
+} else\r
+if( window.onotransitionend !== undefined && window.ontransitionend === undefined ){\r
+       if( X.UA.Opera < 12 ){\r
+               console.log( 'transitionend <= oTransitionEnd|ver.' + X.UA.Opera );\r
+               X.Dom.Event.Rename[ 'transitionend' ]  = 'oTransitionEnd';\r
+       } else {\r
+               console.log( 'transitionend <= otransitionEnd|ver.' + X.UA.Opera );\r
+               X.Dom.Event.Rename[ 'transitionend' ]  = 'otransitionEnd';\r
+       };\r
+} else\r
+if( window.onmoztransitionend !== undefined && window.ontransitionend === undefined ){\r
+       console.log( 'transitionend <= mozTransitionEnd' );\r
+       X.Dom.Event.Rename[ 'transitionend' ]    = 'mozTransitionEnd';\r
+};\r
+\r
+\r
+if( navigator.msPointerEnabled && !navigator.pointerEnabled ){\r
+       console.log( 'pointerdown <= MSPointerDown' );\r
+       X.Dom.Event.Rename[ 'pointerdown'     ] = 'MSPointerDown';\r
+       X.Dom.Event.Rename[ 'pointerup'       ] = 'MSPointerUp';\r
+       X.Dom.Event.Rename[ 'pointermove'     ] = 'MSPointerMove';\r
+       X.Dom.Event.Rename[ 'pointercancel'   ] = 'MSPointerCancel';\r
+};\r
+\r
+(function( rename, renameTo ){\r
+       for( var k in rename ){\r
+               renameTo[ rename[ k ] ] = k;\r
+       };\r
+})( X.Dom.Event.Rename, X.Dom.Event.RenameTo );\r
+\r
+\r
+\r
+X.Dom.Node.prototype.listen = function( type, arg1, arg2, arg3 /* [ listener || ( context + function ) || function ][ arguments ] */ ){\r
+       if( this._xnodeType === 0 || this._xnodeType === 3 ) return this;\r
+       \r
+       if( X.Type.isArray( type ) ){\r
+               return X.EventDispatcher.prototype.listen.apply( this, arguments );\r
+       };\r
+       \r
+       ( !this._listeners || !this._listeners[ type ] ) && X.Type.isString( type ) && this._addEvent( type );\r
+       \r
+       return X.EventDispatcher.prototype.listen.apply( this, arguments );\r
+};\r
+\r
+X.Dom.Node.prototype._addEvent =\r
+       // Days on the Moon DOM Events とブラウザの実装 \r
+       // http://nanto.asablo.jp/blog/2007/03/23/1339502\r
+       // Safari 2 では関数オブジェクトしか EventListener として使えませんが、Safari のナイトリービルドでは handleEvent メソッドを持つオブジェクトも EventListener として使えるようです。\r
+       X.Dom.EVENT_W3C && ( X.UA.WebKit < 525.13 || X.UA.Opera7 || X.UA.NetFront < 4 ) ? // Safari3-\r
+               (function( type ){\r
+                       var raw = this._rawNode;\r
+                       if( !raw ) return;\r
+                       this._handleEvent = this._handleEvent || X.Callback.create( this );\r
+                       if( raw.addEventListener ){\r
+                               raw.addEventListener( type, this._handleEvent, false );\r
+                       } else {\r
+                               // Safari は Image, Opera7 は window\r
+                               raw[ 'on' + type ] = this._handleEvent;\r
+                       };\r
+               }) :\r
+       X.Dom.EVENT_W3C ?\r
+               (function( type ){\r
+                       this._rawNode && this._rawNode.addEventListener( X.Dom.Event.Rename[ type ] || type, this, false );\r
+               }) :\r
+       X.Dom.EVENT_IE ?\r
+               (function( type ){\r
+                       var raw = this._rawNode;\r
+                       if( !raw ) return;\r
+                       //if( type === 'load' && this._tag && X.Dom.Event._LOAD_FIX_TAGS[ this._tag ] ){\r
+                       //      type = 'readystatechange';\r
+                       //};\r
+                       this._handleEvent = this._handleEvent || X.Callback.create( this );\r
+                       if( raw.attachEvent ){\r
+                               raw.attachEvent( 'on' + type, this._handleEvent );\r
+                       } else {\r
+                               raw[ 'on' + type ] = this._handleEvent;\r
+                       };\r
+               }) :\r
+               (function( type ){\r
+                       var raw = this._rawNode || ( this._ie4getRawNode && this._ie4getRawNode() );\r
+                       if( !raw ) return;\r
+                       raw[ 'on' + type ] = this._handleEvent = this._handleEvent || X.Callback.create( this );\r
+               });\r
+\r
+\r
+X.Dom.Node.prototype.unlisten = function( type, arg1, arg2, arg3 ){\r
+       var list = this._listeners, l;\r
+       \r
+       if( X.Type.isArray( type ) ){\r
+               return list ? X.EventDispatcher.prototype.unlisten.apply( this, arguments ) : this;\r
+       };\r
+\r
+       l = !this._dispatching && list && type !== undefined && list[ type ] && list[ type ].length;\r
+       \r
+       X.EventDispatcher.prototype.unlisten.apply( this, arguments );\r
+       \r
+       l && !list[ type ] && X.Type.isString( type ) && this._removeEvent( type );\r
+       \r
+       return this;\r
+};\r
+\r
+X.Dom.Node.prototype._removeEvent =\r
+       X.Dom.EVENT_W3C && ( X.UA.WebKit < 525.13 || X.UA.Opera7 || X.UA.NetFront < 4 ) ? // Safari3-\r
+               (function( type ){\r
+                       var raw = this._rawNode;\r
+                       if( !raw ) return;\r
+                       \r
+                       if( raw.addEventListener ){ // Image\r
+                               raw.removeEventListener( type, this._handleEvent, false );\r
+                       } else {\r
+                               raw[ 'on' + type ] = null;\r
+                       };\r
+                       if( !this._listeners ){\r
+                               X.Callback._correct( this._handleEvent );\r
+                               delete this._handleEvent;\r
+                       };\r
+               }) :\r
+       X.Dom.EVENT_W3C ?\r
+               (function( type ){\r
+                       var raw = this._rawNode;\r
+                       if( !raw ) return;\r
+                       raw.removeEventListener( X.Dom.Event.Rename[ type ] || type, this, false );\r
+               }) :\r
+       X.Dom.EVENT_IE ?\r
+               (function( type ){\r
+                       var raw = this._rawNode;\r
+                       if( !raw ) return;\r
+                       //if( type === 'load' && this._tag && X.Dom.Event._LOAD_FIX_TAGS[ this._tag ] ){\r
+                       //      type = 'readystatechange';\r
+                       //};\r
+                       if( raw.attachEvent ){\r
+                               raw.detachEvent( 'on' + type, this._handleEvent );\r
+                       } else {\r
+                               raw[ 'on' + type ] = X.emptyFunction;\r
+                               raw[ 'on' + type ] = '';\r
+                       };\r
+                       if( !this._listeners ){\r
+                               X.Callback._correct( this._handleEvent );\r
+                               delete this._handleEvent;\r
+                       };\r
+               }) :\r
+               (function( type ){\r
+                       var raw = this._rawNode || ( this._ie4getRawNode && this._ie4getRawNode() );\r
+                       if( !raw ) return;\r
+                       raw[ 'on' + type ] = X.emptyFunction;\r
+                       raw[ 'on' + type ] = '';\r
+                       if( !this._listeners ){\r
+                               X.Callback._correct( this._handleEvent );\r
+                               delete this._handleEvent;\r
+                       };\r
+               });\r
+\r
+// Is this in regard to the Safari 1.x preventDefault bug on click/dblclick?\r
+// https://groups.google.com/forum/#!msg/comp.lang.javascript/uYEuCHjHxnw/yKoHtZJPa1QJ\r
+X.Dom.Node.prototype.handleEvent =\r
+       X.UA.IE4 || X.UA.IE5678 ? // ie45678 EVENT_IE & EVENT_DOM0 for ie4\r
+               (function(){\r
+                       var ret;\r
+                       \r
+                       if( event.type === 'readystatechange' && this._tag && X.Dom.Event._LOAD_FIX_TAGS[ this._tag ] ){\r
+                               //type = 'readystatechange';\r
+                       };\r
+                       \r
+                       ret = X.EventDispatcher.prototype.dispatch.call( this, new X.Dom.Event( event, this, this._rawNode ) );\r
+\r
+                       if( ret & X.Callback.STOP_PROPAGATION ){\r
+                               event.cancelBubble = true;\r
+                       };\r
+                       if( ret & X.Callback.PREVENT_DEFAULT ){\r
+                               this._tag === 'A' && this._rawNode.blur();\r
+                               return event.returnValue = false;\r
+                       };\r
+               }) :\r
+       //X.Dom.EVENT_W3C & EVENT_DOM0\r
+               (function( e ){\r
+                       var ret = X.EventDispatcher.prototype.dispatch.call( this, new X.Dom.Event( e, this ) );\r
+                       \r
+                       if( ret & X.Callback.STOP_PROPAGATION ){\r
+                               e.stopPropagation();\r
+                       };\r
+                       if( ret & X.Callback.PREVENT_DEFAULT ){\r
+                               this._tag === 'A' && this._rawNode.blur();\r
+                               e.preventDefault();\r
+                               if( X.UA.WebKit < 525.13 ){ // Safari3-\r
+                                       if( e.type === 'click' || e.type === 'dbclick' ){\r
+                                               X.Dom._safariPreventDefault = true;\r
+                                       };\r
+                               };\r
+                               return false;\r
+                       };\r
+               });\r
+\r
+\r
+// イベントの退避、dom が画面から抜かれる場合に実施しておく\r
+X.Dom.Node.prototype._migrateEvent = function(){\r
+       var hash = this._listeners,\r
+               type;\r
+       if( !hash ) return;\r
+       for( type in hash ){\r
+               // 数字イベントの除外\r
+               /*'' + parseFloat( type ) !== type && */this._removeEvent( type );\r
+       };\r
+};\r
+\r
+// 退避したイベントの復帰\r
+X.Dom.Node.prototype._restoreEvent = function(){\r
+       var hash = this._listeners,\r
+               type;\r
+       if( !hash ) return;\r
+       for( type in hash ){\r
+               // 数字イベントの除外\r
+               /*'' + parseFloat( type ) !== type && */ this._addEvent( type );\r
+       };\r
+};\r
+\r
+/* -----------------------------------------------\r
+ * Document Ready\r
+ *  Dean Edwards/Matthias Miller/John Resig\r
+ */\r
+\r
+// SafariでJavaScriptのデバッグをする方法\r
+// safari1.3 可\r
+// http://shimax.cocolog-nifty.com/search/2006/09/safarijavascrip_c54d.html\r
+\r
+/* for ie9+/Mozilla/Opera9 */\r
+if( X.Dom.EVENT_W3C ){\r
+       Node._document.listenOnce( 'DOMContentLoaded', X.Dom._init );\r
+} else\r
+if( 6 <= X.UA.IE && X.inHead ){\r
+       // if this script in Head\r
+       document.write( "<script id=__ie_onload defer src=javascript:void(0)><\/script>" );\r
+       X.Dom._script = document.getElementById( "__ie_onload" );\r
+       X.Dom._script.onreadystatechange = function(){\r
+               var s = X.Dom._script;\r
+               if( s && s.readyState === 'complete' ){\r
+                       s.onreadystatechange = X.emptyFunction;\r
+                       s.onreadystatechange = null;\r
+                       s.parentNode.removeChild( s );\r
+                       delete X.Dom._script;\r
+                       X.Dom._init && X.Dom._init();\r
+               };\r
+       };\r
+};\r
+// Re: onLoad doesn't work with Safari?\r
+// http://lists.apple.com/archives/web-dev/2003/Oct/msg00036.html\r
+if( X.UA.WebKit || ( X.UA.Safari && X.UA.Safari < 3 ) ){ // sniff\r
+       X.Timer.add( 10, function(){\r
+               if( !X.Dom._init ) return X.Callback.UN_LISTEN;\r
+               if( 'loaded|complete'.indexOf( document.readyState ) !== -1 ) return X.Dom._init();\r
+       });\r
+};\r
+\r
+/* for other browsers */\r
+Node._window.listenOnce( 'load', X.Dom._init );\r
+//\r
+X.Dom.listenOnce( X.Dom.Event.XDOM_READY, function(e){\r
+       console.log( 'X.Dom XDomReady ' + X.Dom.readyState );\r
+} );\r
+\r
+if( X.UA.WebKit < 525.13 ){ // Safari3-\r
+       document.documentElement.onclick =\r
+       document.documentElement.ondbclick = function( e ){\r
+                       if( X.Dom._safariPreventDefault ){\r
+                               X.Dom._safariPreventDefault = false;\r
+                               e.preventDefault();\r
+                               return false;\r
+                       };\r
+               };\r
+};\r
+\r
+X.Dom.listen( X.Dom.Event.VIEW_RESIZED, function(e){ console.log( 'X.Dom VIEW_RESIZED ' + e.w + 'x' + e.h ); } );\r
+\r