OSDN Git Service

(root) / pettanr / clientJs.git / blobdiff
? search:
summary | shortlog | log | commit | commitdiff | tree
raw | inline | side by side
Version 0.6.66, fixed around X.Callback.
[pettanr/clientJs.git] / 0.6.x / js / dom / 10_XDom.js
diff --git a/0.6.x/js/dom/10_XDom.js b/0.6.x/js/dom/10_XDom.js
index e39e4eb..f79fbd8 100644 (file)
--- a/0.6.x/js/dom/10_XDom.js
+++ b/0.6.x/js/dom/10_XDom.js
@@ -3,7 +3,7 @@ X.Dom = X.Class._override(
        new X.EventDispatcher(),\r
        {\r
                readyState   : -1,\r
-               active       : !!document.activeElement,\r
+               active       : !!window.parent || !!document.activeElement, // frameに読み込まれた場合のieのerror回避\r
                _root        : null,\r
 \r
                _lock        : false,\r
@@ -37,12 +37,14 @@ X.Dom = X.Class._override(
                                        \r
                                        size = Node._fontSizeNode._rawNode.offsetHeight;\r
                                        if( X.Dom.baseFontSize !== size ){\r
-                                               X.Dom.baseFontSize && X.Dom.asyncDispatch( 0, { type : X.Dom.Event.BASE_FONT_RESIZED, size : size } );\r
+                                               X.Dom.baseFontSize && X.Dom.asyncDispatch( 0, { type : X.Dom.Event.BASE_FONT_RESIZED, fontSize : size, w : X.Dom.w, h : X.Dom.h  } );\r
                                                X.Dom.baseFontSize = size;\r
                                        };\r
                                        \r
                                }) :\r
                                (function( e ){\r
+                                       console.log( '-- resize : ' + X.getTime() );\r
+                                       \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
@@ -54,19 +56,30 @@ X.Dom = X.Class._override(
                                X.Dom.h = size[ 1 ];\r
                                X.Timer.once( 100, X.Dom._detectFinishResizing );\r
                        } else {\r
+                               console.log( '-- detectFinishResizing : ' + X.getTime() );\r
+                               \r
                                X.Dom.asyncDispatch( 0, { type : X.Dom.Event.VIEW_RESIZED, w : X.Dom.w, h : X.Dom.h } );\r
                                X.Dom._lock = false;\r
+                               if( X.Dom._orientationFlag ){\r
+                                       X.Dom._orientationFlag = false;\r
+                                       X.Dom.asyncDispatch( 100, { type : X.Dom.Event.VIEW_TURNED, orientation : window.orientation } );\r
+                               };\r
                        };\r
                },\r
 \r
                _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
+                       \r
+                       console.log( 'X.Dom._init()' );\r
+                       \r
                        delete X.Dom._init;\r
+                       // DOMContentLoaded の無いブラウザで X.Dom._init への参照が残り続けるのを回避\r
+                       Node._document.unlisten( 'DOMContentLoaded', X.Dom._init );\r
+                       \r
                        X.Dom.readyState = X.Dom.Event.DOM_PRE_INIT;\r
                        \r
-                       /* if( X.UA.IE ) */\r
-                       X.Dom._root = ( document.compatMode !== 'CSS1Compat' ? document.body : document.documentElement );\r
+                       X.Dom._root = document.compatMode !== 'CSS1Compat' ? document.body : document.documentElement || document.body;\r
 \r
                        h = Node._html = document.documentElement ?\r
                                        new Node( document.documentElement ) :\r
@@ -76,7 +89,10 @@ X.Dom = X.Class._override(
                                        new Node( document.all.tags( 'html' )[ 0 ] ) :\r
                                        null;\r
                \r
-                       r = Node.root = new Node( document.body );\r
+                       r = Node._body = new Node( document.body );\r
+                       \r
+                       Node.root = r; // 後方互換\r
+                       \r
                        h.appendTo = h.appendToRoot = h.before = h.after = h.clone = h.remove = h.destroy = h.prevNode = h.nextNode = h.createText = h.append = h.appendAt = h.empty = h.html = h.text =\r
                        r.appendTo = r.appendToRoot = r.before = r.after = r.clone = r.remove = r.destroy = r.prevNode = r.nextNode = new Function( 'return this' );\r
                        \r
@@ -92,7 +108,7 @@ X.Dom = X.Class._override(
                        X.Dom.listenOnce( X.Dom.Event.DOM_BUILDER_COMPLETE, function(){\r
                                X.Dom.readyState = X.Dom.Event.DOM_INIT;\r
                                //X.UA.Opera7 && alert( 'bc' );\r
-                               Node.root.appendAt( 0,\r
+                               Node._body.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
@@ -102,7 +118,11 @@ X.Dom = X.Class._override(
 \r
                        X.Dom.listenOnce( X.Dom.Event.DOM_INIT, function(){\r
                                var size = X.Dom._getSize();\r
-\r
+                               \r
+                               if( X.Dom._orientationchange ){\r
+                                       X.Dom.Node._window.listen( 'orientationchange', X.Dom._orientationchange );\r
+                               };\r
+                               \r
                                if( X.Dom._detectFontSize ){\r
                                        X.Dom.Node._window.listen( 'resize', X.Dom._resize );\r
                                        X.Timer.add( 333, X.Dom._detectFontSize );\r
@@ -200,7 +220,6 @@ 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
@@ -217,7 +236,7 @@ X.Dom = X.Class._override(
                //http://onozaty.hatenablog.com/entry/20060803/p1\r
                // Safari2.0.4では標準・互換どちらも document.body\r
                        \r
-                       Node.root._updateTimerID && Node.root._startUpdate();\r
+                       Node._body._updateTimerID && Node._body._startUpdate();\r
                        /*X.UA.Opera ?\r
                                ( document.documentElement && document.documentElement.clientWidth ?\r
                                        new Function( 'return[document.documentElement.clientWidth,document.documentElement.clientHeight]' ) :\r
@@ -232,16 +251,16 @@ X.Dom = X.Class._override(
                getScrollPosition :\r
                        window.pageXOffset !== undefined ?\r
                                ( function(){\r
-                                       Node.root._updateTimerID && Node.root._startUpdate();\r
+                                       Node._body._updateTimerID && Node._body._startUpdate();\r
                                        return[ window.pageXOffset, window.pageYOffset ];\r
                                } ) :\r
                        window.scrollLeft  !== undefined ?\r
                                ( function(){\r
-                                       Node.root._updateTimerID && Node.root._startUpdate();\r
+                                       Node._body._updateTimerID && Node._body._startUpdate();\r
                                        return[ window.scrollLeft, window.scrollTop ];\r
                                } ) :\r
                                ( function(){\r
-                                       Node.root._updateTimerID && Node.root._startUpdate();\r
+                                       Node._body._updateTimerID && Node._body._startUpdate();\r
                                        // body は Safari2-\r
                                        return[ X.Dom._root.scrollLeft || document.body.scrollLeft, X.Dom._root.scrollTop || document.body.scrollTop ];\r
                                } ),\r
@@ -256,13 +275,25 @@ if( !X.UA.IE || 9 <= X.UA.IE ){
        X.Dom._detectFontSize = function(){\r
                var size = Node._fontSizeNode._rawNode.offsetHeight;\r
                if( X.Dom.baseFontSize !== size ){\r
-                       X.Dom.baseFontSize && X.Dom.asyncDispatch( 0, { type : X.Dom.Event.BASE_FONT_RESIZED, size : size } );\r
+                       X.Dom.baseFontSize && X.Dom.asyncDispatch( 0, { type : X.Dom.Event.BASE_FONT_RESIZED, fontSize : size, w : X.Dom.w, h : X.Dom.h } );\r
                        X.Dom.baseFontSize = size;\r
                };\r
        };\r
 };\r
 \r
-if( document.getElementById && ( !X.UA.IEMobile || 5 <= X.UA.IE ) ){\r
+/*\r
+ * http://d.hatena.ne.jp/t-uchima/20051003/p1\r
+ * MacIEにはattachEventが一応あるけどwindow.attachEventとdocument.attachEventしかなく他の要素にはattachEventはない。\r
+ */\r
+if( X.UA.MacIE || X.UA.NetFront < 4 ){\r
+       X.Dom.DOM_W3C    = true;\r
+       X.Dom.EVENT_DOM0 = true;\r
+} else\r
+if( X.UA.IE4 ){ // ie4 & iemobi4\r
+       X.Dom.DOM_IE4    = true;\r
+       X.Dom.EVENT_DOM0 = true;\r
+} else\r
+if( document.getElementById ){\r
        X.Dom.DOM_W3C = true;\r
        if( document.addEventListener ){\r
                X.Dom.EVENT_W3C = true;\r
@@ -276,10 +307,20 @@ if( document.getElementById && ( !X.UA.IEMobile || 5 <= X.UA.IE ) ){
 if( document.all ){\r
        X.Dom.DOM_IE4    = true;\r
        X.Dom.EVENT_DOM0 = true;\r
+} else\r
+if( document.layers ){\r
+       \r
+} else {\r
+       \r
 };\r
 \r
+X.Dom.EVENT_POINTER = navigator.msPointerEnabled || navigator.pointerEnabled;\r
+X.Dom.EVENT_TOUCH   = !X.Dom.EVENT_POINTER && window.ontouchstart !== undefined;\r
+\r
 X.Dom.moveToHead = {\r
        STYLE   : true,\r
+       LINK    : true,\r
+       TITLE   : true,\r
        BGSOUND : true,\r
        AREA    : true,\r
        BASE    : true,\r
@@ -305,9 +346,12 @@ X.Dom.skipCleanupTagNames = {
        PLAINTEXT : true,\r
        LISTING   : true\r
 };\r
+\r
+X.Dom.CRLF = String.fromCharCode( 13 ) + String.fromCharCode( 10 );\r
                \r
 X.Dom.cleanupWhiteSpace = function( text ){\r
-       var _ = ' ', __ = '  ';\r
+       var _ = ' ', __ = '  ', CRLF = X.Dom.CRLF;\r
+       //text.indexOf( CRLF )   !== -1 && ( text = text.split( CRLF ).join( _ ) );\r
        text.indexOf( '\n\r' ) !== -1 && ( text = text.split( '\n\r' ).join( _ ) );\r
        text.indexOf( '\t' )   !== -1 && ( text = text.split( '\t' ).join( _ ) );\r
        text.indexOf( '\r' )   !== -1 && ( text = text.split( '\r' ).join( _ ) );\r
@@ -382,3 +426,13 @@ X.Dom.getAbsolutePath = function( path ){
        return [ _ary[ 0 ], ss, ary.join( s ), s, path ].join( '' );\r
 };\r
 \r
+if( window[ 'orientation' ] !== undefined ){\r
+       X.Dom._orientationchange = function( e ){\r
+               X.Dom._orientationFlag = true;\r
+               !X.UA.Android && X.Dom._resize();\r
+               console.log( '-- orientationchange : ' + X.getTime() );\r
+       };\r
+};\r
+\r
+\r
+console.log( 'X.Dom dom:w3c=' + X.Dom.DOM_W3C + ' ev:w3c=' + X.Dom.EVENT_W3C );\r
クライアント側 js 開発用
About OSDN
Find Software
Develop Software
Help