OSDN Git Service

Version 0.6.41, fix for Opera8 & NN7.2+.
[pettanr/clientJs.git] / 0.6.x / js / dom / 22_XDomBuilder.js
index ad5e44f..bad1a9f 100644 (file)
@@ -4,21 +4,24 @@ X.Dom._useBuilder = true;
 /* --------------------------------------\r
  *  通常のwebページに対して使用する場合、dom ready で dom tree を写し取るために使う.\r
  *  完全にワンページアプリで<body/>が空な場合、このコードはビルドに含める必要はない\r
+ * \r
+ * TODO (注4) IE6 の空白に関する“癖”について\r
+ * http://kojs.sukobuto.com/docs/visible-binding\r
+ * IE6 には、「空の span エレメントに続く空白は無視される」という謎な癖があります。 \r
  */\r
 X.Dom.listenOnce( X.Dom.Event.DOM_PRE_INIT,\r
-       document.getElementById ?\r
+       X.Dom.DOM_W3C ?\r
 (function(){\r
        var r    = Node.root,\r
                body = r._rawNode,\r
-               i, n = 0;\r
+               i, n = 0,\r
+               elmProgress;\r
+       // TODO\r
+       // textarea の内容を控えて、消す。xnode tree 構築後に復帰。でないと、html パースでこける\r
        \r
        // cleanup tree \r
-       (function( elm, skip, head ){\r
-               var me         = arguments.callee,\r
-                       moveToHead = 'style,bgsound,area,base,meta'.split( ',' ),\r
-                       remove     = 'script,noscript,noframes,comment,!,noembed,nolayer'.split( ',' ),\r
-                       noncleanup = 'pre,textarea,code,kbd,samp,xmp,plaintext,listing'.split( ',' ),\r
-                       nodes      = X.copyArray( elm.childNodes ),\r
+       (function/*cleanUpTree*/( elm, skip, head ){\r
+               var nodes      = X.copyArray( elm.childNodes ),\r
                        i          = 0,\r
                        l          = nodes.length,\r
                        node, tag, textNode, content;\r
@@ -26,18 +29,18 @@ X.Dom.listenOnce( X.Dom.Event.DOM_PRE_INIT,
                        node = nodes[ i ];\r
                        switch( node.nodeType ){\r
                                case 1 :\r
-                                       tag = node.tagName.toLowerCase();\r
-                                       if( moveToHead.indexOf( tag ) !== -1 ){\r
+                                       tag = node.tagName.toUpperCase();\r
+                                       if( X.Dom.moveToHead[ tag ] ){\r
                                                head = head || document.getElementsByTagName( 'head' )[ 0 ];\r
                                                head.appendChild( node );\r
                                                continue;\r
                                        } else\r
-                                       if( remove.indexOf( tag ) !== -1 ){\r
+                                       if( X.Dom.cleanupTagNames[ tag ] ){\r
                                                elm.removeChild( node );\r
                                                continue;\r
                                        } else {\r
                                                // pre タグ以下はスペースの置換は行わない\r
-                                               node.childNodes && node.childNodes.length &&  me( node, skip || noncleanup.indexOf( tag ) !== -1, head );\r
+                                               node.childNodes && node.childNodes.length && /*cleanUpTree*/arguments.callee( node, skip || X.Dom.skipCleanupTagNames[ tag ], head );\r
                                        };\r
                                        textNode = null;\r
                                        break;\r
@@ -80,7 +83,7 @@ X.Dom.listenOnce( X.Dom.Event.DOM_PRE_INIT,
                } );\r
 \r
 }) :\r
-document.all ?\r
+X.Dom.DOM_IE4 ?\r
 (function(){\r
        var r    = Node.root,\r
                body = r._rawNode,\r
@@ -139,7 +142,7 @@ X.Dom._asyncCreateTree = function ( parent, elems, elmProgress, async ){
                        xnodes = current.xnodes;\r
                        while( xnode = xnodes[ i ] ){                   \r
                                //\r
-                               dive = bindElementToXnode( parent, xnode, current );\r
+                               dive = X.Dom._bindElementToXnode( parent, xnode, current );\r
                                \r
                                ++i;\r
                                ++done;\r
@@ -174,10 +177,11 @@ X.Dom._asyncCreateTree = function ( parent, elems, elmProgress, async ){
        X.Dom.asyncDispatch( 0, { type : X.Dom.Event.DOM_BUILDER_COMPLETE } );\r
        elmProgress.parentNode ? elmProgress.parentNode.removeChild( elmProgress ) : ( elmProgress.outerHTML = '' );\r
        delete X.Dom._asyncCreateTree;\r
+       delete X.Dom._bindElementToXnode;\r
 };\r
 \r
-bindElementToXnode =\r
-       document.getElementById ?\r
+X.Dom._bindElementToXnode =\r
+       X.Dom.DOM_W3C ?\r
                (function( parent, xnode, current ){\r
                        var elems = current.elems,\r
                                //j     = current.j,\r
@@ -191,7 +195,7 @@ bindElementToXnode =
                \r
                        for( ; current.j < m; ++current.j ){\r
                                elm = elems[ current.j ];\r
-                               tag = elm.tagName;\r
+                               tag = elm.tagName && elm.tagName.toUpperCase();\r
                                if( ( elm.nodeType !== 1 && elm.nodeType !== 3 ) || tag === '!' || ( tag && tag.charAt( 0 ) === '/' ) ){\r
                                        elm.parentNode.removeChild( elm );\r
                                        continue;\r
@@ -205,13 +209,13 @@ bindElementToXnode =
                                                //};\r
                                                alert( '[' +parent._tag + '>' +xnode._tag + '] !== ' + elm.nodeType + '\n' + elm.data );\r
                                        } else\r
-                                       if( xnode._tag.toUpperCase() !== tag ){\r
+                                       if( xnode._tag !== tag ){\r
                                                alert( '[' +parent._tag + '>' +xnode._tag + ' ' + (xnode._xnodes ? xnode._xnodes.length : '' ) + '] !== ' + tag + ' ' + (elm.childNodes ? elm.childNodes.length : '' ) + '\n' + elm.outerHTML );\r
                                        } else {\r
                                                xnode._rawNode = elm;\r
                                                //if( ( doc = elm.ownerDocument || elm.document ) && ( doc.createElement( 'p' ).tagName === doc.createElement( 'P' ).tagName ) ){\r
                                                        if( tag.charAt( 0 ) === '/' ) tag = tag.slice( 1 );\r
-                                                       xnode._tag = tag; // .toUpperCase()\r
+                                                       xnode._tag = tag;\r
                                                //};\r
                                                xnode._root = parent._root;\r
                                                elm.UID     = xnode._uid;\r
@@ -220,7 +224,7 @@ bindElementToXnode =
                                                        xnode.attr( 'value', xnode.html() ).empty();\r
                                                        current.xtext = null;\r
                                                } else\r
-                                               if( !xnode.hasClass( 'skip-cleanup' ) && ( X.Dom.cleanupTagNames[ tag.toLowerCase() ] || tag === 'SCRIPT' || xnode.hasClass( 'cleanup-target' ) ) ){ // ie で body 内の script が2度よばれるのに対処\r
+                                               if( !xnode.hasClass( 'skip-cleanup' ) && ( X.Dom.cleanupTagNames[ tag ] || xnode.hasClass( 'cleanup-target' ) ) ){ // ie で body 内の script が2度よばれるのに対処\r
                                                        //alert( '[' +parent._tag + '>' + xnode._tag + '] remove ... ' );\r
                                                        xnode.destroy();\r
                                                } else\r
@@ -238,7 +242,7 @@ bindElementToXnode =
                                                                l      : xnode._xnodes.length,\r
                                                                elems  : X.copyArray( elm.childNodes ),\r
                                                                j      : 0,\r
-                                                               skipCleanup : skipCleanup || 0 <= X.Dom.skipCleanupTagNames.indexOf( tag.toLowerCase() )\r
+                                                               skipCleanup : skipCleanup || X.Dom.skipCleanupTagNames[ tag ]\r
                                                        };\r
                                                };\r
                                        };\r
@@ -252,7 +256,10 @@ bindElementToXnode =
                                                xnode.destroy();\r
                                                break;\r
                                        };\r
-                                       alert(  parent._tag + '>' + '"' + xnode._text + '" !== ' + tag + '\n' + elm.outerHTML );\r
+                                       alert(  parent._tag + ' > ' + '"' + xnode._text + '" !== ' + tag + '\n' +\r
+                                               'prev : ' + ( xnode.prevNode() && xnode.prevNode().html() ) + '\n' +\r
+                                               'next : ' + ( xnode.nextNode() && xnode.nextNode().html() ) + '\n' +\r
+                                               'html : ' + elm.outerHTML );\r
                                        break;\r
                                };\r
                                \r
@@ -340,7 +347,7 @@ bindElementToXnode =
                                        xnode._rawNode = elm;\r
                                        xnode._root    = parent._root;\r
                                        //xnode._tag     = X.Dom.DTD.TAG_FIX[ tag ] || tag;\r
-                                       if( !xnode.hasClass( 'skip-cleanup' ) && ( X.Dom.cleanupTagNames[ tag.toLowerCase() ] || tag === 'SCRIPT' || xnode.hasClass( 'cleanup-target' ) ) ){\r
+                                       if( !xnode.hasClass( 'skip-cleanup' ) && ( X.Dom.cleanupTagNames[ tag ] || xnode.hasClass( 'cleanup-target' ) ) ){\r
                                                xnode.destroy();\r
                                                break;\r
                                        };\r
@@ -369,7 +376,7 @@ bindElementToXnode =
                                                        l      : xnode._xnodes.length,\r
                                                        elems  : X.copyArray( elm.children ),\r
                                                        j      : 0,\r
-                                                       skipCleanup : skipCleanup || 0 <= X.Dom.skipCleanupTagNames.indexOf( tag.toLowerCase() )\r
+                                                       skipCleanup : skipCleanup || X.Dom.skipCleanupTagNames[ tag ]\r
                                                };\r
                                        };\r
                                        break;\r