OSDN Git Service

Version 0.6.47, fix for IE5 & Opera7.x.
[pettanr/clientJs.git] / 0.6.x / js / dom / 10_XDom.js
index fbcfecb..e39e4eb 100644 (file)
@@ -3,7 +3,7 @@ X.Dom = X.Class._override(
        new X.EventDispatcher(),\r
        {\r
                readyState   : -1,\r
-               active       : true,\r
+               active       : !!document.activeElement,\r
                _root        : null,\r
 \r
                _lock        : false,\r
@@ -14,6 +14,12 @@ X.Dom = X.Class._override(
 /* -----------------------------------------------\r
  * Resize\r
  *  original : uupaa.js\r
+ * \r
+ * TODO\r
+ *  https://w3g.jp/blog/studies/ios7_1_minimal-ui_warning\r
+ *  iOS7.0からあったiPad Safariの高さ100%コンテンツでlandscape(横向き)時に起きる不具合\r
+ * \r
+ * getBoundingClientRect で fontsize の調査\r
  */\r
                _resize :\r
                        X.UA.IE && X.UA.IE < 9 ?\r
@@ -39,7 +45,7 @@ X.Dom = X.Class._override(
                                (function( e ){\r
                                        !X.Dom._lock && ( X.Dom._lock = true ) && X.Timer.once( 100, X.Dom._detectFinishResizing );\r
                                        return X.Callback.PREVENT_DEFAULT | X.Callback.STOP_PROPAGATION;\r
-                               }),     \r
+                               }),\r
                \r
                _detectFinishResizing : function (){\r
                        var size = X.Dom._getSize();\r
@@ -56,12 +62,6 @@ X.Dom = X.Class._override(
                _init : function(){\r
                        var s, size, h, r;\r
                        if( X.Dom.Event.DOM_PRE_INIT <= X.Dom.readyState ) return X.Callback.UN_LISTEN;\r
-                       if( s = X.Dom._script ){\r
-                               s.parentNode.removeChild( s );\r
-                               s.onreadystatechange = X.emptyFunction;\r
-                               s.onreadystatechange = null;\r
-                               delete X.Dom._script;\r
-                       };\r
                        delete X.Dom._init;\r
                        X.Dom.readyState = X.Dom.Event.DOM_PRE_INIT;\r
                        \r
@@ -70,9 +70,9 @@ X.Dom = X.Class._override(
 \r
                        h = Node._html = document.documentElement ?\r
                                        new Node( document.documentElement ) :\r
-                               document.getElementsByTagName ?\r
+                               X.Dom.DOM_W3C ?\r
                                        new Node( document.getElementsByTagName( 'html' )[ 0 ] ) :\r
-                               document.all ?\r
+                               X.Dom.DOM_IE4 ?\r
                                        new Node( document.all.tags( 'html' )[ 0 ] ) :\r
                                        null;\r
                \r
@@ -91,12 +91,12 @@ X.Dom = X.Class._override(
                        \r
                        X.Dom.listenOnce( X.Dom.Event.DOM_BUILDER_COMPLETE, function(){\r
                                X.Dom.readyState = X.Dom.Event.DOM_INIT;\r
-                               \r
+                               //X.UA.Opera7 && alert( 'bc' );\r
                                Node.root.appendAt( 0,\r
                                        Node._systemNode = Node.create( 'div', { 'class' : 'hidden-system-node' } ),\r
                                        Node._fontSizeNode = Node.create( 'div', { 'class' : 'hidden-system-node' } ).cssText( 'line-height:1;height:1em;' ).text( 'X' )\r
                                )._startUpdate();\r
-                               \r
+\r
                                X.Dom.asyncDispatch( 0, { type : X.Dom.Event.DOM_INIT } );\r
                        } );\r
 \r
@@ -122,6 +122,9 @@ X.Dom = X.Class._override(
                                .listen( 'beforeunload', X.Dom )\r
                                .listenOnce( 'unload', X.Dom );\r
 \r
+//ブラウザの戻るボタンで戻ったときに呼ばれるイベントとかキャッシュとかそこらへんのこと\r
+//http://d.hatena.ne.jp/koumiya/20080916/1221580149\r
+\r
                        if( document[ 'hidden' ] !== undefined ) {// iOS 7+\r
                                Node._document.listen( 'visibilitychange', X.Dom );\r
                        } else\r
@@ -129,23 +132,24 @@ X.Dom = X.Class._override(
                                Node._document.listen( 'webkitvisibilitychange', X.Dom );\r
                        } else\r
                        if( X.UA.iOS && window[ 'onpageshow' ] !== undefined ) {\r
-                               Node._window.listen('pageshow', X.Dom );\r
-                               Node._window.listen('pagehide', X.Dom );\r
+                               Node._window.listen( 'pageshow', X.Dom )\r
+                                                       .listen( 'pagehide', X.Dom );   \r
                        } else {\r
-                               Node._window.listen('focus', X.Dom );\r
-                               Node._window.listen('blur', X.Dom );\r
+                               Node._window.listen( 'focus', X.Dom )\r
+                                                       .listen( 'blur', X.Dom );\r
                        };\r
 \r
                        return X.Callback.UN_LISTEN;\r
                },\r
 \r
                handleEvent : function( e ){\r
+                       var href;\r
                        switch( e.type ){\r
                                case 'beforeunload' :\r
                                        \r
                                        // ie では a href="javascript" な要素でも beforeunload が起こる\r
-                                       var href = e.relatedTarget && e.relatedTarget.href();\r
-                                       if( href && href.indexOf( 'javascript:' ) === 0 ) return X.Callback.PREVENT_DEFAULT | X.Callback.STOP_PROPAGATION;\r
+                                       href = e.target && e.target.attr( 'href' );\r
+                                       if( href && href.indexOf && href.indexOf( 'javascript:' ) === 0 ) return X.Callback.PREVENT_DEFAULT | X.Callback.STOP_PROPAGATION;\r
                                        \r
                                        return X.Dom.dispatch( { type : X.Dom.Event.BEFORE_UNLOAD } );\r
                                case 'unload' :\r
@@ -196,6 +200,7 @@ X.Dom = X.Class._override(
                _getSize :\r
                        X.UA.IE ?\r
                                new Function( 'return[X.Dom._root.clientWidth,X.Dom._root.clientHeight]' ) :\r
+\r
                                new Function( 'return[window.innerWidth,window.innerHeight]' ),\r
                \r
                getSize : function(){\r
@@ -210,7 +215,14 @@ X.Dom = X.Class._override(
                        // Opera は互換モードでは document.body.scrollHeight、標準モードでは document.documentElement.scrollHeight でページの高さが取れる。と思ってたんだけど、例外があった。\r
                        // http://orera.g.hatena.ne.jp/edvakf/20100515/1273908051\r
                //http://onozaty.hatenablog.com/entry/20060803/p1\r
-               // Safari2.0.4では標準・互換どちらも document.body           \r
+               // Safari2.0.4では標準・互換どちらも document.body\r
+                       \r
+                       Node.root._updateTimerID && Node.root._startUpdate();\r
+                       /*X.UA.Opera ?\r
+                               ( document.documentElement && document.documentElement.clientWidth ?\r
+                                       new Function( 'return[document.documentElement.clientWidth,document.documentElement.clientHeight]' ) :\r
+                                       new Function( 'return[document.body.clientWidth,document.body.clientHeight]' )\r
+                               ) :*/                   \r
                        return [\r
                                X.Dom._root.scrollWidth  || X.Dom._root.offsetWidth,\r
                                X.Dom._root.scrollHeight || X.Dom._root.offsetHeight\r
@@ -219,10 +231,20 @@ X.Dom = X.Class._override(
                \r
                getScrollPosition :\r
                        window.pageXOffset !== undefined ?\r
-                               new Function( 'return[window.pageXOffset,window.pageYOffset]' ) :\r
+                               ( function(){\r
+                                       Node.root._updateTimerID && Node.root._startUpdate();\r
+                                       return[ window.pageXOffset, window.pageYOffset ];\r
+                               } ) :\r
                        window.scrollLeft  !== undefined ?\r
-                               new Function( 'return[window.scrollLeft,window.scrollTop]') :\r
-                               new Function( 'return[X.Dom._root.scrollLeft,X.Dom._root.scrollTop]' ),\r
+                               ( function(){\r
+                                       Node.root._updateTimerID && Node.root._startUpdate();\r
+                                       return[ window.scrollLeft, window.scrollTop ];\r
+                               } ) :\r
+                               ( function(){\r
+                                       Node.root._updateTimerID && Node.root._startUpdate();\r
+                                       // body は Safari2-\r
+                                       return[ X.Dom._root.scrollLeft || document.body.scrollLeft, X.Dom._root.scrollTop || document.body.scrollTop ];\r
+                               } ),\r
 \r
                getScrollbarSize : function(){\r
                        return [ X.Dom.BoxModel.vScrollbarSize, X.Dom.BoxModel.hScrollbarSize ];        \r
@@ -240,16 +262,49 @@ if( !X.UA.IE || 9 <= X.UA.IE ){
        };\r
 };\r
 \r
+if( document.getElementById && ( !X.UA.IEMobile || 5 <= X.UA.IE ) ){\r
+       X.Dom.DOM_W3C = true;\r
+       if( document.addEventListener ){\r
+               X.Dom.EVENT_W3C = true;\r
+       } else\r
+       if( document.attachEvent ){\r
+               X.Dom.EVENT_IE = true;\r
+       } else {\r
+               X.Dom.EVENT_DOM0 = true;\r
+       };\r
+} else\r
+if( document.all ){\r
+       X.Dom.DOM_IE4    = true;\r
+       X.Dom.EVENT_DOM0 = true;\r
+};\r
 \r
+X.Dom.moveToHead = {\r
+       STYLE   : true,\r
+       BGSOUND : true,\r
+       AREA    : true,\r
+       BASE    : true,\r
+       META    : true\r
+};\r
 \r
 X.Dom.cleanupTagNames = {\r
-               noscript : 1,\r
-               noframes : 1,\r
-               '!'      : 1,\r
-               noembed  : 1,\r
-               nolayer  : 1\r
+               SCRIPT   : true,\r
+               NOSCRIPT : true,\r
+               NOFRAMES : true,\r
+               '!'      : true, // ie\r
+               COMMENT  : true, // ie\r
+               NOEMBED  : true,\r
+               NOLAYER  : true\r
        };\r
-X.Dom.skipCleanupTagNames = 'pre,textarea,code,kbd,samp,xmp,plaintext,listing'.split( ',' );\r
+X.Dom.skipCleanupTagNames = {\r
+       PRE       : true,\r
+       TEXTAREA  : true,\r
+       CODE      : true,\r
+       KBD       : true,\r
+       SAMP      : true,\r
+       XMP       : true,\r
+       PLAINTEXT : true,\r
+       LISTING   : true\r
+};\r
                \r
 X.Dom.cleanupWhiteSpace = function( text ){\r
        var _ = ' ', __ = '  ';\r