OSDN Git Service

Version 0.6.56, working X.UI.Event.Tap.
[pettanr/clientJs.git] / 0.6.x / js / dom / 22_XDomBuilder.js
index 5fc818a..9e1d15f 100644 (file)
 \r
 X.Dom._useBuilder = true;\r
 \r
+X.Dom._isCleanupTarget = function( elm ){\r
+       var cname = ' ' + elm.className + ' ',\r
+               tag   = ( elm.tagName || '' ).toUpperCase();\r
+       return cname.indexOf( ' skip-cleanup ' ) === -1 &&\r
+               ( X.Dom.cleanupTagNames[ tag ] || cname.indexOf( ' cleanup-target ' ) !== -1 );\r
+};\r
+\r
+if( X.UA.MacIE ){\r
+\r
+       X.Dom._fixed_remove = function( node, xnode ){\r
+               var parent   = node.parentNode, l;\r
+\r
+               node.nodeType !== 3 && alert( node.nodeType + '\n' + ( node.outerHTML || node.data ) );\r
+               if( node.nodeType === 1 ){\r
+                       //node.outerHTML = '';\r
+                       parent && parent.removeChild( node );\r
+               } else\r
+               if( node.nodeType === 3 ){\r
+                       //node.data = '';\r
+                       l = X.Dom._removalTextNodes.length;\r
+                       if( parent ){\r
+                               //!l && X.Timer.once( 0, X.Dom._timer_remove );\r
+                               //X.Dom._removalTextNodes[ l ] = node;\r
+                               //var str=[],p;\r
+                               //for( p in node ){\r
+                               //      str[str.length] = p;\r
+                               //};\r
+                               //alert( str.join( ',' ) + parent.innerHTML );\r
+                               //node.nodeValue = '';\r
+                               //parent.replaceChild( document.createElement( 'span' ), node );\r
+                               //var e;\r
+                               //var f = document.createDocumentFragment();\r
+                               //f.appendChild( e = document.createElement( 'span' ) );\r
+                               //f.replaceChild( node, e );\r
+                               //e.appendChild( f );\r
+                               //parent.appendChild( e = document.createElement( 'span' ) );\r
+                               //e.appendChild( node );\r
+                               //parent.removeChild( e );\r
+                               //node.parentNode = null;\r
+                               //document.body.appendChild( node );\r
+                               //parent.replaceChild( document.createComment( '' ), node );\r
+                               document.body.appendChild( node );\r
+                               return;\r
+                               if( parent.parentNode !== document.body ){\r
+                                       var clone = parent.cloneNode( true );\r
+                                       for( var i = 0, l = parent.childNodes.length; i < l; ++i ){\r
+                                               if( parent.childNodes[ i ] !== node ){\r
+                                                       clone.removeChild( clone.childNodes[ i ] );\r
+                                               };\r
+                                       };                                      \r
+                                       //parent.parentNode.insertBefore( clone, parent );\r
+                                       //parent.parentNode.removeChild( parent );\r
+                                       parent.parentNode.insertBefore( clone, parent );\r
+                                       parent.style.display = 'none';\r
+                                       if( xnode ){\r
+                                               xnode.parent.parent._rawNode = clone;\r
+                                       };\r
+                               } else {\r
+                                       // ignore\r
+                               };\r
+\r
+                       };\r
+                       //if( !node.ownerDocument ) alert( 'no owner' );\r
+               } else {\r
+                       //node.data = '';\r
+               };\r
+       };\r
+       \r
+       X.Dom._removalTextNodes = [];\r
+       \r
+       X.Dom._timer_remove = function(){\r
+               var nodes = X.Dom._removalTextNodes,\r
+                       i = 0, node;\r
+               while( i < 5 && nodes.length ){\r
+                       node = nodes.shift();\r
+                       if( node.parentNode ){\r
+                               //node.parentNode.removeChild( node );\r
+                               ++i;\r
+                       };\r
+               };\r
+               \r
+               //nodes.length && X.Timer.once( 1000, X.Dom._timer_remove );\r
+       };\r
+       \r
+} else\r
+if( X.UA.Opera7 ){\r
+\r
+       X.Dom._fixed_remove = function( node ){\r
+               if( node.nodeType === 1 || node.nodeType === 3 ){\r
+                       node.parentNode && node.parentNode.removeChild( node );\r
+               } else {\r
+                       //node.data = '';\r
+               };\r
+       };\r
+};\r
+\r
 /* --------------------------------------\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
-       \r
+               copy, i, l, node, html,\r
+               elmProgress;\r
+       // TODO\r
+       // textarea の内容を控えて、消す。xnode tree 構築後に復帰。でないと、html パースでこける\r
+       //X.UA.MacIE && alert( body.innerHTML );\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,24 +125,24 @@ 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._isCleanupTarget( node ) ){\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 = false;       \r
+                                       textNode = null;\r
                                        break;\r
                                case 3 :\r
                                        content = skip ? node.data : X.Dom.cleanupWhiteSpace( node.data );\r
-                                       //console.log( 'Delete space ' + node.data.length + ' => ' + content.length );\r
+                                       //console.log( 'Delete space ' + node.data.length + ' => ' + content.length );                          \r
                                        if( !textNode && content !== ' ' && content.length ){\r
                                                node.data = content;\r
                                                textNode  = node;\r
@@ -55,315 +154,381 @@ X.Dom.listenOnce( X.Dom.Event.DOM_PRE_INIT,
                                        // ブロック要素直下のスペースだけは削除??\r
                                default :\r
                                        //console.log( 'Remove type: ' + node.nodeType + ' value: ' + node.nodeValue );\r
-                                       elm.removeChild( node );\r
+                                       if( !X.UA.Opera7 /*&& !X.UA.MacIE */ ){\r
+                                               elm.removeChild( node );\r
+                                       } else {\r
+                                               X.Dom._fixed_remove( node );\r
+                                       };\r
                                        //++count;\r
                        };\r
                };\r
-       })( body );\r
-       \r
-                       function createTree( xnode, childNodes, skipCleanup, textarea ){\r
-                               var i = 0,\r
-                                       j = 0,\r
-                                       l = childNodes.length,\r
-                                       child, _xnode, f, tag, text, _xtext, doc;\r
-                               childNodes = X.copyArray( childNodes );\r
-\r
-                               if( textarea ){\r
-                                       xnode.attr( 'value', xnode.html() ).empty();\r
-                                       return;\r
-                               };\r
+       })( X.UA.MacIE ? ( copy = body.cloneNode( true ) ) : body );\r
 \r
-                               for( ; i < l; ++i ){\r
-                                       child = childNodes[ i ];\r
-                                       tag   = child.tagName;\r
-                                       if( ( child.nodeType !== 1 && child.nodeType !== 3 ) || tag === '!' || ( tag && tag.charAt( 0 ) === '/' ) ){\r
-                                               child.parentNode.removeChild( child );\r
-                                               continue;\r
-                                       };\r
-                                       f = false;\r
-                                       while( xnode._xnodes && j < xnode._xnodes.length ){\r
-                                               _xnode = xnode._xnodes[ j ];\r
-                                               _xnode.parent   = xnode;\r
-                                               \r
-                                               if( _xnode._xnodeType === 1 ){\r
-                                                       if( child.nodeType !== 1 ){\r
-                                                               if( !( text = child.data ) || ( text = X.Dom.cleanupWhiteSpace( text ) ) === ' ' ){\r
-                                                                       child.parentNode.removeChild( child );\r
-                                                                       break;\r
-                                                               };\r
-                                                               alert( '[' +xnode._tag + '>' +_xnode._tag + '] !== ' + child.nodeType + '\n' + child.data );\r
-                                                               ++j;\r
-                                                               continue;\r
-                                                       };\r
-                                                       if( _xnode._tag.toUpperCase() !== tag ){\r
-                                                               alert( '[' +xnode._tag + '>' +_xnode._tag + ' ' + (_xnode._xnodes ? _xnode._xnodes.length : '' ) + '] !== ' + tag + ' ' + (child.childNodes ? child.childNodes.length : '' ) + '\n' + child.outerHTML );\r
-                                                               ++j;\r
-                                                               continue;\r
-                                                       } else {\r
-                                                               _xnode._rawNode = child;\r
-                                                               //if( ( doc = child.ownerDocument || child.document ) && ( doc.createElement( 'p' ).tagName === doc.createElement( 'P' ).tagName ) ){\r
-                                                                       if( tag.charAt( 0 ) === '/' ) tag = tag.slice( 1 );\r
-                                                                       _xnode._tag     = tag; // .toUpperCase()\r
-                                                               //};\r
-                                                               _xnode._root    = xnode._root;\r
-                                                               child.UID = _xnode._uid;\r
-                                                               if( 0 <= X.Dom.cleanupTagNames.indexOf( tag.toLowerCase() ) || tag === 'SCRIPT' ){ // ie で body 内の script が2度よばれるのに対処\r
-                                                                       //alert( '[' +xnode._tag + '>' + _xnode._tag + '] remove ... ' );\r
-                                                                       _xnode.destroy();\r
-                                                                       ++n;\r
-                                                                       continue;\r
-                                                               } else {\r
-                                                                       //alert( '[' +xnode._tag + '>' + _xnode._tag + ' ' + (_xnode._xnodes ? _xnode._xnodes.length : '' ) + '] === ' + tag + ' ' + (child.childNodes ? child.childNodes.length : '' ) + ' Hit\n' + child.outerHTML );\r
-                                                                       child.childNodes && child.childNodes.length && createTree( _xnode, child.childNodes, skipCleanup || 0 <= X.Dom.skipCleanupTagNames.indexOf( tag.toLowerCase() ), tag === 'TEXTAREA' );\r
-                                                               };\r
-                                                               _xtext = null;\r
-                                                               f = true;\r
-                                                               ++j;\r
-                                                               break;\r
-                                                       };\r
-                                               } else\r
-                                               if( _xnode._xnodeType === 3 ){\r
-                                                       \r
-                                                       if( child.nodeType !== 3 ){\r
-                                                               if( !( text = _xnode._text ) || ( text = X.Dom.cleanupWhiteSpace( text ) ) === ' ' ){\r
-                                                                       console.log( '[' +xnode._tag + '>' + _xnode._uid + '] destroy ... ' );\r
-                                                                       _xnode.destroy();\r
-                                                                       ++n;\r
-                                                                       continue;\r
-                                                               };\r
-                                                               alert(  xnode._tag + '>' + '"' + _xnode._text + '" !== ' + tag + '\n' + child.outerHTML );\r
-                                                               ++j;\r
-                                                               continue;\r
-                                                       };\r
-                                                       \r
-                                                       _xnode._rawNode = child;\r
-                                                       _xnode._root    = xnode._root;\r
-                                                       if( !skipCleanup ){\r
-                                                               if( !( text = _xnode._text ) || ( text = X.Dom.cleanupWhiteSpace( text ) ) === ' ' ){\r
-                                                                       console.log( '[' +xnode._tag + '>' + _xnode._uid + '] destroy ... ' );\r
-                                                                       _xnode.destroy();\r
-                                                                       ++n;\r
-                                                                       continue;\r
-                                                               };\r
-                                                               if( _xtext ){\r
-                                                                       _xtext.text( _xtext._text + text );\r
-                                                                       console.log( '[' +xnode._tag + '>' + _xnode._uid + '] xtext,destroy ... ' );\r
-                                                                       _xnode.destroy();\r
-                                                                       ++n;\r
-                                                                       continue;\r
-                                                               } else {\r
-                                                                       //alert( xnode._tag + '>' + '"' + text + '"\n' + child.data );\r
-                                                                       _xnode.text( text );\r
-                                                               };\r
-                                                       } else\r
-                                                       if( _xtext ){\r
-                                                               _xtext.text( _xtext._text + _xnode.text );\r
-                                                               console.log( '[' +xnode._tag + '>' + _xnode._uid + '] xtext,destroy ... ' );\r
-                                                               _xnode.destroy();\r
-                                                               ++n;\r
-                                                               continue;\r
-                                                       };\r
-                                                       _xtext = _xtext || _xnode;\r
-                                                       ++j;\r
-                                                       break;\r
-                                               } else {\r
-                                                       alert( 'no hit!' );\r
-                                               };\r
-                                               ++j;\r
-\r
-                                       };                              \r
-                                       //if( !f ) alert( '**** ' + child.outerHTML );\r
-                               };\r
-                               while( xnode._xnodes && j < xnode._xnodes.length ){\r
-                                       _xnode = xnode._xnodes[ j ];\r
-                                       _xnode.parent = xnode;\r
-                                       _xnode.destroy();\r
-                                       ++n;\r
-                                       continue;\r
-                               };\r
+       if( X.UA.MacIE ){\r
+               document.write( html = copy.innerHTML );\r
+       } else {\r
+               // body の属性値の取得\r
+               if( X.UA.IE5678 ){\r
+                       html = body.innerHTML.split( X.Dom.CRLF ).join( '' ); // 不要な改行が入る\r
+               } else {\r
+                       html = body.innerHTML;\r
+               };\r
+               \r
+               // Nokia s60 Safari\r
+               if( html === 'fastinnerhtml!' ){\r
+                       html = '';\r
+                       for( i = 0, l = body.childNodes.length; i < l; ++i ){\r
+                               node = body.childNodes[ i ];\r
+                               html += ( node.outerHTML || node.data );\r
                        };\r
+               };              \r
+       };\r
        \r
-       // body の属性値の取得\r
+       body.appendChild( elmProgress = document.createElement( 'div' ) );\r
+       elmProgress.style.cssText = 'position:absolute;top:0;left:0;z-index:9999;width:0;height:0.5em;background:#00f;overflow:hidden;';\r
+       elmProgress.setAttribute( 'style', 'position:absolute;top:0;left:0;z-index:9999;width:0;height:0.5em;background:#00f;overflow:hidden;' );\r
+       \r
+       X.Dom.asyncParse( html, true )\r
+               .listen( X.Event.PROGRESS,\r
+                       function(e){\r
+                               elmProgress.style.width = ( e.progress * 100 | 0 ) + '%';\r
+                       }\r
+               )\r
+               .listenOnce( X.Event.SUCCESS, function( e ){\r
+                       var xnodes = Node.root._xnodes = [], t;\r
+                       xnodes.push.apply( xnodes, e.xnodes );\r
+                       elmProgress.style.width = '100%';\r
+\r
+                       X.Dom._asyncCreateTree( Node.root, body.childNodes, elmProgress );\r
+               } );\r
 \r
-       X.Dom.asyncParse( body.innerHTML, true )\r
-               .listenOnce( X.Event.SUCCESS, X.Dom._onAsyncParseComplete, [ createTree ] );\r
-               //.listen( X.Event.PROGRESS, function(e){alert(e.progress);} );\r
 }) :\r
-document.all ?\r
+X.Dom.DOM_IE4 ?\r
 (function(){\r
        var r    = Node.root,\r
                body = r._rawNode,\r
-               i, n = 0, parser, elmProgress = '_xdom_builder_progress';\r
-               \r
-                       function createTree( xnode, children, skipCleanup, textarea ){\r
-                               var parent = xnode,\r
-                                       xnodes = X.copyArray( parent._xnodes ),\r
-                                       l      = xnodes && xnodes.length,\r
-                                       m      = children.length,\r
-                                       i = 0, j = 0, flag = 0,\r
-                                       elm, tag, xtext, text;\r
-                               //children = X.copyArray( children );\r
+               elmProgress = '_xdom_builder_progress',\r
+               html;\r
 \r
-                               if( textarea ){\r
-                                       xnode.attr( 'value', xnode.html() ).empty();\r
-                                       return;\r
-                               };\r
-\r
-                               for( ; i < xnodes.length; ++i ){\r
-                                       xnode = xnodes[ i ];\r
-                                       xnode.parent = parent;\r
-                                       \r
-                                       if( xnode._xnodeType === 3 ){\r
-                                               //alert( X.Dom.cleanupWhiteSpace( xnode._text ) );\r
-                                               if( !skipCleanup ){\r
-                                                       if( !( text = xnode._text ) || ( text = X.Dom.cleanupWhiteSpace( text ) ) === ' ' ){\r
-                                                               xnode.destroy();\r
-                                                       } else\r
-                                                       if( xtext ){\r
-                                                               //alert( 'xtext ' + text.charCodeAt( 0 ) + ' : ' + text.length );\r
-                                                               xtext.text( xtext._text + text );\r
-                                                               xnode.destroy();\r
-                                                       } else {\r
-                                                               //alert( 'xnode ' + text.charCodeAt( 0 ) + ' : ' + text.length );\r
-                                                               xnode.text( text );\r
-                                                       };\r
-                                               } else\r
-                                               if( xtext ){\r
-                                                       //alert( 'skip ' + text.charCodeAt( 0 ) + ' : ' + text.length );\r
-                                                       xtext.text( xtext._text + xnode._text );\r
-                                                       xnode.destroy();\r
-                                               };\r
-                                               flag |= 4;\r
-                                               xtext = xtext || xnode;\r
-                                               continue;\r
-                                       };\r
-                                       \r
-                                       if( xnode._xnodeType !== 1 ){\r
-                                               //alert( xnode._xnodeType )\r
-                                               continue;\r
-                                       };\r
-                                       \r
-                                       for( ; j < m; ++j ){\r
-                                               elm = children[ j ];\r
-                                               tag = elm.tagName;\r
-                                               /*\r
-                                                * 未知のタグについては、閉じタグも含めてタグ名扱いになる\r
-                                                */\r
-                                               if( tag === '!' || tag.charAt( 0 ) === '/' ){\r
-                                                       //alert( '## ' + tag );\r
-                                                       continue;\r
-                                               } else\r
-                                               if( xnode._tag !== tag ){\r
-                                                       alert( xnode._tag + ' ' + ' !== ' + tag + '\nxnode.html():' + xnode.attr('cite') + '\nelm.outerHTML:' +  elm.outerHTML );\r
-                                               } else {\r
-                                                       xnode._rawNode = elm;\r
-                                                       xnode._root    = parent._root;\r
-                                                       //xnode._tag     = X.Dom.DTD.TAG_FIX[ tag ] || tag;\r
-                                                       if( 0 <= X.Dom.cleanupTagNames.indexOf( tag.toLowerCase() ) || tag === 'SCRIPT' ){\r
-                                                               xnode.destroy();\r
-                                                               break;\r
-                                                       } else {\r
-                                                               xnode._xnodes && xnode._xnodes.length && createTree( xnode, elm.children, skipCleanup || 0 <= X.Dom.skipCleanupTagNames.indexOf( tag.toLowerCase() ), tag === 'TEXTAREA' );\r
-                                                               \r
-                                                               !xnode._id && elm.setAttribute( 'id', 'ie4uid' + xnode._uid );\r
-                                                               elm.setAttribute( 'UID', xnode._uid );\r
-                                                               \r
-                                                               tag === 'INPUT' && (\r
-                                                                       !xnode._attrs ?\r
-                                                                               ( xnode._attrs = { type : 'text' } ) :\r
-                                                                               !xnode._attrs.type || ( xnode._attrs.type = 'text' )\r
-                                                               );\r
-                                                               flag |= 3;\r
-                                                               xtext = null;\r
-                                                               break;\r
-                                                       };\r
-                                               };\r
-                                       };\r
-                                       // for\r
-                                       if( !xnode._rawNode ){\r
-                                               alert( xnode._tag + ' ' + xnode._id + ' !== none...' );\r
-                                       };\r
-                                       ++j;\r
-                                       flag &= 6;\r
-                               };\r
-                               // textNode がある\r
-                               ( flag & 6 ) && ( parent._dirty |= X.Dom.Dirty.IE4_TEXTNODE_FIX );\r
-                       };\r
        /*\r
         * http://support.microsoft.com/kb/812417/ja\r
         * PRB: outerHTML の HTML 要素のプロパティは、既定の属性は表示されません。\r
         * \r
         * body.innerHTML でなく、 body.outerHTML にはできなかった、、、\r
         */\r
+       html = body.innerHTML;\r
        body.insertAdjacentHTML( 'BeforeEnd', '<div id="' + elmProgress + '" style="position:absolute;top:0;left:0;z-index:9999;width:0;height:0.5em;background:#00f;overflow:hidden;"></div>' );\r
        elmProgress = document.all[ elmProgress ];\r
        \r
-       parser = X.Dom.asyncParse( body.innerHTML, true )\r
-               .listenOnce( X.Event.SUCCESS, X.Dom._onAsyncParseComplete, [ createTree ] )\r
+       X.Dom.asyncParse( html, true )\r
                .listen( X.Event.PROGRESS,\r
-                       function(e){\r
+                       function( e ){\r
                                elmProgress.style.width = ( e.progress * 100 | 0 ) + '%';\r
                        }\r
+               )\r
+               .listenOnce( X.Event.SUCCESS,\r
+                       function( e ){\r
+                               var xnodes = Node.root._xnodes = [], t;\r
+                               xnodes.push.apply( xnodes, e.xnodes );\r
+                               elmProgress.style.width = '100%';\r
+                               \r
+                               X.Dom._asyncCreateTree( Node.root, body.childNodes || body.children, elmProgress );\r
+                       }\r
                );\r
 }) :\r
 (function(){\r
        \r
 }) );\r
 \r
-X.Dom._onAsyncParseComplete = function( e, createTree ){\r
-       var xnodes = Node.root._xnodes = [], t;\r
-       xnodes.push.apply( xnodes, e.xnodes );\r
-       \r
-       //t = X.getTime();\r
-       createTree( Node.root, document.body.childNodes || document.body.children );\r
-       //alert( X.getTime() - t );\r
-       \r
-       X.Dom.asyncDispatch( 0, { type : X.Dom.Event.DOM_BUILDER_COMPLETE } );\r
-       \r
-       delete X.Dom._onAsyncParseComplete;\r
-};\r
-\r
-\r
-function asyncCreateTree( parent, elems, xnodeProgress, async ){\r
-       var xnodes    = async ? 0             : X.copyArray( parent._xnodes ),\r
-               l         = async ? 0             : xnodes.length,\r
-               current   = async ? async.current : { xnodes : xnodes, l : l, i : 0 },\r
-               stack     = async ? async.stack   : [],\r
-               count     = async ? async.count   : 0,\r
-               startTime = X.getTime(),\r
-               xnodes, xnode, l, progress;\r
+X.Dom._asyncCreateTree = function ( parent, elems, elmProgress, async ){\r
+       var xnodes      = async ? 0           : X.copyArray( parent._xnodes ),\r
+               l           = async ? 0           : xnodes.length,\r
+               stack       = async ? async.stack : [],\r
+               done        = async ? async.done  : 0,\r
+               startTime   = X.getTime(),              \r
+               current     = async ? async.current : {\r
+                       me     : parent,\r
+                       xnodes : xnodes,\r
+                       l      : l,\r
+                       i      : 0,\r
+                       elems  : X.copyArray( elems ),\r
+                       j      : 0,\r
+                       xtext  : null,\r
+                       flag   : 0\r
+               },\r
+               xnode, i, dive;\r
+       //alert( 'X.Dom._asyncCreateTree' );\r
        while( current || ( current = stack.pop() ) ){\r
-               for( ; current.i < current.l; ++current.i ){\r
-                       xnode = current.xnoeds[ current.i ];\r
-                       \r
-                       //\r
-                       \r
-                       ++count;\r
-                       \r
-                       if(( xnodes = xnode._xnodes ) && ( l = xnodes.length ) ){\r
-                               ++current.i;\r
-                               stack[ stack.length ] = current;\r
-                               current = {\r
-                                       xnodes : X.copyArray( xnodes ),\r
-                                       i      : -1,\r
-                                       l      : l\r
+               i = current.i;\r
+               l = current.l;\r
+               if( i < l ){\r
+                       parent = current.me;\r
+                       xnodes = current.xnodes;\r
+                       while( xnode = xnodes[ i ] ){                   \r
+                               //\r
+                               dive = X.Dom._bindElementToXnode( parent, xnode, current );\r
+                               \r
+                               ++i;\r
+                               ++done;\r
+                               if( dive ){\r
+                                       current.i = i;\r
+                                       stack[ stack.length ] = current;\r
+                                       \r
+                                       current = dive;\r
+                                       i       = 0;\r
+                                       l       = dive.l;\r
+                                       parent  = xnode;\r
+                                       xnodes  = dive.xnodes;\r
+                                       continue;\r
                                };\r
-                               continue;\r
-                       };\r
-                       \r
-                       if( startTime + 16 <= X.getTime() ){\r
-                               if( async ){\r
-                                       async.current = ++current.i < current.l && current;\r
-                                       async.count   = count;\r
+                               \r
+                               if( startTime + 16 <= X.getTime() ){\r
+                                       current.i = i;\r
+                                       if( async ){\r
+                                               async.current = i < l && current;\r
+                                               async.done    = done;\r
+                                       };\r
+                                       //alert( 'koko?' );\r
+                                       X.Timer.once( 0, X.Dom._asyncCreateTree, [ null, null, elmProgress, async || { stack : stack, current : i < l && current, done : done } ] );\r
+                                       // progress\r
+                                       elmProgress.style.width = ( ( 1 - done / Node._chashe.length ) * 100 | 0 ) + '%';\r
+                                       return;\r
                                };\r
-                               X.Timer.once( 0, asyncCreateTree, [ null, xnodeProgress, async || { stack : stack, current : ++current.i < current.l && current, count : count } ] );\r
-                               // progress\r
-                               progress = 1 - count / Node._chashe.length;\r
-                               return;\r
-                       };\r
+                       };                      \r
                };\r
                current = null;\r
        };\r
        // complete\r
        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
+X.Dom._bindElementToXnode =\r
+       X.Dom.DOM_W3C ?\r
+               (function( parent, xnode, current ){\r
+                       var elems = current.elems,\r
+                               //j     = current.j,\r
+                               m     = elems.length,\r
+                               xtext = current.xtext,\r
+                               skipCleanup = current.skipCleanup,\r
+                               inPreTag    = current.inPreTag,\r
+                               elm, tag, text;\r
+               \r
+                       xnode.parent = parent;\r
+               \r
+                       for( ; current.j < m; ++current.j ){\r
+                               elm = elems[ current.j ];\r
+                               tag = elm.tagName && elm.tagName.toUpperCase();\r
+                               if( ( elm.nodeType !== 1 && elm.nodeType !== 3 ) || tag === '!' || ( tag && tag.charAt( 0 ) === '/' ) ){\r
+                                       if( !X.UA.Opera7 && !X.UA.MacIE ){\r
+                                               elm.parentNode.removeChild( elm );\r
+                                       } else {\r
+                                               X.Dom._fixed_remove( elm );\r
+                                       };\r
+                                       continue;\r
+                               };\r
+               \r
+                               if( xnode._xnodeType === 1 ){\r
+                                       if( elm.nodeType === 3 ){\r
+                                               if( !( text = elm.data ) || ( text = X.Dom.cleanupWhiteSpace( text ) ) === ' ' ){\r
+                                                       //alert( text.charCodeAt( 0 ) );\r
+                                                       if( !X.UA.Opera7 && !X.UA.MacIE ){\r
+                                                               elm.parentNode.removeChild( elm );\r
+                                                       } else {\r
+                                                               X.Dom._fixed_remove( elm );\r
+                                                       };\r
+                                                       continue;\r
+                                               };\r
+                                               alert( '1:[' +parent._tag + '>' +xnode._tag + '] !== ' + elm.nodeType + '\n' + ( elm.data ) );\r
+                                       } else\r
+                                       if( X.Dom.moveToHead[ tag ] ){\r
+                                               alert( tag );\r
+                                               continue;\r
+                                       } else\r
+                                       if( xnode._tag !== tag ){\r
+                                               alert( '2:[' +parent._tag + '>' +xnode._tag + ' len:' + (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;\r
+                                               //};\r
+                                               xnode._root = parent._root;\r
+                                               elm.UID     = xnode._uid;\r
+                                               \r
+                                               if( tag === 'TEXTAREA' ){\r
+                                                       xnode.attr( 'value', xnode.html() ).empty();\r
+                                                       current.xtext = null;\r
+                                               } else\r
+                                               if( X.Dom._isCleanupTarget( elm ) ){// !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
+                                               if( elm.childNodes && elm.childNodes.length ){\r
+                                                       //alert( '[' +parent._tag + '>' + xnode._tag + ' ' + (xnode._xnodes ? xnode._xnodes.length : '' ) + '] === ' + tag + ' ' + (elm.childNodes ? elm.childNodes.length : '' ) + ' Hit\n' + elm.outerHTML );\r
+                                                       current.xtext = null;\r
+                                                       ++current.j;\r
+                                                       \r
+                                                       return {\r
+                                                               me     : xnode,\r
+                                                               xnodes : X.copyArray( xnode._xnodes ),\r
+                                                               xtext  : null,\r
+                                                               flag   : 0,\r
+                                                               i      : 0,\r
+                                                               l      : xnode._xnodes.length,\r
+                                                               elems  : X.copyArray( elm.childNodes ),\r
+                                                               j      : 0,\r
+                                                               skipCleanup : skipCleanup || X.Dom.skipCleanupTagNames[ tag ]\r
+                                                       };\r
+                                               };\r
+                                       };\r
+                                       ++current.j;\r
+                                       break;\r
+                               };\r
+                               \r
+                               if( elm.nodeType !== 3 ){\r
+                                       if( !( text = xnode._text ) || ( text = X.Dom.cleanupWhiteSpace( text ) ) === ' ' ){\r
+                                               console.log( '[' +parent._tag + '> UID:' + xnode._uid + ' len:' + xnode._text.length + ' code : ' + xnode._text.charCodeAt( 0 ) + ',' + xnode._text.charCodeAt( 1 ) + '] destroyed.' );\r
+                                               xnode.destroy();\r
+                                               break;\r
+                                       };\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
+                               ++current.j;\r
+                               xnode._rawNode = elm;\r
+                               xnode._text    = elm.data; // 正確\r
+                               xnode._root    = parent._root;\r
+                               if( !skipCleanup ){\r
+                                       if( !( text = xnode._text ) || ( text = X.Dom.cleanupWhiteSpace( text ) ) === ' ' ){\r
+                                               console.log( '[' +parent._tag + '>' + xnode._uid + '] destroy ... ' );\r
+                                               xnode.destroy();\r
+                                       };\r
+                                       if( xtext ){\r
+                                               xtext.text( xtext._text + text );\r
+                                               console.log( '[' +parent._tag + '>' + xnode._uid + '] xtext,destroy ... ' );\r
+                                               xnode.destroy();\r
+                                       } else {\r
+                                               //alert( parent._tag + '>' + '"' + text + '"\n' + elm.data );\r
+                                               xnode.text( text );\r
+                                       };\r
+                               } else\r
+                               if( xtext ){\r
+                                       xtext.text( xtext._text + xnode._text );\r
+                                       console.log( '[' +parent._tag + '>' + xnode._uid + '] xtext,destroy ... ' );\r
+                                       xnode.destroy();\r
+                               };\r
+                               current.xtext = xtext || xnode;\r
+                               break;\r
+                       };\r
+               }) :\r
+               (function ( parent, xnode, current ){\r
+                       var elems = current.elems,\r
+                               j     = current.j,\r
+                               m     = elems.length,\r
+                               xtext = current.xtext,\r
+                               skipCleanup = current.skipCleanup,\r
+                               elm, tag, text;\r
+               \r
+                       xnode.parent = parent;\r
+                       \r
+                       if( xnode._xnodeType === 3 ){\r
+                               //alert( X.Dom.cleanupWhiteSpace( xnode._text ) );\r
+                               if( !skipCleanup ){\r
+                                       if( !( text = xnode._text ) || ( text = X.Dom.cleanupWhiteSpace( text ) ) === ' ' ){\r
+                                               xnode.destroy();\r
+                                       } else\r
+                                       if( xtext ){\r
+                                               //alert( 'xtext ' + text.charCodeAt( 0 ) + ' : ' + text.length );\r
+                                               xtext.text( xtext._text + text );\r
+                                               xnode.destroy();\r
+                                       } else {\r
+                                               //alert( 'xnode ' + text.charCodeAt( 0 ) + ' : ' + text.length );\r
+                                               xnode.text( text );\r
+                                       };\r
+                               } else\r
+                               if( xtext ){\r
+                                       //alert( 'skip ' + text.charCodeAt( 0 ) + ' : ' + text.length );\r
+                                       xtext.text( xtext._text + xnode._text );\r
+                                       xnode.destroy();\r
+                               };\r
+                               current.flag |= 4;\r
+                               current.xtext = xtext || xnode;\r
+                               return;\r
+                       };\r
+                       \r
+                       if( xnode._xnodeType !== 1 ){\r
+                               //alert( xnode._xnodeType )\r
+                               return;\r
+                       };\r
+                       \r
+                       for( ; j < m; ++j, ++current.j ){\r
+                               elm = elems[ j ];\r
+                               tag = elm.tagName;\r
+                               /*\r
+                                * 未知のタグについては、閉じタグも含めてタグ名扱いになる\r
+                                */\r
+                               if( tag === '!' || tag.charAt( 0 ) === '/' ){\r
+                                       //alert( '## ' + tag );\r
+                                       continue;\r
+                               } else\r
+                               if( xnode._tag !== tag ){\r
+                                       alert( xnode._tag + ' ' + ' !== ' + tag + '\nxnode.html():' + xnode.attr('cite') + '\nelm.outerHTML:' +  elm.outerHTML );\r
+                               } else {\r
+                                       ++current.j;\r
+                                       \r
+                                       xnode._rawNode = elm;\r
+                                       xnode._root    = parent._root;\r
+                                       //xnode._tag     = X.Dom.DTD.TAG_FIX[ tag ] || tag;\r
+                                       if( X.Dom._isCleanupTarget( elm ) ){ //!xnode.hasClass( 'skip-cleanup' ) && ( X.Dom.cleanupTagNames[ tag ] || xnode.hasClass( 'cleanup-target' ) ) ){\r
+                                               xnode.destroy();\r
+                                               break;\r
+                                       };\r
+                                       \r
+                                       !xnode._id && elm.setAttribute( 'id', 'ie4uid' + xnode._uid );\r
+                                       elm.setAttribute( 'UID', xnode._uid );\r
+                                       \r
+                                       tag === 'INPUT' && (\r
+                                               !xnode._attrs ?\r
+                                                       ( xnode._attrs = { type : 'text' } ) :\r
+                                                       xnode._attrs.type || ( xnode._attrs.type = 'text' )\r
+                                       );\r
+                                       current.flag |= 3;\r
+                                       current.xtext = null;\r
+                                       \r
+                                       if( tag === 'TEXTAREA' ){\r
+                                               xnode.attr( 'value', xnode.html() ).empty();\r
+                                       } else\r
+                                       if( xnode._xnodes && xnode._xnodes.length ){\r
+                                               return {\r
+                                                       me     : xnode,\r
+                                                       xnodes : X.copyArray( xnode._xnodes ),\r
+                                                       xtext  : null,\r
+                                                       flag   : 0,\r
+                                                       i      : 0,\r
+                                                       l      : xnode._xnodes.length,\r
+                                                       elems  : X.copyArray( elm.children ),\r
+                                                       j      : 0,\r
+                                                       skipCleanup : skipCleanup || X.Dom.skipCleanupTagNames[ tag ]\r
+                                               };\r
+                                       };\r
+                                       break;\r
+                               };\r
+                       };\r
+                       // for\r
+                       if( !xnode._rawNode ){\r
+                               alert( xnode._tag + ' ' + xnode._id + ' !== none...' );\r
+                       };\r
+               \r
+                       // textNode がある\r
+                       ( current.flag & 6 ) && ( parent._dirty |= X.Dom.Dirty.IE4_TEXTNODE_FIX );\r
+               });\r
+\r
+console.log( 'X.Dom.Builder' );\r
+console.log( 'bootTime : ' + ( X.getTime() - X.bootTime ) );
\ No newline at end of file