0.6.x/js/dom/12_XDomEvent.js

   1 /**\r
   2  * use X.Callback\r
   3  * \r
   4  * http://d.hatena.ne.jp/uupaa/20100430/1272561922\r
   5  * \r
   6  */\r
   7 \r
   8 if( window.addEventListener ){\r
   9         X.Dom.Event = function( e, xnode ){\r
  10                 //this._event        = e;\r
  11                 this.type          = e.type;\r
  12                 \r
  13                 //http://www.quirksmode.org/js/events_properties.html\r
  14                 this.target        = Node._getXNode( e.target.nodeType === 3 ? e.target.parentNode : e.target );// defeat Safari bug // xnode\r
  15                 \r
  16                 this.currentTarget = xnode; // xnode\r
  17                 this.relatedTarget = Node._getXNode( e.relatedTarget ); // xnode\r
  18                 this.eventPhase    = e.eventPhase;\r
  19                 \r
  20                 this.clientX       = e.clientX;\r
  21                 this.clientY       = e.clientY;\r
  22                 //this.screenX       = e.screenX;\r
  23                 //this.screenY       = e.screenY;\r
  24                 this.pageX         = e.pageX;\r
  25                 this.pageY         = e.pageY;\r
  26                 this.offsetX       = e.offsetX || e.layerX;\r
  27                 this.offsetY       = e.offsetY || e.layerY;\r
  28                 \r
  29                 this.keyCode       = e.keyCode;\r
  30                 this.altKey        = e.altKey;\r
  31                 this.ctrlKey       = e.ctrlKey;\r
  32                 this.shiftKey      = e.shiftKey;\r
  33                 \r
  34                 // http://www.programming-magic.com/20090127231544/\r
  35                 this.which         = e.which || ( e.button + 1 ); // 左:1, 中:2, 右:3\r
  36                 \r
  37                 // https://developer.mozilla.org/ja/docs/DOM/DOM_event_reference/mousewheel\r
  38                 if( e.wheelDeltaY !== undefined ){\r
  39                         this.wheelDeltaX = e.wheelDeltaX / 12;\r
  40                         this.wheelDeltaY = e.wheelDeltaY / 12;\r
  41                 } else\r
  42                 if( e.wheelDelta !== undefined ){\r
  43                         this.wheelDeltaX = this.wheelDeltaY = e.wheelDelta / 12;\r
  44                 } else\r
  45                 if( e.detail !== undefined ){\r
  46                         this.wheelDeltaX = this.wheelDeltaY = - e.detail * 3;\r
  47                 } else {\r
  48                         this.wheelDeltaX = this.wheelDeltaY = 0;\r
  49                 };\r
  50                 \r
  51                 if( e.constructor === window.TouchEvent ){\r
  52                         // TouchEvent\r
  53                         this.touches        = e.touches;\r
  54                         this.changedTouches = e.changedTouches;\r
  55                         this.targetTouches  = e.targetTouches;\r
  56                         this.metaKey        = e.metaKey;\r
  57                         this.force          = e.force || e.webkitForce || 0;\r
  58                 } else\r
  59                 if( e.constructor === window.PointerEvent ){\r
  60                         // PointerEvent;\r
  61                         this.currentPoint  = e.currentPoint;\r
  62                         this.width         = e.width;\r
  63                         this.height        = e.height;\r
  64                         this.timeStamp     = e.timeStamp;\r
  65                         this.hwTimestamp   = e.hwTimestamp;\r
  66                         this.intermediatePoints = e.intermediatePoints;\r
  67                         this.isPrimary     = e.isPrimary;\r
  68                         this.pointerId     = e.pointerId;\r
  69                         this.pointerType   = e.pointerType;\r
  70                         this.pressure      = e.pressure;\r
  71                         this.tiltX         = e.tiltX;\r
  72                         this.tiltY         = e.tiltY;\r
  73                 };\r
  74         };\r
  75 } else {\r
  76         X.Dom.Event = function( e, xnode, element ){\r
  77                 var btn;\r
  78                 \r
  79                 //this._event        = e;\r
  80                 this.type          = e.type;\r
  81                 this.target        = Node._getXNode( e.srcElement ); // xnode\r
  82                 if( this.target && this.target._xnodeType === 3 ) this.target = this.target.parent; // ie4 の fake Textnode がヒットしていないか？\r
  83                 this.currentTarget = xnode; // xnode\r
  84                 this.relatedTarget = Node._getXNode( e.formElement ? e.formElement : e.toElement ); // xnode\r
  85                 this.eventPhase    = e.srcElement === element ? 2: 3;\r
  86                 \r
  87                 this.clientX       = e.clientX;\r
  88                 this.clientY       = e.clientY;\r
  89                 //this.screenX       = e.screenX;\r
  90                 //this.screenY       = e.screenY;\r
  91                 \r
  92                 if( X.Dom._root ){ // uuu...\r
  93                         \r
  94                         this.pageX         = e.clientX + X.Dom._root.scrollLeft;\r
  95                         this.pageY         = e.clientY + X.Dom._root.scrollTop;\r
  96                         \r
  97                         // DOMAssistant 2.8.1\r
  98                         //event.pageX = DOMAssistant.def(e.pageX)? e.pageX : (event.clientX + (de.scrollLeft || b.scrollLeft) - (de.clientLeft || 0));\r
  99                         //event.pageY = DOMAssistant.def(e.pageY)? e.pageY : (event.clientY + (de.scrollTop || b.scrollTop) - (de.clientTop || 0));                                                     \r
 100                 };\r
 101                 \r
 102 \r
 103                 \r
 104                 if( X.UA.IE && 5 <= X.UA.IE ){\r
 105                         this.offsetX       = e.offsetX; // イベントターゲット左上からの座標\r
 106                         this.offsetY       = e.offsetY;                 \r
 107                 }// else\r
 108                 //if( e.srcElement ){\r
 109                 //      this.offsetX       = e.x - e.srcElement.offsetLeft; // e.x はイベント発生要素の親要素を基準にした座標。\r
 110                 //      this.offsetY       = e.y - e.srcElement.offsetTop;      \r
 111                 //};\r
 112                 \r
 113                 this.keyCode       = e.keyCode;\r
 114                 this.altKey        = e.altKey;\r
 115                 this.ctrlKey       = e.ctrlKey;\r
 116                 this.shiftKey      = e.shiftKey;\r
 117                 \r
 118                 // http://www.programming-magic.com/20090127231544/\r
 119                 switch( this.type ){\r
 120                         case 'click'    :\r
 121                         case 'dblclick' :\r
 122                                 this.which = 1;\r
 123                                 break;\r
 124                         case 'contextmenu' :\r
 125                                 this.which = 3;\r
 126                                 break;\r
 127                         default :\r
 128                                 btn = e.button;\r
 129                                 this.which =\r
 130                                         btn & 1 ? 1 :\r
 131                                         btn & 4 ? 2 :\r
 132                                         btn & 2 ? 3 : 0; // 左:1(click:0), 中:4, 右:2\r
 133                 };\r
 134                 this.wheelDeltaX = this.wheelDeltaY = e.wheelDelta / 12;\r
 135         };\r
 136 };\r
 137 \r
 138 X.Dom.Event.DOM_PRE_INIT        = 0;\r
 139 X.Dom.Event.DOM_INIT            = 1;\r
 140 X.Dom.Event.XDOM_READY          = 2;\r
 141 X.Dom.Event.VIEW_ACTIVATE       = 3;\r
 142 X.Dom.Event.VIEW_DEACTIVATE     = 4;\r
 143 X.Dom.Event.VIEW_RESIZED        = 5;\r
 144 X.Dom.Event.BASE_FONT_RESIZED   = 6;\r
 145 // on_screen_keyboard_show\r
 146 // on_screen_keyboard_hide\r
 147 X.Dom.Event.BEFORE_UPDATE       = 7;\r
 148 X.Dom.Event.AFTER_UPDATE        = 8;\r
 149 // hash_change\r
 150 X.Dom.Event.BEFORE_UNLOAD       = 9;\r
 151 X.Dom.Event.UNLOAD              = 10;\r
 152 X.Dom.Event.LOAD_BEFORE_STOP    = 11;\r
 153 X.Dom.Event.LOAD_ASSET_STOP     = 12;\r
 154 X.Dom.Event.LOAD_ASSET_COMPLETE = 13;\r
 155 X.Dom.Event.LOAD_ASSET_ERROR    = 14;\r
 156 \r
 157 X.Dom.Event.ANIME_BEFORE_START  = 15;\r
 158 X.Dom.Event.ANIME_START         = 16;\r
 159 X.Dom.Event.ANIME               = 17;\r
 160 X.Dom.Event.ANIME_END           = 18;\r
 161 X.Dom.Event.ANIME_BEFORE_STOP   = 19; // xnode.stop() のみ、指定時間による停止では呼ばれない\r
 162 X.Dom.Event.ANIME_STOP          = 20;\r
 163 X.Dom.Event._LAST_EVENT         = 20; // ここに書いてあるイベントの最後の値 X.Dom.Event.ANIME_STOP と同じ値\r
 164 \r
 165 \r
 166 X.Dom.Node.prototype.listen = function( type, arg1, arg2, arg3 /* [ listener || ( context + function ) || function ][ arguments ] */ ){\r
 167         var elm;\r
 168         \r
 169         if( this._xnodeType === 0 || this._xnodeType === 3 || !arg1 ) return this;\r
 170         \r
 171         ( !this._listeners || !this._listeners[ type ] ) && this._addEvent( type );\r
 172         \r
 173         return typeof arg1 === 'function' ?\r
 174                 X.EventDispatcher.prototype.listen.call( this, type, this, arg1, arg2 ) :\r
 175                 X.EventDispatcher.prototype.listen.apply( this, arguments );\r
 176 };\r
 177 \r
 178 X.Dom.Node.prototype._addEvent =\r
 179         document.removeEventListener ?\r
 180                 (function( type ){\r
 181                         this._rawNode && this._rawNode.addEventListener( type, this, false );\r
 182                 }) :\r
 183         document.detachEvent ?\r
 184                 (function( type ){\r
 185                         if( !this._rawNode ) return;\r
 186                         this._handleEvent = this._handleEvent || X.Callback.create( this );\r
 187                         this._rawNode.attachEvent( 'on' + type, this._handleEvent );\r
 188                 }) :\r
 189                 (function( type ){\r
 190                         var elm = this._ie4getRawNode();\r
 191                         if( !elm ) return;\r
 192                         this._handleEvent = elm[ 'on' + type ] = this._handleEvent || X.Callback.create( this );\r
 193                 });\r
 194 \r
 195 \r
 196 X.Dom.Node.prototype.unlisten = function( type /* , arg1, arg2, arg3 */ ){\r
 197         var list = this._listeners,\r
 198                 l    = !this._dispatching && list && type !== undefined && list[ type ] && list[ type ].length;\r
 199         \r
 200         X.EventDispatcher.prototype.unlisten.apply( this, arguments );\r
 201         \r
 202         l && !list[ type ] && this._removeEvent( type );\r
 203         \r
 204         return this;\r
 205 };\r
 206 \r
 207 X.Dom.Node.prototype._removeEvent =\r
 208         document.removeEventListener ?\r
 209                 (function( type ){\r
 210                         var elm = this._rawNode;\r
 211                         if( !elm ) return;\r
 212                         elm.removeEventListener( type, this, false );\r
 213                 }) :\r
 214         document.detachEvent ?\r
 215                 (function( type ){\r
 216                         var elm = this._rawNode;\r
 217                         if( !elm ) return;\r
 218                         elm.detachEvent( 'on' + type, this._handleEvent );\r
 219                         if( !this._listeners ){\r
 220                                 X.Callback._correct( this._handleEvent );\r
 221                                 delete this._handleEvent;\r
 222                         };\r
 223                 }) :\r
 224                 (function( type ){\r
 225                         var elm = this._rawNode || this._ie4getRawNode();\r
 226                         if( !elm ) return;\r
 227                         elm[ 'on' + type ] = X.emptyFunction;\r
 228                         elm[ 'on' + type ] = '';\r
 229                         if( !this._listeners ){\r
 230                                 X.Callback._correct( this._handleEvent );\r
 231                                 delete this._handleEvent;\r
 232                         };\r
 233                 });\r
 234 \r
 235 \r
 236 X.Dom.Node.prototype.handleEvent =\r
 237         document.removeEventListener ?\r
 238                 (function( e ){\r
 239                         var ret = X.EventDispatcher.prototype.dispatch.call( this, new X.Dom.Event( e, this ) );\r
 240 \r
 241                         if( ret & X.Callback.STOP_PROPAGATION ){\r
 242                                 e.stopPropagation();\r
 243                         };\r
 244                         if( ret & X.Callback.PREVENT_DEFAULT ){\r
 245                                 this._tag === 'A' && this._rawNode.blur();\r
 246                                 e.preventDefault();\r
 247                                 return false;\r
 248                         };\r
 249                 }) :\r
 250                 (function(){\r
 251                         var ret = X.EventDispatcher.prototype.dispatch.call( this, new X.Dom.Event( event, this, this._rawNode ) );\r
 252 \r
 253                         if( ret & X.Callback.STOP_PROPAGATION ){\r
 254                                 event.cancelBubble = true;\r
 255                         };\r
 256                         if( ret & X.Callback.PREVENT_DEFAULT ){\r
 257                                 this._tag === 'A' && this._rawNode.blur();\r
 258                                 return event.returnValue = false;\r
 259                         };\r
 260                 });\r
 261 \r
 262 \r
 263 // イベントの退避、dom が画面から抜かれる場合に実施しておく\r
 264 X.Dom.Node.prototype._migrateEvent = function(){\r
 265         var hash = this._listeners,\r
 266                 type;\r
 267         if( !hash ) return;\r
 268         for( type in hash ){\r
 269                 this._removeEvent( type );\r
 270         };\r
 271 };\r
 272 \r
 273 // 退避したイベントの復帰\r
 274 X.Dom.Node.prototype._restoreEvent = function(){\r
 275         var hash = this._listeners,\r
 276                 type;\r
 277         if( !hash ) return;\r
 278         for( type in hash ){\r
 279                 this._addEvent( type );\r
 280         };\r
 281 };\r
 282 \r
 283 \r
 284 \r
 285 /* -----------------------------------------------\r
 286  * Document Ready\r
 287  *  Dean Edwards/Matthias Miller/John Resig\r
 288  */\r
 289 /* for ie9+/Mozilla/Opera9 */\r
 290 if( document.addEventListener ){\r
 291         X.Dom.Node._document.listenOnce( 'DOMContentLoaded', X.Dom._init );\r
 292 } else\r
 293 if( 5 <= X.UA.IE && X.inHead ){\r
 294         // if this script in Head\r
 295         document.write( "<script id=__ie_onload defer src=javascript:void(0)><\/script>" );\r
 296         X.Dom._script = document.getElementById( "__ie_onload" );\r
 297         X.Dom._script.onreadystatechange = function(){\r
 298                 this.readyState === 'complete' && X.Dom._init();\r
 299         };\r
 300 } else\r
 301 if( X.UA.WebKit ){ // sniff\r
 302         X.Timer.add( 10, function(){\r
 303                 if( !X.Dom._init ) return X.Callback.UN_LISTEN;\r
 304                 if( 'loaded|complete'.indexOf( document.readyState ) !== -1 ) return X.Dom._init();\r
 305         });\r
 306 };\r
 307 \r
 308 /* for other browsers */\r
 309 X.Dom.Node._window.listenOnce( 'load', X.Dom._init );\r
 310 \r
 311 //\r
 312 X.Dom.listenOnce( X.Dom.Event.XDOM_READY, function(e){ console.log( 'X.Dom XDomReady ' + X.Dom.readyState ); } );\r
 313 \r
 314 X.Dom.listenOnce( X.Dom.Event.VIEW_RESIZED, function(e){ console.log( 'X.Dom VIEW_RESIZED ' + e.w + 'x' + e.h ); } );\r
 315 \r
 316 \r
 317 /* --------------------------------------\r
 318  *  load\r
 319  */\r
 320 X.Dom.listenOnce( X.Dom.Event.DOM_INIT, function(){\r
 321         \r
 322         Node._html = document.documentElement ?\r
 323                         new Node( document.documentElement ) :\r
 324                 document.getElementsByTagName ?\r
 325                         new Node( document.getElementsByTagName( 'html' )[ 0 ] ) :\r
 326                 document.all ?\r
 327                         new Node( document.all.tags( 'html' )[ 0 ] ) :\r
 328                         null;\r
 329 \r
 330         var r    = Node.root = new Node( document.body ),\r
 331                 body = r._rawNode,\r
 332                 createTree, xnodes, s, i, n = 0;\r
 333         r.appendTo = r.appendToRoot = r.before = r.after = r.clone = r.remove = r.destroy = r.prevNode = r.nextNode = new Function( 'return this' );\r
 334         \r
 335         r._root  = Node._html._root = r;\r
 336         r.parent = Node._html;\r
 337         Node._html._xnodes = [ r ];\r
 338         //r.width  = new Function( 'return X.Dom.getSize()[ 0 ]' );\r
 339         //r.height = new Function( 'return X.Dom.getSize()[ 1 ]' );\r
 340         \r
 341         // todo: cleanup tree\r
 342         \r
 343         \r
 344         \r
 345         \r
 346         body.childNodes && (function( elm, skip, head ){\r
 347                 var me         = arguments.callee,\r
 348                         moveToHead = 'style,bgsound,area,base,meta'.split( ',' ),\r
 349                         remove     = 'script,noscript,noframes,comment,!,noembed,nolayer'.split( ',' ),\r
 350                         noncleanup = 'pre,textarea,code,kbd,samp,xmp,plaintext,listing'.split( ',' ),\r
 351                         nodes      = X.copyArray( elm.childNodes ),\r
 352                         i          = 0,\r
 353                         l          = nodes.length,\r
 354                         node, tag, textNode, content;\r
 355                 for( ; i < l; ++i ){\r
 356                         node = nodes[ i ];\r
 357                         switch( node.nodeType ){\r
 358                                 case 1 :\r
 359                                         tag = node.tagName.toLowerCase();\r
 360                                         if( moveToHead.indexOf( tag ) !== -1 ){\r
 361                                                 head = head || document.getElementsByTagName( 'head' )[ 0 ];\r
 362                                                 head.appendChild( node );\r
 363                                                 continue;\r
 364                                         } else\r
 365                                         if( remove.indexOf( tag ) !== -1 ){\r
 366                                                 elm.removeChild( node );\r
 367                                                 continue;\r
 368                                         } else {\r
 369                                                 // pre タグ以下はスペースの置換は行わない\r
 370                                                 node.childNodes && node.childNodes.length &&  me( node, skip || noncleanup.indexOf( tag ) !== -1, head );\r
 371                                         };\r
 372                                         textNode = false;       \r
 373                                         break;\r
 374                                 case 3 :\r
 375                                         content = skip ? node.data : X.Dom.cleanupWhiteSpace( node.data );\r
 376                                         //console.log( 'Delete space ' + node.data.length + ' => ' + content.length );\r
 377                                         if( !textNode && content !== ' ' && content.length ){\r
 378                                                 node.data = content;\r
 379                                                 textNode  = node;\r
 380                                                 break;\r
 381                                         } else\r
 382                                         if( textNode ){\r
 383                                                 textNode.data += content; // 直前が TextNode の場合 一本化して削除\r
 384                                         };\r
 385                                         // ブロック要素直下のスペースだけは削除？？\r
 386                                 default :\r
 387                                         //console.log( 'Remove type: ' + node.nodeType + ' value: ' + node.nodeValue );\r
 388                                         elm.removeChild( node );\r
 389                                         //++count;\r
 390                         };\r
 391                 };\r
 392         })( body );\r
 393         \r
 394         createTree =\r
 395                 body.childNodes ?\r
 396                         (function( xnode, childNodes, skipCleanup, textarea ){\r
 397                                 var i = 0,\r
 398                                         j = 0,\r
 399                                         l = childNodes.length,\r
 400                                         child, _xnode, f, tag, text, _xtext, doc;\r
 401                                 childNodes = X.copyArray( childNodes );\r
 402 \r
 403                                 if( textarea ){\r
 404                                         xnode.attr( 'value', xnode.text() ).empty();\r
 405                                         return;\r
 406                                 };\r
 407 \r
 408                                 for( ; i < l; ++i ){\r
 409                                         child = childNodes[ i ];\r
 410                                         tag   = child.tagName;\r
 411                                         if( ( child.nodeType !== 1 && child.nodeType !== 3 ) || tag === '!' || ( tag && tag.charAt( 0 ) === '/' ) ){\r
 412                                                 child.parentNode.removeChild( child );\r
 413                                                 continue;\r
 414                                         };\r
 415                                         f = false;\r
 416                                         while( xnode._xnodes && j < xnode._xnodes.length ){\r
 417                                                 _xnode = xnode._xnodes[ j ];\r
 418                                                 _xnode.parent   = xnode;\r
 419                                                 \r
 420                                                 if( _xnode._xnodeType === 1 ){\r
 421                                                         if( child.nodeType !== 1 ){\r
 422                                                                 if( !( text = child.data ) || ( text = X.Dom.cleanupWhiteSpace( text ) ) === ' ' ){\r
 423                                                                         child.parentNode.removeChild( child );\r
 424                                                                         break;\r
 425                                                                 };\r
 426                                                                 alert( '[' +xnode._tag + '>' +_xnode._tag + '] !== ' + child.nodeType + '\n' + child.data );\r
 427                                                                 ++j;\r
 428                                                                 continue;\r
 429                                                         };\r
 430                                                         if( _xnode._tag.toUpperCase() !== tag ){\r
 431                                                                 alert( '[' +xnode._tag + '>' +_xnode._tag + ' ' + (_xnode._xnodes ? _xnode._xnodes.length : '' ) + '] !== ' + tag + ' ' + (child.childNodes ? child.childNodes.length : '' ) + '\n' + child.outerHTML );\r
 432                                                                 ++j;\r
 433                                                                 continue;\r
 434                                                         } else {\r
 435                                                                 _xnode._rawNode = child;\r
 436                                                                 //if( ( doc = child.ownerDocument || child.document ) && ( doc.createElement( 'p' ).tagName === doc.createElement( 'P' ).tagName ) ){\r
 437                                                                         if( tag.charAt( 0 ) === '/' ) tag = tag.slice( 1 );\r
 438                                                                         _xnode._tag     = tag; // .toUpperCase()\r
 439                                                                 //};\r
 440                                                                 _xnode._root    = xnode._root;\r
 441                                                                 child.UID = _xnode._uid;\r
 442                                                                 if( 0 <= X.Dom.cleanupTagNames.indexOf( tag.toLowerCase() ) || tag === 'SCRIPT' ){ // ie で body 内の script が2度よばれるのに対処\r
 443                                                                         //alert( '[' +xnode._tag + '>' + _xnode._tag + '] remove ... ' );\r
 444                                                                         _xnode.destroy();\r
 445                                                                         ++n;\r
 446                                                                         continue;\r
 447                                                                 } else {\r
 448                                                                         //alert( '[' +xnode._tag + '>' + _xnode._tag + ' ' + (_xnode._xnodes ? _xnode._xnodes.length : '' ) + '] === ' + tag + ' ' + (child.childNodes ? child.childNodes.length : '' ) + ' Hit\n' + child.outerHTML );\r
 449                                                                         child.childNodes && child.childNodes.length && createTree( _xnode, child.childNodes, skipCleanup || 0 <= X.Dom.skipCleanupTagNames.indexOf( tag.toLowerCase() ), tag === 'TEXTAREA' );\r
 450                                                                 };\r
 451                                                                 _xtext = null;\r
 452                                                                 f = true;\r
 453                                                                 ++j;\r
 454                                                                 break;\r
 455                                                         };\r
 456                                                 } else\r
 457                                                 if( _xnode._xnodeType === 3 ){\r
 458                                                         \r
 459                                                         if( child.nodeType !== 3 ){\r
 460                                                                 if( !( text = _xnode._text ) || ( text = X.Dom.cleanupWhiteSpace( text ) ) === ' ' ){\r
 461                                                                         console.log( '[' +xnode._tag + '>' + _xnode._uid + '] destroy ... ' );\r
 462                                                                         _xnode.destroy();\r
 463                                                                         ++n;\r
 464                                                                         continue;\r
 465                                                                 };\r
 466                                                                 alert(  xnode._tag + '>' + '"' + _xnode._text + '" !== ' + tag + '\n' + child.outerHTML );\r
 467                                                                 ++j;\r
 468                                                                 continue;\r
 469                                                         };\r
 470                                                         \r
 471                                                         _xnode._rawNode = child;\r
 472                                                         _xnode._root    = xnode._root;\r
 473                                                         if( !skipCleanup ){\r
 474                                                                 if( !( text = _xnode._text ) || ( text = X.Dom.cleanupWhiteSpace( text ) ) === ' ' ){\r
 475                                                                         console.log( '[' +xnode._tag + '>' + _xnode._uid + '] destroy ... ' );\r
 476                                                                         _xnode.destroy();\r
 477                                                                         ++n;\r
 478                                                                         continue;\r
 479                                                                 };\r
 480                                                                 if( _xtext ){\r
 481                                                                         _xtext.text( _xtext._text + text );\r
 482                                                                         console.log( '[' +xnode._tag + '>' + _xnode._uid + '] xtext,destroy ... ' );\r
 483                                                                         _xnode.destroy();\r
 484                                                                         ++n;\r
 485                                                                         continue;\r
 486                                                                 } else {\r
 487                                                                         //alert( xnode._tag + '>' + '"' + text + '"\n' + child.data );\r
 488                                                                         _xnode.text( text );\r
 489                                                                 };\r
 490                                                         } else\r
 491                                                         if( _xtext ){\r
 492                                                                 _xtext.text( _xtext._text + _xnode.text );\r
 493                                                                 console.log( '[' +xnode._tag + '>' + _xnode._uid + '] xtext,destroy ... ' );\r
 494                                                                 _xnode.destroy();\r
 495                                                                 ++n;\r
 496                                                                 continue;\r
 497                                                         };\r
 498                                                         _xtext = _xtext || _xnode;\r
 499                                                         ++j;\r
 500                                                         break;\r
 501                                                 } else {\r
 502                                                         alert( 'no hit!' );\r
 503                                                 };\r
 504                                                 ++j;\r
 505 \r
 506                                         };                              \r
 507                                         //if( !f ) alert( '**** ' + child.outerHTML );\r
 508                                 };\r
 509                                 while( xnode._xnodes && j < xnode._xnodes.length ){\r
 510                                         _xnode = xnode._xnodes[ j ];\r
 511                                         _xnode.parent = xnode;\r
 512                                         _xnode.destroy();\r
 513                                         ++n;\r
 514                                         continue;\r
 515                                 };\r
 516                         }) :\r
 517                 body.children ? \r
 518                         (function( xnode, children, skipCleanup, textarea ){\r
 519                                 var parent = xnode,\r
 520                                         xnodes = parent._xnodes,\r
 521                                         l      = xnodes && xnodes.length,\r
 522                                         m      = children.length,\r
 523                                         i = 0, j = 0, flag = 0,\r
 524                                         elm, tag, xtext, text;\r
 525                                 //children = X.copyArray( children );\r
 526 \r
 527                                 if( textarea ){\r
 528                                         xnode.attr( 'value', xnode.text() ).empty();\r
 529                                         return;\r
 530                                 };\r
 531 \r
 532                                 for( ; i < xnodes.length; ++i ){\r
 533                                         xnode = xnodes[ i ];\r
 534                                         xnode.parent = parent;\r
 535                                         \r
 536                                         if( xnode._xnodeType === 3 ){\r
 537                                                 //alert( X.Dom.cleanupWhiteSpace( xnode._text ) );\r
 538                                                 if( !skipCleanup ){\r
 539                                                         if( !( text = xnode._text ) || ( text = X.Dom.cleanupWhiteSpace( text ) ) === ' ' ){\r
 540                                                                 xnode.destroy();\r
 541                                                                 --i;\r
 542                                                         } else\r
 543                                                         if( xtext ){\r
 544                                                                 //alert( 'xtext ' + text.charCodeAt( 0 ) + ' : ' + text.length );\r
 545                                                                 xtext.text( xtext._text + text );\r
 546                                                                 xnode.destroy();\r
 547                                                                 --i;\r
 548                                                         } else {\r
 549                                                                 //alert( 'xnode ' + text.charCodeAt( 0 ) + ' : ' + text.length );\r
 550                                                                 xnode.text( text );\r
 551                                                         };\r
 552                                                 } else\r
 553                                                 if( xtext ){\r
 554                                                         //alert( 'skip ' + text.charCodeAt( 0 ) + ' : ' + text.length );\r
 555                                                         xtext.text( xtext._text + xnode._text );\r
 556                                                         xnode.destroy();\r
 557                                                         --i;\r
 558                                                 };\r
 559                                                 flag |= 4;\r
 560                                                 xtext = xtext || xnode;\r
 561                                                 continue;\r
 562                                         };\r
 563                                         \r
 564                                         if( xnode._xnodeType !== 1 ){\r
 565                                                 //alert( xnode._xnodeType )\r
 566                                                 continue;\r
 567                                         };\r
 568                                         \r
 569                                         for( ; j < m; ++j ){\r
 570                                                 elm = children[ j ];\r
 571                                                 tag = elm.tagName;\r
 572                                                 /*\r
 573                                                  * 未知のタグについては、閉じタグも含めてタグ名扱いになる\r
 574                                                  */\r
 575                                                 if( tag === '!' || tag.charAt( 0 ) === '/' ){\r
 576                                                         //alert( '## ' + tag );\r
 577                                                         continue;\r
 578                                                 } else\r
 579                                                 if( xnode._tag !== tag ){\r
 580                                                         alert( xnode._tag + ' ' + ' !== ' + tag + '\nxnode.html():' + xnode.attr('cite') + '\nelm.outerHTML:' +  elm.outerHTML );\r
 581                                                 } else {\r
 582                                                         xnode._rawNode = elm;\r
 583                                                         xnode._root    = parent._root;\r
 584                                                         //xnode._tag     = X.Dom.DTD.TAG_FIX[ tag ] || tag;\r
 585                                                         if( 0 <= X.Dom.cleanupTagNames.indexOf( tag.toLowerCase() ) || tag === 'SCRIPT' ){\r
 586                                                                 xnode.destroy();\r
 587                                                                 --i;\r
 588                                                                 break;\r
 589                                                         } else {\r
 590                                                                 xnode._xnodes && xnode._xnodes.length && createTree( xnode, elm.children, skipCleanup || 0 <= X.Dom.skipCleanupTagNames.indexOf( tag.toLowerCase() ), tag === 'TEXTAREA' );\r
 591                                                                 \r
 592                                                                 !xnode._id && elm.setAttribute( 'id', 'ie4uid' + xnode._uid );//( elm.id = 'ie4uid' + xnode._uid );\r
 593                                                                 elm.setAttribute( 'UID', xnode._uid );\r
 594                                                                 \r
 595                                                                 tag === 'INPUT' && (\r
 596                                                                         !xnode._attrs ?\r
 597                                                                                 ( xnode._attrs = { type : 'text' } ) :\r
 598                                                                                 ( !xnode._attrs.type ) || ( xnode._attrs.type = 'text' )\r
 599                                                                 );\r
 600                                                                 flag |= 3;\r
 601                                                                 xtext = null;\r
 602                                                                 break;\r
 603                                                         };\r
 604                                                 };\r
 605                                         };\r
 606                                         // for\r
 607                                         if( !xnode._rawNode ){\r
 608                                                 alert( xnode._tag + ' ' + xnode._id + ' !== none...' );\r
 609                                                 //--i;\r
 610                                         };\r
 611                                         ++j;\r
 612                                         flag &= 6;\r
 613                                 };\r
 614                                 // textNode がある\r
 615                                 ( flag & 6 ) && ( parent._dirty |= X.Dom.Dirty.IE4_TEXTNODE_FIX );\r
 616                                 //( flag & 4 ) && ( parent._state |= X.Dom.Dirty.ONLY_TEXTNODE );\r
 617                         }) : 0;\r
 618         \r
 619         r._xnodes = xnodes = [];\r
 620         // body の属性値の取得\r
 621 \r
 622         /*\r
 623          * http://support.microsoft.com/kb/812417/ja\r
 624          * PRB: outerHTML の HTML 要素のプロパティは、既定の属性は表示されません。\r
 625          * \r
 626          * body.innerHTML でなく、 body.outerHTML にはできなかった、、、\r
 627          */\r
 628         //var t = X.getTime();\r
 629         xnodes.push.apply( xnodes, X.Dom.parse( body.innerHTML, true ) );\r
 630         //alert( X.getTime() - t );\r
 631         \r
 632         //alert(body.innerHTML);\r
 633         \r
 634         //alert(r.html());\r
 635         \r
 636         //t = X.getTime();\r
 637         createTree( r, body.childNodes || body.children );\r
 638         //alert( X.getTime() - t );\r
 639         \r
 640         i = xnodes.length;\r
 641         Node._systemNode = s = r.create( 'div' ).className( 'hidden-sysyem-node' );\r
 642         //alert( i + ' -> ' + xnodes.length );\r
 643         \r
 644         Node._fontSizeNode = r.create( 'div' ).className( 'hidden-sysyem-node' ).cssText( 'line-height:1;height:1em;' ).text( 'X' );\r
 645         \r
 646         r.appendAt( 0, Node._systemNode, Node._fontSizeNode );\r
 647         \r
 648         //t = X.getTime();\r
 649         r._startUpdate();\r
 650         //alert( X.getTime() - t );\r
 651         \r
 652         //xnodes.splice( xnodes.indexOf( s ), 1 ); // hide from api user\r
 653         \r
 654         //alert(n +  ' ' + body.innerHTML);\r
 655         \r
 656         X.Timer.add( 200, X.Dom.Event._detectFontSize );\r
 657 } );\r
 658 \r
 659 Node._fontSizeNode = null;\r
 660 \r
 661 X.Dom.Event._lastFontSize = 0;\r
 662 X.Dom.Event._detectFontSize = function(){\r
 663         var size = Node._fontSizeNode._rawNode.offsetHeight;\r
 664         if( X.Dom.Event._lastFontSize !== size ){\r
 665                 X.Dom.Event._lastFontSize && X.Dom.asyncDispatch( 0, { type : X.Dom.Event.BASE_FONT_RESIZED, size : size } );\r
 666                 X.Dom.Event._lastFontSize = size;\r
 667         };\r
 668 };\r