0.6.x/js/02_dom/02_XNode.js

   1 var \r
   2         \r
   3         X_Node_State = {\r
   4                 DESTROYED              : 0,\r
   5                 EXIST                  : 1,\r
   6                 IN_TREE                : 2,\r
   7                 \r
   8                 ELM_EXIST              : 2 <<  1,\r
   9                 ELM_IN_TREE            : 2 <<  2,\r
  10                 \r
  11                 STYLE_IS_DISPLAY_NONE  : 2 <<  4, // display:none               \r
  12                 STYLE_IS_HIDDEN        : 2 <<  5, // visibility:hidden opacity:0\r
  13                 STYLE_IS_POS_ABSOLUTE  : 2 <<  6, // position:absolute\r
  14                 STYLE_IS_NO_OVERFLOW   : 2 <<  7, // overflow:hidden\r
  15                 STYLE_IS_WIDTH_LENGTH  : 2 <<  8, // width  : width() のための commitUpdate が不要\r
  16                 STYLE_IS_WIDTH_PCT     : 2 <<  9, // width  : width() のための commitUpdate が不要かもしれない。(親で LENGTH が指定されているなら)\r
  17                 STYLE_IS_HEIGHT_LENGTH : 2 << 10, // height :\r
  18                 STYLE_IS_HEIGHT_PCT    : 2 << 11, // height :\r
  19                 STYLE_IS_FONT_LENGTH   : 2 << 12, // fontSize :\r
  20                 STYLE_IS_FONT_PCT      : 2 << 13, // fontSize :\r
  21                 \r
  22                 IE4_ONLY_TEXT          : 2 << 14,\r
  23                 IE5_DISPLAY_NONE_FIX   : X_UA.IE5 && X_UA.ActiveX ? 2 << 15 : 0, // filterがかかっていると不可ってことかも? MacIE5.2- は ？\r
  24                 UNKNOWN_TAG_FIX        : 2 << 16, // 使っていない\r
  25                 IE4_TEXTNODE_FIX       : 2 << 17,\r
  26                 \r
  27                 DIRTY_CHILD            : 2 << 18, // 使っていない\r
  28                 DIRTY_CONTENT          : 2 << 19, // width, height, x, y textNode の内容\r
  29                 DIRTY_ID               : 2 << 20, // width, height, x, y\r
  30                 DIRTY_CLASSNAME        : 2 << 21, // X_Node_CSS_getCharSize, width, height, x, y\r
  31                 DIRTY_ATTR             : 2 << 22, // X_Node_CSS_getCharSize, width, height, x, y\r
  32                 DIRTY_CSS              : 2 << 23, // X_Node_CSS_getCharSize, width, height, x, y\r
  33                 DIRTY_IE_FILTER        : X_UA.IE < 10 && X_UA.ActiveX ? 2 << 24 : 0, // \r
  34                 \r
  35                 GPU_WAITING            : 2 << 25, // 1:子のGPU解除待\r
  36                 GPU_RESERVED           : 2 << 26, // 2:GPU予約\r
  37                 GPU_NOW                : 2 << 25 | 2 << 26, // 3:GPU now!()\r
  38                 GPU_RELEASE_RESERVED   : 2 << 27  // 4:GPU解除予約\r
  39         },\r
  40 \r
  41         X_Node_DIRTY_MASK = \r
  42                 X_Node_State.DIRTY_CHILD | X_Node_State.DIRTY_CONTENT | X_Node_State.DIRTY_ID | X_Node_State.DIRTY_CLASSNAME |\r
  43                 X_Node_State.DIRTY_ATTR | X_Node_State.DIRTY_CSS | X_Node_State.DIRTY_IE_FILTER,\r
  44 \r
  45         X_Node_DIRTY_MASK_RESET = ( ( 2 << 29 ) - 1 ) ^ X_Node_DIRTY_MASK,\r
  46         \r
  47         X_Node_TYPE = {\r
  48                 XNODE       : 1,\r
  49                 RAW_HTML    : 2,\r
  50                 RAW_TEXT    : 3,\r
  51                 HTML_STRING : 4,\r
  52                 STRING      : 5,\r
  53                 //DOC_FRAG    : 6,\r
  54                 XNODE_LIST  : 7,\r
  55                 WINDOW      : 8,\r
  56                 DOCUMENT    : 9,\r
  57                 IMAGE       : 10\r
  58         },\r
  59         \r
  60         X_Node_strictElmCreation = !X_UA.MacIE && X_UA.IE5678,// && !X_UA.MacIE;\r
  61         \r
  62         X_Node_useDocumentFragment = document.createDocumentFragment && ( !X_UA.IE || 5.5 <= X_UA.IE ) && document.createDocumentFragment(),\r
  63         \r
  64         X_Node_newByTag      = false,\r
  65         \r
  66         X_Node_newByText     = false,\r
  67         \r
  68         X_Node_outerXNode    = null,\r
  69         \r
  70         X_Node_updateTimerID = 0,\r
  71 /*\r
  72  * Node( rawElement | rawTextnode | htmlString | textString )\r
  73  */     \r
  74         Node = X.Node = X.EventDispatcher.inherits(\r
  75         'XDomNode',\r
  76         X.Class.POOL_OBJECT, // X.Class.FINAL\r
  77         {\r
  78                 _uid       : 0,\r
  79                 _flags     : X_Node_State.DESTROYED,\r
  80                 \r
  81                 _isNew     : false, // state にまとめる\r
  82                 _root      : null, // xnode が文書ツリーに属しているか？はこれを見る -> state               \r
  83                 _xnodeType : 0,    // state へ\r
  84                                 \r
  85                 _rawObject : null,\r
  86                 _rect      : null, // \r
  87                 \r
  88                 parent     : null, // remove された枝も親子構造は維持している。\r
  89                 _xnodes    : null, // Array.<Node>\r
  90 \r
  91                 _tag       : '',\r
  92                 _text      : null,\r
  93                 _id        : null,\r
  94                 _className : '',\r
  95 \r
  96                 _attrs     : null, // see X_Node_Attr\r
  97                 _newAttrs  : null,\r
  98                 _attrText  : '',   // X_Node_Attr_objToAttrText が必要な場合は false が入っている\r
  99                 \r
 100                 _css       : null, // see X_Node_CSS\r
 101                 _cssText   : null, // String | null\r
 102                 \r
 103                 _fontSize  : 0,\r
 104                 \r
 105                 _anime     : null, // Hash see X_Node_Anime\r
 106                 \r
 107         /*\r
 108          * TODO Node の継承ができない！\r
 109          */\r
 110                 Constructor : function( v ){\r
 111                         var css, xnodes, xnode, parent, uid = X_Node_CHASHE.length;\r
 112                         \r
 113                         if( X_Node_newByTag ){\r
 114                                 X_Node_newByTag = false;\r
 115                                 this._tag       = v.toUpperCase();\r
 116                                 this._flags     |= X_Node_State.EXIST;\r
 117                                 arguments[ 1 ] && this.attr( arguments[ 1 ] );\r
 118                                 css = arguments[ 2 ];\r
 119                                 css && this[ X.Type.isString( css ) ? 'cssText' : 'css' ]( css );\r
 120                         } else\r
 121                         if( X_Node_newByText ){\r
 122                                 X_Node_newByText = false;\r
 123                                 this._text       = v;\r
 124                                 this._flags      |= X_Node_State.EXIST;\r
 125                         } else {\r
 126                                 if( 1 < arguments.length ) return new X_NodeList( arguments );\r
 127                                 if( X.Type.isArray( v ) && v.length ) return new X_NodeList( v );\r
 128 \r
 129                                 switch( X_Node_getType( v ) ){\r
 130                                         case X_Node_TYPE.XNODE :\r
 131                                         case X_Node_TYPE.XNODE_LIST :\r
 132                                                 return v;\r
 133 \r
 134                                         case X_Node_TYPE.RAW_HTML :\r
 135                                                 if( xnode = X_Node_getXNode( v ) ) return xnode;\r
 136                                                 // v.parentNode || v.parentElement : dom1 || dom0\r
 137                                                 this.parent     = ( parent = v.parentNode || v.parentElement ) && parent.tagName /* ie7- */ && X_Node_getXNode( parent );\r
 138                                                 if( this.parent && this.parent._root ){\r
 139                                                         this._root = this.parent._root;\r
 140                                                         this._flags |= X_Node_State.IN_TREE | X_Node_State.ELM_IN_TREE;\r
 141                                                 };\r
 142                                                 this._rawObject = v;\r
 143                                                 this._flags     |= X_Node_State.EXIST | X_Node_State.ELM_EXIST;\r
 144                                                 this._tag       = v.tagName.toUpperCase();\r
 145                                                 this._id        = v.id;\r
 146                                                 this._className = v.className;\r
 147                                                 this.cssText( v.style.cssText );\r
 148                                                 // X_Node_State.DIRTY_CSS を落とす\r
 149                                                 //this._flags = 0;\r
 150                                                 this._flags &= X_Node_DIRTY_MASK_RESET;\r
 151                                                 // TODO attr の回収は不可能、、、\r
 152                                                 if( X_UA_DOM.IE4 ){\r
 153                                                         v.setAttribute( 'UID', '' + uid );\r
 154                                                 } else {\r
 155                                                         v.UID = uid;\r
 156                                                 };\r
 157                                                 // childNodes...\r
 158                                                 break;\r
 159 \r
 160                                         case X_Node_TYPE.RAW_TEXT :\r
 161                                                 if( xnode = X_Node_getXNode( v ) ) return xnode;\r
 162                                                 this.parent     = X_Node_getXNode( v.parentNode );\r
 163                                                 if( this.parent && this.parent._root ) this._root = this.parent._root;\r
 164                                                 this._rawObject = v;\r
 165                                                 this._flags     |= X_Node_State.EXIST;\r
 166                                                 this._text      = v.data;\r
 167                                                 v.UID = uid;\r
 168                                                 break;\r
 169 \r
 170                                         case X_Node_TYPE.HTML_STRING :\r
 171                                         case X_Node_TYPE.STRING :\r
 172                                                 if( xnodes = X_HtmlParser_parse( v, true ) && 1 < xnodes.length ) return new X_NodeList( xnodes );\r
 173                                                 if( xnodes.length ) return xnodes[ 0 ];\r
 174                                                 return X_Node_none;\r
 175 \r
 176                                         default :\r
 177                                                 if( X_Node_none ) return X_Node_none;\r
 178                                                 return;\r
 179                                 };\r
 180                         };\r
 181                         \r
 182                         X_Node_CHASHE[ this._uid = uid ] = this;\r
 183                 },\r
 184                 \r
 185                 // attr\r
 186                 // css, cssText\r
 187                 // find\r
 188                 // animate, stop\r
 189                 \r
 190                 create         : X_Node_create,\r
 191                 \r
 192                 createAt       : X_Node_createAt,\r
 193                 \r
 194                 createText     : X_Node_createText,\r
 195                 \r
 196                 createTextAt   : X_Node_createTextAt,\r
 197                 \r
 198                 clone          : X_Node_clone,\r
 199                 \r
 200                 append         : X_Node_append,\r
 201                 \r
 202                 appendAt       : X_Node_appendAt,\r
 203                 \r
 204                 appendTo       : X_Node_appendTo,\r
 205                 \r
 206                 appendToRoot   : X_Node_appendToRoot,\r
 207                 \r
 208                 before         : X_Node_before, // remove\r
 209                 \r
 210                 prevNode       : X_Node_before, // -> prev\r
 211                 \r
 212                 after          : X_Node_after, // remove\r
 213                 \r
 214                 nextNode       : X_Node_after, // -> next\r
 215                 \r
 216                 replace        : X_Node_replace, // remove\r
 217                 \r
 218                 swap           : X_Node_replace,\r
 219                 \r
 220                 remove         : X_Node_remove,\r
 221                 \r
 222                 empty          : X_Node_empty,\r
 223                 \r
 224                 destroy        : X_Node_destroy, // -> kill && kill event\r
 225                 \r
 226                 contains       : X_Node_contains,\r
 227                 \r
 228                 getChildAt     : X_Node_getChildAt,\r
 229                 \r
 230                 numChildren    : X_Node_length,\r
 231                 \r
 232                 firstChild     : X_Node_firstChild,\r
 233                 \r
 234                 lastChild      : X_Node_lastChild,\r
 235                 \r
 236                 getOrder       : X_Node_getOrder,\r
 237                 \r
 238                 className      : X_Node_className,\r
 239                 addClass       : X_Node_addClass,\r
 240                 removeClass    : X_Node_removeClass,\r
 241                 toggleClass    : X_Node_toggleClass,\r
 242                 hasClass       : X_Node_hasClass,\r
 243                 \r
 244                 html           : X_Node_html,\r
 245                 text           : X_Node_text,\r
 246                 call           : X_Node_call,\r
 247                 each           : X_Node_each\r
 248                 \r
 249         }\r
 250 );\r
 251 \r
 252 function X_Node_getType( v ){\r
 253         if( v === '' ) return X_Node_TYPE.STRING;\r
 254         if( !v ) return 0;\r
 255         if( v === window ) return X_Node_TYPE.WINDOW;\r
 256         if( v === document ) return X_Node_TYPE.DOCUMENT;\r
 257         if( v.constructor === Node ) return X_Node_TYPE.XNODE;\r
 258         if( v.constructor === X_NodeList ) return X_Node_TYPE.XNODE_LIST;\r
 259         if( X.Type.isHTMLElement( v ) ) return X_Node_TYPE.RAW_HTML;\r
 260         if( v.nodeType === 3 ) return X_Node_TYPE.RAW_TEXT;\r
 261         if( X.Type.isString( v ) ){\r
 262                 return '<' === v.charAt( 0 ) && v.charAt( v.length - 1 ) === '>' ? X_Node_TYPE.HTML_STRING : X_Node_TYPE.STRING;\r
 263         };\r
 264         return 0;\r
 265 };\r
 266 function X_Node_getXNode( v ){\r
 267         var uid, i, chashe, xnode;\r
 268         switch( X_Node_getType( v ) ){\r
 269                 case X_Node_TYPE.XNODE :\r
 270                 case X_Node_TYPE.XNODE_LIST :\r
 271                         return v;\r
 272                 case X_Node_TYPE.RAW_HTML :\r
 273                         // fake TextNode too.\r
 274                         if( X_UA_DOM.IE4 ){\r
 275                                 uid = v.getAttribute( 'UID' );\r
 276                                 return uid && X_Node_CHASHE[ uid ];\r
 277                         };\r
 278                         return v.UID && X_Node_CHASHE[ v.UID ];\r
 279                 case X_Node_TYPE.WINDOW :\r
 280                         return X_ViewPort;\r
 281                 case X_Node_TYPE.DOCUMENT :\r
 282                         return X_ViewPort_document;\r
 283                 case X_Node_TYPE.RAW_TEXT :\r
 284                         if( v.UID ) return X_Node_CHASHE[ v.UID ];\r
 285                         for( chashe = X_Node_CHASHE, i = chashe.length; i; ){\r
 286                                 if( ( xnode = X_Node_CHASHE[ --i ] ) && ( xnode._rawObject === v ) ) return xnode;\r
 287                         };\r
 288         };\r
 289 };\r
 290 \r
 291 function X_Node_getRoot( xnode ){\r
 292         return X_ViewPort_document;\r
 293         //return X_Node_body._rawObject.documentElement ? node : node.ownerDocument || node.document;\r
 294 };\r
 295         // XMLかどうかを判別する\r
 296 var X_Node_isXmlDocument =\r
 297                 X_UA_DOM.IE4 ?\r
 298                         X.emptyFunction :\r
 299                         (function( root ){\r
 300                                 if( X.Type.isBoolean( root.isXML ) ) return root.isXML;\r
 301                                 return root.isXML = root._rawObject.createElement( 'p' ).tagName !== root._rawObject.createElement( 'P' ).tagName;\r
 302                         }),\r
 303         X_Node_CHASHE     = [],\r
 304         X_Node_none  = X_Node_CHASHE[ 0 ] = new Node(),\r
 305         X_Node_html, // = X_Node_CHASHE[ 1 ] <html>\r
 306         X_Node_head, // = X_Node_CHASHE[ 2 ] <head>\r
 307         X_Node_body, // = X_Node_CHASHE[ 3 ] <body>\r
 308         X_Node_systemNode, // = X_Node_CHASHE[ ? ]\r
 309         X_Node_fontSizeNode,\r
 310 /*\r
 311  * remove :\r
 312  *  X_Node_reserveRemoval = [] に追加。commitUpdate で remove\r
 313  * add :\r
 314  *  X_Node_reserveRemoval にいたら消す, new_parent._xnodes に挿入\r
 315  */\r
 316         X_Node_reserveRemoval = [];\r
 317 \r
 318 \r
 319 var X_Node__ie4getRawNode = X_UA_DOM.IE4 && function ( that ){\r
 320                 var elm = that._rawObject;\r
 321                 return elm ||\r
 322                         ( ( elm = document.all[ 'ie4uid' + that._uid ] ) && ( that._rawObject = elm ) ) ||\r
 323                         ( that._id && ( elm = document.all[ that._id ] ) ) && ( that._rawObject = elm );\r
 324         };\r
 325 \r
 326 \r
 327 /* --------------------------------------\r
 328  *  Create\r
 329  */\r
 330 function X_Node_create( tag, opt_attrs, opt_css ){\r
 331         var xnode;\r
 332         if( !this._tag ) return;\r
 333         if( !this._xnodes ) this._xnodes = [];\r
 334         \r
 335         xnode = X_Doc_create( tag, opt_attrs, opt_css );\r
 336         \r
 337         xnode.parent = this;\r
 338         this._xnodes[ this._xnodes.length ] = xnode;\r
 339         this._root && X_Node_reserveUpdate();\r
 340         return xnode;\r
 341 };\r
 342 function X_Node_createAt( index, tag, opt_attrs, opt_css ){\r
 343         var xnode = X_Doc_create( tag, opt_attrs, opt_css );\r
 344         this.appendAt( index, xnode );\r
 345         return xnode;\r
 346 };\r
 347 \r
 348 /* --------------------------------------\r
 349  *  CreateText\r
 350  */\r
 351 function X_Node_createText( text ){\r
 352         var xnode;\r
 353         if( !this._tag ) return;\r
 354         if( !this._xnodes ) this._xnodes = [];\r
 355         \r
 356         X_Node_newByText = true;\r
 357         xnode = new Node( text );\r
 358         xnode.parent = this;\r
 359         \r
 360         this._root && X_Node_reserveUpdate();\r
 361         this._xnodes[ this._xnodes.length ] = xnode;\r
 362         return xnode;\r
 363 };\r
 364 function X_Node_createTextAt( index, text ){\r
 365         var xtext = X_Doc_createText( text );\r
 366         this.appendAt( index, xtext );\r
 367         return xtext;\r
 368 };\r
 369 \r
 370 /* --------------------------------------\r
 371  *  Clone\r
 372  * http://d.hatena.ne.jp/think49/20110724/1311472811\r
 373  * http://d.hatena.ne.jp/uupaa/20100508/1273299874\r
 374  */\r
 375 function X_Node_clone( opt_clone_children ){\r
 376         var xnode, xnodes, i, l;\r
 377         if( this._tag ){\r
 378                 X_Node_newByTag = true;\r
 379                 xnode = new Node( this._tag, X_Object_clone( this._attrs ), X_Object_clone( this._css ) )\r
 380                         .attr( { 'id' : this._id } )\r
 381                         .className( this._className );\r
 382                 if( opt_clone_children && ( xnodes = this._xnodes ) && ( l = xnodes.length ) ){\r
 383                         for( i = 0; i < l; ++i ){\r
 384                                 xnode.append( xnodes[ i ].clone( true ) );\r
 385                         };\r
 386                 };\r
 387                 return xnode;           \r
 388         };\r
 389         X_Node_newByText = true;\r
 390         return new Node( this._text );\r
 391 };\r
 392 \r
 393 /* --------------------------------------\r
 394  *  Add\r
 395  * Node\r
 396  * HtmlElement の場合は内部使用専用 そのため event の破棄等しない\r
 397  */\r
 398 function X_Node_append( v ){\r
 399         var i, l, xnodes, frg;\r
 400         if( !this._tag ) return;\r
 401         \r
 402         if( 1 < ( l = arguments.length ) ){\r
 403                 for( i = 0; i < l; ++i ){\r
 404                         this.append( arguments[ i ] );\r
 405                 };\r
 406                 return this;\r
 407         };\r
 408         \r
 409         if( !( xnodes = this._xnodes ) ) this._xnodes = xnodes = [];\r
 410         \r
 411         switch( X_Node_getType( v ) ){\r
 412                 case X_Node_TYPE.RAW_HTML :\r
 413                 case X_Node_TYPE.RAW_TEXT :\r
 414                         v = new Node( v );\r
 415                         break;\r
 416                 case X_Node_TYPE.HTML_STRING :\r
 417                 case X_Node_TYPE.STRING :\r
 418                         return this.append.apply( this, X_HtmlParser_parse( v, true ) );\r
 419                 case X_Node_TYPE.XNODE :\r
 420                         // 親の xnodes から v を消す\r
 421                         if( v.parent ){\r
 422                                 v.remove();\r
 423                         };\r
 424                         break;\r
 425                 default :\r
 426                         return this;\r
 427         };\r
 428 \r
 429         v.parent = this;\r
 430         xnodes[ xnodes.length ] = v;\r
 431         this._root && X_Node_reserveUpdate();\r
 432         return this;\r
 433 };\r
 434 \r
 435 \r
 436 function X_Node_appendAt( start, v ){\r
 437         var xnodes, l, i;\r
 438         \r
 439         if( !this._tag ) return this;\r
 440         \r
 441         l = arguments.length;\r
 442         if( !( xnodes = this._xnodes ) ) xnodes = this._xnodes = [];\r
 443         \r
 444         if( xnodes.length <= start ){\r
 445                 if( l === 2 ) return this.append( v );\r
 446                 for( i = 1; i < l; ++i ){\r
 447                         this.append( arguments[ i ] );\r
 448                 };\r
 449                 return this;\r
 450         };\r
 451         if( start < 0 ) start = 0;\r
 452         if( 2 < l ){\r
 453                 for( ; l; ){\r
 454                         this.appendAt( start, arguments[ --l ] );\r
 455                 };\r
 456                 return this;\r
 457         };\r
 458 \r
 459         switch( X_Node_getType( v ) ){\r
 460                 case X_Node_TYPE.RAW_HTML :\r
 461                 case X_Node_TYPE.RAW_TEXT :\r
 462                         v = new Node( v );\r
 463                         break;\r
 464                 case X_Node_TYPE.HTML_STRING :\r
 465                 case X_Node_TYPE.STRING :\r
 466                         v = X_HtmlParser_parse( v, true );\r
 467                         for( i = v.length; i; ){\r
 468                                 this.appendAt( start, v[ --i ] );\r
 469                         };\r
 470                         return this;\r
 471                 case X_Node_TYPE.XNODE :\r
 472                         // 親の xnodes から v を消す\r
 473                         if( v.parent ){\r
 474                                 v.remove();\r
 475                         };\r
 476                         break;\r
 477                 default :\r
 478                         return this;\r
 479         };\r
 480 \r
 481         v.parent = this;\r
 482         this._xnodes.splice( start, 0, v );\r
 483         this._root && X_Node_reserveUpdate();\r
 484         return this;\r
 485 };\r
 486 \r
 487 function X_Node_appendTo( parent, opt_index ){\r
 488         switch( X_Node_getType( parent ) ){\r
 489                 case X_Node_TYPE.RAW_HTML :\r
 490                         parent = new Node( parent );\r
 491                         break;\r
 492                 case X_Node_TYPE.HTML_STRING :\r
 493                         parent = X_HtmlParser_parse( parent, true );\r
 494                         parent = parent[ 0 ] || parent;\r
 495                 case X_Node_TYPE.XNODE :\r
 496                         break;\r
 497                 default :\r
 498                         return this;\r
 499         };\r
 500         opt_index === undefined ? parent.append( this ) : parent.appendAt( opt_index, this );\r
 501         return this;\r
 502 };\r
 503 \r
 504 function X_Node_appendToRoot( opt_index ){\r
 505         opt_index === undefined ? X_Node_body.append( this ) : X_Node_body.appendAt( opt_index, this );\r
 506         return this;\r
 507 };\r
 508 \r
 509 /* --------------------------------------\r
 510  *  Before , After, Replace\r
 511  */\r
 512 function X_Node_before( v ){\r
 513         var parent = this.parent, xnodes, i, l, start;\r
 514         \r
 515         // getter\r
 516         if( v === undefined ){\r
 517                 if( !parent ) return;\r
 518                 xnodes = parent._xnodes;\r
 519                 i      = xnodes.indexOf( this );\r
 520                 return 0 < i ? xnodes[ i - 1 ] : v;\r
 521         };\r
 522         \r
 523         if( !parent ) return this;\r
 524         \r
 525         l = arguments.length;\r
 526         start = this.getOrder();\r
 527         if( 1 < l ){\r
 528                 for( ; l; ){\r
 529                         parent.appendAt( start, arguments[ --l ] );\r
 530                 };\r
 531                 return this;\r
 532         };\r
 533         parent.appendAt( start, v );\r
 534         return this;\r
 535 };\r
 536 \r
 537 function X_Node_after( v ){\r
 538         var parent = this.parent, xnodes, i, l, start;\r
 539         \r
 540         // getter\r
 541         if( v === undefined ){\r
 542                 if( !parent ) return;\r
 543                 xnodes = parent._xnodes;\r
 544                 i      = xnodes.indexOf( this );\r
 545                 return ++i < xnodes.length ? xnodes[ i ] : v;\r
 546         };\r
 547         \r
 548         if( !parent ) return this;\r
 549         \r
 550         l = arguments.length;\r
 551         start = this.getOrder() + 1;\r
 552         if( parent._xnodes.length <= start ){\r
 553                 if( 1 < l ){\r
 554                         for( i = 0; i < l; ++i ){\r
 555                                 parent.append( arguments[ i ] );\r
 556                         };\r
 557                         return this;\r
 558                 };\r
 559                 parent.append( v );\r
 560                 return this;\r
 561         };\r
 562         if( 1 < l ){\r
 563                 for( ; l; ){\r
 564                         parent.appendAt( start, arguments[ --l ] );\r
 565                 };\r
 566                 return this;\r
 567         };\r
 568         parent.appendAt( start, v );\r
 569         return this;\r
 570 };\r
 571 \r
 572 function X_Node_replace( v ){\r
 573         if( !this.parent ) return this;\r
 574         return arguments.length === 1 ? this.before( v ).remove() : this.before.apply( this, arguments ).remove();\r
 575 };\r
 576 \r
 577 /* --------------------------------------\r
 578  *  Remove\r
 579  */\r
 580 function X_Node_remove(){\r
 581         var parent = this.parent;\r
 582         \r
 583         if( !parent ) return this;\r
 584 \r
 585         parent._xnodes.splice( parent._xnodes.indexOf( this ), 1 );\r
 586         if( this._root ){\r
 587                 X_Node_reserveRemoval[ X_Node_reserveRemoval.length ] = this;\r
 588                 X_Node_reserveUpdate();\r
 589         };\r
 590         delete this.parent;\r
 591         delete this._root;\r
 592         return this;\r
 593 };\r
 594 \r
 595 function X_Node_empty(){\r
 596         var xnodes = this._xnodes, i;\r
 597         if( xnodes && ( i = xnodes.length ) ){\r
 598                 for( ; i; ){\r
 599                         xnodes[ --i ].destroy();\r
 600                 };\r
 601                 xnodes.length = 0;\r
 602         };\r
 603         return this;\r
 604 };\r
 605 \r
 606 /* --------------------------------------\r
 607  *  TODO destory -> kill\r
 608  */\r
 609 // Node._destroyChildFlag = false; // TODO\r
 610 \r
 611 function X_Node_destroy( isChild ){\r
 612         var xnodes = this._xnodes, i, elm;\r
 613         \r
 614         if( !this._flags ) return;\r
 615         \r
 616         elm = this._rawObject || X_UA_DOM.IE4 && X_Node__ie4getRawNode( this );\r
 617         \r
 618         if( xnodes && ( i = xnodes.length ) ){\r
 619                 //for( ; i; ){\r
 620                 //      xnodes[ --i ].destroy( true );\r
 621                 //};\r
 622         };\r
 623         elm && this._listeners && this.unlisten(); // イベントの退避\r
 624 \r
 625         delete X_Node_CHASHE[ this._uid ];\r
 626         delete this._flags;\r
 627         \r
 628         if( this._root ){\r
 629                 !isChild && this.remove();\r
 630         } else {\r
 631                 this.parent && this.parent._xnodes.splice( this.parent._xnodes.indexOf( this ), 1 );\r
 632                 elm && !isChild && X_Node__actualRemove( this );\r
 633                 this.kill();\r
 634         };\r
 635 };\r
 636 \r
 637 \r
 638 \r
 639 /* --------------------------------------\r
 640  *  contains\r
 641  */\r
 642 function X_Node_contains( v ){\r
 643         var elm, type, xnodes, i;\r
 644         if( !v || !this._tag || this === v ) return false;\r
 645         // contains ie4+\r
 646         if( ( elm = this._rawObject || X_UA_DOM.IE4 && X_Node__ie4getRawNode( this ) ) && document.contains && ( type = X_Node_getType( v ) ) && ( type === X_Node_TYPE.RAW_HTML || type === X_Node_TYPE.RAW_TEXT ) ){\r
 647                 return elm.contains( v );       \r
 648         };\r
 649         //if( document.compareDocumentPosition ){\r
 650         //      \r
 651         //};\r
 652         xnodes = this._xnodes;\r
 653         if( !xnodes || !xnodes.length ) return false;\r
 654         if( xnodes.indexOf( v ) !== -1 ) return true; // fast\r
 655         if( elm === v.parentNode ) return true;\r
 656         for( i = xnodes.length; i; ){\r
 657                 if( xnodes[ --i ].contains( v ) ) return true;\r
 658         };\r
 659         return false;\r
 660 };\r
 661 \r
 662 /* --------------------------------------\r
 663  *  getChild\r
 664  */\r
 665 function X_Node_getChildAt( i ){\r
 666         var xnodes = this._xnodes;\r
 667         return xnodes && 0 <= i && i < xnodes.length && xnodes[ i ];\r
 668 };\r
 669 \r
 670 function X_Node_length(){\r
 671         var xnodes = this._xnodes;\r
 672         return xnodes ? xnodes.length : 0;\r
 673 };\r
 674 \r
 675 /* --------------------------------------\r
 676  *  firstChild, lastChild\r
 677  */\r
 678 function X_Node_firstChild(){\r
 679         return this.getChildAt( 0 );\r
 680 };\r
 681 function X_Node_lastChild(){\r
 682         return this.getChildAt( this._xnodes.length - 1 );\r
 683 };\r
 684 \r
 685 /* --------------------------------------\r
 686  *  getOrder\r
 687  */\r
 688 function X_Node_getOrder(){\r
 689         var parent = this.parent;\r
 690         if( !parent ) return -1;\r
 691         return parent._xnodes.indexOf( this );\r
 692 };\r
 693 \r
 694 /* --------------------------------------\r
 695  *  className, addClass, removeClass, hasClass\r
 696  */\r
 697 function X_Node_className( v ){\r
 698         var node, _, __;\r
 699         // getter\r
 700         if( v === undefined ) return this._className;\r
 701         \r
 702         // setter\r
 703         if( this._className === v ) return this;\r
 704         if( !v || typeof v !== 'string' ){\r
 705                 delete this._className;\r
 706         } else {\r
 707                 // cleanup\r
 708                 _  = ' ';\r
 709                 __ = '  ';\r
 710                 while( v.indexOf( __ ) !== -1 ){ v = v.split( __ ).join( _ ); };\r
 711                 v.charAt( 0 ) === _ && ( v = v.substr( 1 ) );\r
 712                 v.lastIndexOf( _ ) === 0 && ( v = v.substr( 0, v.length - 1 ) );\r
 713                 \r
 714                 if( this._className === v ) return this;\r
 715                 v ? ( this._className = v ) : delete this._className;\r
 716         };\r
 717         this._flags |= X_Node_State.DIRTY_CLASSNAME;\r
 718         this._root && X_Node_reserveUpdate();\r
 719         return this;\r
 720 };\r
 721 function X_Node_addClass( v ){\r
 722         var names = v.split( ' ' ),\r
 723                 i     = names.length,\r
 724                 name;\r
 725         v = '';\r
 726         for( ; i; ){\r
 727                 name = names[ --i ];\r
 728                 if( !name ) continue;\r
 729                 !this.hasClass( name ) && ( v += ( v ? ' ' : '' ) + name );\r
 730         };\r
 731         return v ? this.className( this._className + ( this._className ? ' ' : '' ) + v ) : this;\r
 732 };\r
 733 function X_Node_removeClass( v ){\r
 734         var _          = ' ',\r
 735                 className  = this._className,\r
 736                 names      = v.split( _ ),\r
 737                 classNames, i, f, j;\r
 738         if( !className ) return this;\r
 739         for( classNames = className.split( _ ), i = classNames.length; i; ){\r
 740                 className = classNames[ --i ];\r
 741                 for( j = names.length; j; ){\r
 742                         if( className === names[ --j ] ){\r
 743                                 classNames.splice( i, 1 );\r
 744                                 names.splice( j, 1 );\r
 745                                 f = true;\r
 746                                 break;\r
 747                         };\r
 748                 };\r
 749         };\r
 750         return f ? this.className( classNames.join( _ ) ) : this;\r
 751 };\r
 752 function X_Node_toggleClass( v, opt_toggle ){\r
 753         var names, i, name;\r
 754         if( opt_toggle !== undefined ){\r
 755                 return !!opt_toggle ? this.addClass( v ) : this.removeClass( v );       \r
 756         };\r
 757         names = v.split( ' ' );\r
 758         for( i = names.length; i; ){\r
 759                 name = names[ --i ];\r
 760                 this.hasClass( name ) ? this.removeClass( name ) : this.addClass( name );\r
 761         };\r
 762         return this;\r
 763 };\r
 764 function X_Node_hasClass( v ){\r
 765         var _ = ' ',\r
 766                 className = this._className,\r
 767                 i, name;\r
 768         if( className === v ) return true;\r
 769         if( !className ) return false;\r
 770         \r
 771         className = _ + className + _;\r
 772         if( className.indexOf( _ + v + _ ) !== -1 ) return true; // lucky hit\r
 773         \r
 774         for( v = v.split( _ ), i = v.length; i; ){\r
 775                 name = v[ --i ];\r
 776                 if( name === '' ) continue;\r
 777                 if( className.indexOf( _ + name + _ ) === -1 ) return false;\r
 778         };\r
 779         return true;\r
 780 };\r
 781 \r
 782 /* --------------------------------------\r
 783  *  html, text\r
 784  * \r
 785  * outerHTML が欲しい場合は、xnode.attr('outerHTML') とできる。\r
 786  */\r
 787 function X_Node_html( html ){\r
 788         var _ = '', q = '"', xnodes, n, i, l;\r
 789         // setter\r
 790         if( html !== undefined ){ // String 以外に Number や false null なども許可\r
 791                 if( !this._tag ) return this.text( html );\r
 792                 return html ? this.empty().append.apply( this, X_HtmlParser_parse( html, true ) ) : this.empty();\r
 793         };\r
 794         \r
 795         // getter\r
 796         if( !this._tag ){\r
 797                 return this._text;\r
 798         };\r
 799         \r
 800         if( this._flags & X_Node_State.DIRTY_CSS && !( this._cssText = X_Node_CSS_objToCssText( this ) ) ){\r
 801                 delete this._cssText;\r
 802         };\r
 803         html = !X_Node_outerXNode ? [] : [\r
 804                 '<', this._tag,\r
 805                 this._id ? ' id="' + this._id + q : _,\r
 806                 this._className ? ' class="' + this._className + q : _,\r
 807                 this._attrText === false ? ( this._attrText = X_Node_Attr_objToAttrText( this._attrs ) ) : this._attrText,\r
 808                 this._cssText ? ' style="' + this._cssText + q : _,\r
 809         '>' ];\r
 810         \r
 811         n = html.length;\r
 812         if( ( xnodes = this._xnodes ) && ( l = xnodes.length ) ){\r
 813                 if( !X_Node_outerXNode ) X_Node_outerXNode = this;\r
 814                 for( i = 0; i < l; ++i ){\r
 815                         html[ n ] = xnodes[ i ].html();\r
 816                         ++n;\r
 817                 };\r
 818                 if( X_Node_outerXNode === this )  X_Node_outerXNode = null;\r
 819         };\r
 820         !X_Node_outerXNode || X_Dom_DTD_EMPTY[ this._tag ] || ( html[ n ] = '<\/' + this._tag + '>' );\r
 821         return html.join( _ );\r
 822 };\r
 823 \r
 824 /*\r
 825  * null が来たら '', 数値等が来たら文字烈化\r
 826  */\r
 827 function X_Node_text( text ){\r
 828         var xnodes, texts, i, l;\r
 829         // setter\r
 830         if( text !== undefined ){\r
 831                 if( text === null ) text = '';\r
 832                 text += '';\r
 833                 \r
 834                 if( !this._tag ){\r
 835                         if( this._text !== text ){\r
 836                                 text ? ( this._text = text ) : delete this.text;\r
 837                                 this._root && X_Node_reserveUpdate();\r
 838                                 this._flags |= X_Node_State.DIRTY_CONTENT;\r
 839                         };\r
 840                         return this;\r
 841                 };\r
 842                 if( !text ) return this.empty();\r
 843                 if( ( xnodes = this._xnodes ) && xnodes.length === 1 && !xnodes[ 0 ]._tag ){\r
 844                         xnodes[ 0 ].text( text );\r
 845                         return this;\r
 846                 };\r
 847                 this.empty().createText( text );\r
 848                 return this;\r
 849         };\r
 850         // getter\r
 851         if( this._tag ){\r
 852                 if( ( xnodes = this._xnodes ) && ( l = xnodes.length ) ){\r
 853                         for( texts = [], i = 0; i < l; ++i ){\r
 854                                 texts[ i ] = xnodes[ i ].text();\r
 855                         };\r
 856                         return texts.join( '' );\r
 857                 };\r
 858                 return '';\r
 859         };\r
 860         return this._text;\r
 861 };\r
 862 \r
 863 /*\r
 864  * HTML要素に対して name の関数を実行しその戻り値を返す。関数に渡す引数も任意に設定できる。\r
 865  */\r
 866 function X_Node_call( name /*, opt_args... */ ){\r
 867         var l = arguments.length - 1,\r
 868                 raw, func, args, params, i;\r
 869                 \r
 870         X_Node_updateTimerID && X_Node_startUpdate();\r
 871         \r
 872         switch( name ){\r
 873                 case 'nodeType' :\r
 874                         return this._tag ? 1 : 3;\r
 875                 case 'text' :\r
 876                         return this.text();\r
 877                 case 'html' :\r
 878                 case 'innerHTML' :\r
 879                         return this.html();\r
 880                 case 'outerHTML' :\r
 881                         X_Node_outerXNode = this;\r
 882                         v = this.html();\r
 883                         X_Node_outerXNode = null;\r
 884                         return v;\r
 885         };\r
 886         \r
 887         raw  = this._rawObject || X_UA_DOM.IE4 && X_Node__ie4getRawNode( this );\r
 888         if( !raw ) return;\r
 889         \r
 890         func = raw[ name ];\r
 891         if( X.Type.isFunction( func ) ){\r
 892                 if( l ){\r
 893                         args = X_Object_cloneArray( arguments );\r
 894                         args.shift();\r
 895                         return func.apply( raw, args );\r
 896                 };\r
 897                 return raw[ name ]();           \r
 898         } else\r
 899         if( X.Type.isUnknown( func ) ){\r
 900                 // typeof func === unknown に対策\r
 901                 // http://la.ma.la/blog/diary_200509031529.htm          \r
 902                 if( l ){\r
 903                         args = X_Object_cloneArray( arguments );\r
 904                         args.shift();\r
 905                         \r
 906                 params = [];\r
 907                 for( i = 0; i < l; ++i ){\r
 908                         params[ i ] = '_' + i;\r
 909                 };\r
 910                 params = params.join( ',' );\r
 911                 return Function(\r
 912                         params,\r
 913                     [ 'return this.', name, '(', params, ')' ].join( '' )\r
 914                 ).apply( raw, args );\r
 915                 };\r
 916                 return raw[ name ]();\r
 917         };\r
 918 };\r
 919 \r
 920 /*\r
 921  * xnode を this として関数を実行する。 NodeList.each と動作を合わせてあるため関数の戻り値は破棄される。\r
 922  * 関数に渡す引数も任意に設定できる。\r
 923  */\r
 924 function X_Node_each( func /*, opt_args */ ){\r
 925         var args;\r
 926         if( 1 < arguments.length ){\r
 927                 args = X_Object_cloneArray( arguments );\r
 928                 args[ 0 ] = 0;          \r
 929                 func.apply( this, args );\r
 930         } else {\r
 931                 func.call( this, 0 );\r
 932         };\r
 933         return this;\r
 934 };\r
 935 \r
 936 \r
 937 /* --------------------------------------\r
 938  *  Async commit update\r
 939  * \r
 940  * TODO Timer や DOM イベントの呼び出しの最後に、まだ一度も commitUpdate していないなら commitUpdate してしまう。\r
 941  */\r
 942         \r
 943 function X_Node_reserveUpdate(){\r
 944         if( !X_Node_updateTimerID ) X_Node_updateTimerID = X.Timer.requestFrame( X_Node_startUpdate );\r
 945 };\r
 946 \r
 947 function X_Node_startUpdate( time ){\r
 948         var removal, i, xnode;\r
 949         \r
 950         if( !X_Node_updateTimerID || X_ViewPort_readyState < X_TEMP.SYSTEM_EVENT_INIT ){\r
 951                 return;\r
 952         };\r
 953 \r
 954         X.Timer.cancelFrame( X_Node_updateTimerID );\r
 955         X_Node_updateTimerID = 0;\r
 956 \r
 957         if( time ){\r
 958                 // X.Timer 経由でないと発火しない このイベントでサイズを取ると無限ループに\r
 959                 X_System._listeners && X_System._listeners[ X.Event.BEFORE_UPDATE ] && X_System.dispatch( X.Event.BEFORE_UPDATE );\r
 960         };\r
 961 \r
 962         removal = X_Node_reserveRemoval;\r
 963 \r
 964         if( i = removal.length ){\r
 965                 for( ; i; ){\r
 966                         xnode = removal[ --i ];\r
 967                         X_Node__actualRemove( xnode );\r
 968                         !X_Node_body._flags && xnode.kill();\r
 969                 };\r
 970                 removal.length = 0;\r
 971         };\r
 972         \r
 973         if( X_Node_html._flags & X_Node_DIRTY_MASK ){\r
 974                 X_Node__commitUpdate( X_Node_html );\r
 975         } else {\r
 976                 X_Node__commitUpdate( X_Node_head );\r
 977                 X_Node__commitUpdate( X_Node_body );\r
 978         };\r
 979         \r
 980         if( time ){\r
 981                 // X.Timer 経由でないと発火しない このイベントでサイズを取ると無限ループに\r
 982                 X_System._listeners && X_System._listeners[ X.Event.UPDATED ] && X_System.dispatch( X.Event.UPDATED );  \r
 983         };\r
 984         \r
 985         X_ViewPort._listeners && X_ViewPort._listeners[ X.Event.AFTER_UPDATE ] && X_ViewPort.asyncDispatch( X.Event.AFTER_UPDATE );\r
 986 };\r
 987 \r
 988 var X_Node__commitUpdate =\r
 989         X_UA_DOM.W3C ?\r
 990                 ( function( that, parentElement, nextElement ){\r
 991                         var elm = that._rawObject,\r
 992                                 xnodes, l, i, frg, next, k, v;\r
 993 \r
 994                         if( that._flags & X_Node_State.IE5_DISPLAY_NONE_FIX ){\r
 995                                 // filter の効いている要素だけdisplay:none が無視される模様。filter を切ればよい？\r
 996                                 // 親が、display:none の場合は？\r
 997                                 elm && elm.parentNode && X_Node__actualRemove( that );\r
 998                                 return nextElement;\r
 999                         };\r
1000 \r
1001                         if( !elm || ( parentElement && elm.parentNode !== parentElement ) || ( nextElement && elm.nextSibling !== nextElement ) ){\r
1002                                 nextElement ?\r
1003                                         parentElement.insertBefore( X_Node__actualCreate( that ), nextElement ) :\r
1004                                         parentElement.appendChild( X_Node__actualCreate( that ) );\r
1005                                 X_Node__afterActualCreate( that );\r
1006 \r
1007                                 return elm || that._rawObject;\r
1008                         } else\r
1009                         if( ( xnodes = that._xnodes ) && ( l = xnodes.length ) ) {\r
1010                                 for( ; l; ){\r
1011                                         next = X_Node__commitUpdate( xnodes[ --l ], elm, next );\r
1012                                 };\r
1013                         };\r
1014 \r
1015                         delete that._fontSize;\r
1016 \r
1017                         if( that._flags & X_Node_DIRTY_MASK ){\r
1018                                 X_Node__updateRawNode( that, elm );\r
1019                         } else\r
1020                         if( X_Node_State.IE5_DISPLAY_NONE_FIX ){\r
1021                                 // TODO 親要素への変更で display:none が変わる場合もあるのでここで調べる\r
1022                         };\r
1023                         \r
1024                         if( that._flags & X_Node_State.IE5_DISPLAY_NONE_FIX ){\r
1025                                 return nextElement;\r
1026                         };\r
1027                         return elm;\r
1028                 }) :\r
1029         X_UA_DOM.IE4 ? \r
1030                 ( function( that, parentElement, prevElement ){\r
1031                         var elm    = that._rawObject || X_Node__ie4getRawNode( that ),\r
1032                                 xnodes, l, i, html, text, prev;\r
1033 \r
1034                         if( !elm ){\r
1035                                 prevElement ?\r
1036                                         prevElement.insertAdjacentHTML( 'AfterEnd', X_Node__actualCreate( that ) ) :\r
1037                                         parentElement.insertAdjacentHTML( 'AfterBegin', X_Node__actualCreate( that ) );\r
1038                                 X_Node__afterActualCreate( that );\r
1039                                 return that._rawObject || X_Node__ie4getRawNode( that );\r
1040                         };\r
1041                         \r
1042                         xnodes = that._xnodes;\r
1043                         l      = xnodes ? xnodes.length : 0;\r
1044                         \r
1045                         if( that._flags & X_Node_State.IE4_TEXTNODE_FIX || ( that._flags & X_Node_State.IE4_ONLY_TEXT && ( l !== 1 || xnodes[ 0 ]._tag ) ) ){ // 1 < l && elm.children.length === 0\r
1046                                 html = [];\r
1047                                 for( i = 0; i < l; ++i ){\r
1048                                         html[ i ] = X_Node__actualCreate( xnodes[ i ] );\r
1049                                 };\r
1050                                 elm.innerHTML = html.join( '' );\r
1051                                 for( i = 0; i < l; ++i ){\r
1052                                         X_Node__afterActualCreate( xnodes[ i ] );\r
1053                                 };\r
1054                                 that._flags &= ~X_Node_State.IE4_ONLY_TEXT;\r
1055                         } else\r
1056                         if( that._flags & X_Node_State.IE4_ONLY_TEXT ){ // textNode が swap した場合の検出は、_root で行う\r
1057                                 text = xnodes[ 0 ];\r
1058                                 //if( text._flags || !text._root ){\r
1059                                 if( text._flags & X_Node_State.DIRTY_CONTENT || !text._root ){\r
1060                                         elm.innerHTML = text._text;\r
1061                                         //delete text._flags;\r
1062                                         text._flags &= X_Node_DIRTY_MASK_RESET;\r
1063                                         text._root = that._root;                                        \r
1064                                 };\r
1065                         } else\r
1066                         if( l ){\r
1067                                 for( i = 0; i < l; ++i ){\r
1068                                         prev = X_Node__commitUpdate( xnodes[ i ], elm, prev );\r
1069                                 };\r
1070                         };\r
1071                         \r
1072                         delete that._fontSize;\r
1073                         //that._flags && X_Node__updateRawNode( that, elm );\r
1074                         that._flags & X_Node_DIRTY_MASK && X_Node__updateRawNode( that, elm );\r
1075                         return elm;\r
1076                 }) :\r
1077                 (function(){});\r
1078 \r
1079 /*\r
1080  * TODO IE5 は filter-fix があるため、親から変更を適用し、自信の display:none を調べる\r
1081  * GPU レイヤーするブラウザは、子要素から変更を当てていく?\r
1082  */\r
1083 var X_Node__updateRawNode =\r
1084         X_UA_DOM.W3C ?\r
1085                 ( function( that, elm ){\r
1086                         var attrs, rename, k, v;\r
1087 \r
1088                         // textNode\r
1089                         if( !that._tag ){\r
1090                                 elm.data = X_String_chrReferanceTo( that._text );\r
1091                                 //delete that._flags;\r
1092                                 that._flags &= X_Node_DIRTY_MASK_RESET;\r
1093                                 return;\r
1094                         };\r
1095                         // id\r
1096                         if( that._flags & X_Node_State.DIRTY_ID ){\r
1097                                 that._id ? ( elm.id = that._id ) : ( elm.id && elm.removeAttribute( 'id' ) );           \r
1098                         };\r
1099                         // className\r
1100                         if( that._flags & X_Node_State.DIRTY_CLASSNAME ){\r
1101                                 that._className ? ( elm.className = that._className ) : ( elm.className && elm.removeAttribute( X_UA.IE5678 ? 'className' : 'class' ) ); // className は ie7-?                         \r
1102 \r
1103                                 // ie5 only\r
1104                                 // TODO 親へのクラス・id指定で display : none になるケースもある\r
1105                                 if( X_Node_State.IE5_DISPLAY_NONE_FIX && elm.currentStyle.display === 'none' ){\r
1106                                         X_Node__actualRemove( that );\r
1107                                         that._flags |= X_Node_State.IE5_DISPLAY_NONE_FIX;\r
1108                                         return;\r
1109                                 };\r
1110                         };\r
1111                         \r
1112                         if( that._flags & X_Node_State.DIRTY_IE_FILTER ){\r
1113                                 elm.style.filter = X_Node_CSS_objToIEFilterText( that );;\r
1114                         };\r
1115                         \r
1116                         // attr\r
1117                         // TODO display:none の場合、更新をスキップ\r
1118                         if( that._flags & X_Node_State.DIRTY_ATTR && ( attrs = that._newAttrs || that._attrs ) ){\r
1119                                 rename = X_Node_Attr_renameForDOM;\r
1120                                 \r
1121                                 // IETester 5.5 ではエラーが出なかった．MultipulIE5.5 ではエラーが出たので\r
1122                                 if( !X_UA.MacIE && X_UA.IE5x && that._tag === 'TEXTAREA' && ( ( v = attrs[ 'value' ] ) || X_Object_inObject( 'value', attrs ) ) ){\r
1123                                         delete attrs[ 'value' ];\r
1124                                         elm.firstChild ?\r
1125                                                 ( elm.firstChild.data = v || '' ) :\r
1126                                                 elm.appendChild( document.createTextNode( v || '' ) );\r
1127                                 };\r
1128                                 // http://outcloud.blogspot.jp/2010/09/iframe.html\r
1129                                 // この問題は firefox3.6 で確認\r
1130                                 if( X_UA.Gecko && that._tag === 'IFRAME' && ( ( v = attrs[ 'src' ] ) || X_Object_inObject( 'src', attrs ) ) ){\r
1131                                         elm.contentWindow.location.replace = elm.src = v || '';\r
1132                                         delete attrs[ 'src' ];\r
1133                                 };\r
1134                                                 \r
1135                                 for( k in attrs ){\r
1136                                         //if( X_EMPTY_OBJECT[ k ] ) continue;\r
1137                                         // TODO IE では input, なぜか button, object も type の変更が出来ない、同値で置き換えようとしても不可\r
1138                                         ( v = attrs[ k ] ) === undefined ?\r
1139                                                 elm.removeAttribute( rename[ k ] || k ) :\r
1140                                                 ( elm[ rename[ k ] || k ] = X_Node_Attr_noValue[ k ] ? k : v );\r
1141                                 };\r
1142                                 delete that._newAttrs;\r
1143                         };\r
1144                         \r
1145                         // style\r
1146                         // TODO display:none の場合、更新をスキップ\r
1147                         if( that._flags & X_Node_State.DIRTY_CSS ){\r
1148                                 if( that._cssText !== null || ( that._cssText = X_Node_CSS_objToCssText( that ) ) ){\r
1149                                         X_UA.Opera78 || X_UA.NN6 ?\r
1150                                                 elm.setAttribute( 'style', that._cssText ) : // opera8用\r
1151                                                 ( elm.style.cssText = that._cssText );\r
1152                                 } else {\r
1153                                         elm.style.cssText = ''; // IE5.5以下 Safari3.2 で必要\r
1154                                         elm.removeAttribute( 'style' );\r
1155                                         delete that._cssText;\r
1156                                 };\r
1157                         };\r
1158                         \r
1159                         //delete that._flags;\r
1160                         that._flags &= X_Node_DIRTY_MASK_RESET;\r
1161                 }) :\r
1162         X_UA_DOM.IE4 ? \r
1163                 ( function( that, elm ){\r
1164                         var attrs, rename, k, v;\r
1165 \r
1166                         // fake textNode\r
1167                         if( !that._tag ){\r
1168                                 elm.innerText = that._text;\r
1169                                 //delete that._flags;\r
1170                                 that._flags &= X_Node_DIRTY_MASK_RESET;\r
1171                                 return;\r
1172                         };\r
1173                         \r
1174                 /*\r
1175                  * http://www.tohoho-web.com/js/element.htm\r
1176                  * title、className、id、lang、language には setAttribute でなく、element.id で直接読み書きできる\r
1177                  */     \r
1178                         // id\r
1179                         if( that._flags & X_Node_State.DIRTY_ID ) elm.setAttribute( 'id', that._id || ( 'ie4uid' + xnode._uid ) );\r
1180 \r
1181                         // className\r
1182                         if( that._flags & X_Node_State.DIRTY_CLASSNAME ){\r
1183                                 that._className ? ( elm.className = that._className ) : elm.removeAttribute( 'class' );\r
1184                         };\r
1185                         // style\r
1186                         if( that._flags & X_Node_State.DIRTY_CSS ){\r
1187                                 if( that._cssText !== null || ( that._cssText = X_Node_CSS_objToCssText( that ) ) ){\r
1188                                         elm.style.cssText = that._cssText;\r
1189                                 } else {\r
1190                                         elm.style.cssText = '';\r
1191                                         elm.removeAttribute( 'style' );\r
1192                                         delete that._cssText;\r
1193                                 };\r
1194                         };\r
1195                         \r
1196                         if( that._flags & X_Node_State.DIRTY_IE_FILTER ){\r
1197                                 that._rawObject.style.filter = X_Node_CSS_objToIEFilterText( that );;\r
1198                         };\r
1199                         \r
1200                         // attr\r
1201                         if( that._flags & X_Node_State.DIRTY_ATTR && ( attrs = that._newAttrs || that._attrs ) ){\r
1202                                 rename = X_Node_Attr_renameForDOM;\r
1203                                 for( k in attrs ){\r
1204                                         //if( X_EMPTY_OBJECT[ k ] ) continue;\r
1205                                         ( v = attrs[ k ] ) === undefined ?\r
1206                                                 elm.removeAttribute( rename[ k ] || k ) :\r
1207                                                 elm.setAttribute( rename[ k ] || k, X_Node_Attr_noValue[ k ] ? k : v );\r
1208                                 };\r
1209                                 delete that._newAttrs;\r
1210                         };\r
1211                         \r
1212                         //delete that._flags;\r
1213                         that._flags &= X_Node_DIRTY_MASK_RESET;\r
1214                 }) :\r
1215                 (function(){});\r
1216 \r
1217 /* --------------------------------------\r
1218  *  Create\r
1219  * \r
1220  * http://d.hatena.ne.jp/uupaa/20080718/1216362040\r
1221  * DOM Rangeが使える環境(Firefox2+,Opera9+,Safari3+)なら、innerHTMLいらずで、ガーって書けます。\r
1222  * return document.createRange().createContextualFragment("<div><select><option></option></select></div>");\r
1223  * insertAdjacentHTML\r
1224  * \r
1225  * ie7 以下では iframe の frameborder や、input name は、createElement 後に setAttribute しても無視される\r
1226  * \r
1227  * fragument がある場合 children も足して\r
1228  * Mozilla: 1.0+, IE: 5.5+, Netscape: 2.0+, Safari: 1.0+, Opera: 7.0+\r
1229  * ie6 大丈夫?fragment の場合リークしないか？チェックが必要\r
1230  * http://msdn.microsoft.com/ja-jp/library/bb250448%28v=vs.85%29.aspx\r
1231  * \r
1232  * document.createElement of ie4 is only for OPTION & IMAGE.\r
1233  */\r
1234 var X_Node__actualCreate =\r
1235         X_UA_DOM.W3C ? (function( that, isChild ){\r
1236                 var elm = that._rawObject,\r
1237                         xnodes, frg, i, l;\r
1238                 \r
1239                 if( !that._tag ){\r
1240                         if( elm ) return elm;\r
1241                         //delete that._flags;\r
1242                         that._flags &= X_Node_DIRTY_MASK_RESET;\r
1243                         return that._rawObject = document.createTextNode( X_String_chrReferanceTo( that._text ) );\r
1244                 };\r
1245                 \r
1246                 if( !elm ){\r
1247                         if( that._flags & X_Node_State.DIRTY_CSS && !( that._cssText = X_Node_CSS_objToCssText( that ) ) ){\r
1248                                 delete that._cssText;\r
1249                         };\r
1250                         that._isNew = true;\r
1251                         that._rawObject = elm =\r
1252                                 X_Node_strictElmCreation ?\r
1253                                         document.createElement( [\r
1254                                                 '<', that._tag,\r
1255                                                         ' UID="', that._uid, '"',\r
1256                                                         that._id ? ' id="' + that._id + '"' : '',\r
1257                                                         that._className ? ' class="' + that._className + '"' : '',\r
1258                                                         that._attrText === false ? ( that._attrText = X_Node_Attr_objToAttrText( that._attrs ) ) : that._attrText,\r
1259                                                         that._cssText ? ' style="' + that._cssText + '"' : '',\r
1260                                                 '>' ].join( '' ) ) :\r
1261                                         document.createElement( that._tag );\r
1262                 };\r
1263                 if( X_Node_useDocumentFragment ){\r
1264                         if( ( xnodes = that._xnodes ) && ( l = xnodes.length ) ){\r
1265                                 !isChild && ( frg = X_Node_useDocumentFragment ).appendChild( elm );\r
1266                                 for( i = 0; i < l; ++i ){\r
1267                                         elm.appendChild( X_Node__actualCreate( xnodes[ i ], true ) );\r
1268                                 };\r
1269                                 return frg || elm;\r
1270                         };\r
1271                 };\r
1272                 \r
1273                 return elm;\r
1274         }) :\r
1275         X_UA_DOM.IE4 ? (function( that, isChild ){\r
1276                 var uid = that._uid,\r
1277                         html, xnodes, n, i, l;\r
1278                 \r
1279                 if( !that._tag ){\r
1280                         html = [ '<FONT id=ie4uid', uid, ' UID="', uid, '">', that._text, '</FONT>' ];// fake textNode\r
1281                         delete that._rawObject;\r
1282                 } else {\r
1283                         if( that._rawObject && !isChild ) X_Node__actualRemove( that, true );\r
1284                         \r
1285                         if( that._flags & X_Node_State.DIRTY_CSS && !( that._cssText = X_Node_CSS_objToCssText( that ) ) ){\r
1286                                 delete that._cssText;\r
1287                         };\r
1288                         \r
1289                         html = [\r
1290                                 '<', that._tag, ' id=', ( that._id || ( 'ie4uid' + uid ) ), ' UID="', uid, '"',\r
1291                                 that._className ? ' class="' + that._className + '"' : '',\r
1292                                 that._attrText === false ? ( that._attrText = X_Node_Attr_objToAttrText( that._attrs ) ) : that._attrText,\r
1293                                 that._cssText ? ' style="' + that._cssText + '"' : '',\r
1294                         '>' ];\r
1295                         \r
1296                         n = html.length;\r
1297                         if( ( xnodes = that._xnodes ) && ( l = xnodes.length ) ){\r
1298                                 if( l === 1 && !xnodes[ 0 ]._tag ){\r
1299                                         // only textnode\r
1300                                         html[ n ] = xnodes[ 0 ]._text;\r
1301                                         ++n;\r
1302                                         that._flags |= X_Node_State.IE4_ONLY_TEXT;\r
1303                                 } else {\r
1304                                         for( i = 0; i < l; ++i ){\r
1305                                                 html[ n ] = X_Node__actualCreate( xnodes[ i ], true );\r
1306                                                 ++n;\r
1307                                         };                                      \r
1308                                 };\r
1309                         };\r
1310                         X_Dom_DTD_EMPTY[ that._tag ] || ( html[ n ] = '<\/' + that._tag + '>' );\r
1311                         \r
1312                         delete that._newAttrs;\r
1313                 };\r
1314                 \r
1315                 return html.join( '' );\r
1316         }) :\r
1317         (function(){});\r
1318 \r
1319 var X_Node__afterActualCreate =\r
1320         X_UA_DOM.W3C ? (function( that ){\r
1321                 var elm = that._rawObject, xnodes, l, i;\r
1322 \r
1323                 that._root  = that.parent._root;\r
1324                 \r
1325                 if( !that._tag ){\r
1326                         // that._flags && X_Node__updateRawNode( that, elm );\r
1327                         that._flags & X_Node_DIRTY_MASK && X_Node__updateRawNode( that, elm );\r
1328                         return that;\r
1329                 };\r
1330                         \r
1331                 xnodes = that._xnodes;\r
1332                 l      = xnodes && xnodes.length;\r
1333                 \r
1334                 if( that._isNew ){\r
1335                         if( !X_Node_useDocumentFragment /*&& l*/ ){// docFrg が使えない場合、doc 追加後に子を追加\r
1336                                 for( i = 0; i < l; ++i ){\r
1337                                         elm.appendChild( X_Node__actualCreate( xnodes[ i ], true ) );\r
1338                                         X_Node__afterActualCreate( xnodes[ i ] );\r
1339                                 };\r
1340                         } else {\r
1341                                 for( i = 0; i < l; ++i ){\r
1342                                         X_Node__afterActualCreate( xnodes[ i ] );\r
1343                                 };\r
1344                         };\r
1345                         \r
1346                         if( X_Node_strictElmCreation ){\r
1347                                 if( that._flags & X_Node_State.DIRTY_IE_FILTER ){\r
1348                                         elm.style.filter = X_Node_CSS_objToIEFilterText( that );;\r
1349                                 };\r
1350                                 //delete that._flags;\r
1351                                 that._flags &= X_Node_DIRTY_MASK_RESET;\r
1352                         } else {\r
1353                                 elm.UID = that._uid;\r
1354                                 that._newAttrs = that._attrs;\r
1355                                 that._flags |= X_Node_State.DIRTY_ID | X_Node_State.DIRTY_CLASSNAME | X_Node_State.DIRTY_ATTR | X_Node_State.DIRTY_CSS | X_Node_State.DIRTY_IE_FILTER;\r
1356                                 X_Node__updateRawNode( that, elm );\r
1357                                 \r
1358                                 // http://outcloud.blogspot.jp/2010/09/iframe.html\r
1359                                 // この問題は firefox3.6 で確認\r
1360                                 if( X_UA.Gecko && that._tag === 'IFRAME' ){\r
1361                                         if( !that._attrs[ 'src' ] ){\r
1362                                                 elm.contentWindow.location.replace = elm.src = 'about:blank'; \r
1363                                         };\r
1364                                 };\r
1365                         };\r
1366                         \r
1367                         delete that._isNew;\r
1368                 } else {\r
1369                         \r
1370                         for( i = 0; i < l; ++i ){\r
1371                                 X_Node__afterActualCreate( xnodes[ i ] );\r
1372                         };\r
1373                         // 親要素の updateRawNode 前に子要素の updateRawNode を行う\r
1374                         // 親要素が GPU レイヤーに転送されるケースがあるので、先に子要素の変更を済ませる\r
1375                         //that._flags && X_Node__updateRawNode( that, elm );\r
1376                         that._flags & X_Node_DIRTY_MASK && X_Node__updateRawNode( that, elm );\r
1377                 };      \r
1378 \r
1379                 // src の onload があるので先ではないか？\r
1380                 // TODO ie の str から要素を作る場合、srcだけ イベント設定後ではないか？\r
1381                 X_EventDispatcher_toggleAllEvents( that, true );// イベントの復帰\r
1382         }) :\r
1383         X_UA_DOM.IE4 ? (function( that ){\r
1384                 var xnodes, i;\r
1385                 that._root = that.parent._root;\r
1386                 \r
1387                 if( !that._tag ) return that;\r
1388                 \r
1389                 if( ( xnodes = that._xnodes ) && ( i = xnodes.length ) ){\r
1390                         for( ; i; ){\r
1391                                 X_Node__afterActualCreate( xnodes[ --i ] );\r
1392                         };\r
1393                 };\r
1394                 if( that._flags & X_Node_State.DIRTY_IE_FILTER ){\r
1395                         X_Node__ie4getRawNode( that ).style.filter = X_Node_CSS_objToIEFilterText( that );;\r
1396                 };\r
1397                 //delete that._flags;\r
1398                 that._flags &= X_Node_DIRTY_MASK_RESET;\r
1399                 X_EventDispatcher_toggleAllEvents( that, true );// イベントの復帰\r
1400         }) :\r
1401         (function(){});\r
1402 \r
1403 var X_Node__actualRemove =\r
1404         X_UA_DOM.W3C ?\r
1405                 // GPUレイヤーにいるうちは remove しない。-> GPU解除してから remove する\r
1406                 // Firefox34 では遭遇せず、Safari で何度かアニメーションしているうちに発生\r
1407                 ( function( that, isChild ){\r
1408                         var xnodes = that._xnodes,\r
1409                                 elm    = that._rawObject,\r
1410                                 child, i, l;\r
1411                         if( xnodes && ( l = xnodes.length ) ){\r
1412                                 for( i = 0; i < l; ++i ){\r
1413                                         child = xnodes[ i ];\r
1414                                         child._tag && X_Node__actualRemove( child, true );\r
1415                                 };\r
1416                         };\r
1417 \r
1418                         if( !elm ) return;\r
1419                         that._listeners && X_EventDispatcher_toggleAllEvents( that, false );// イベントの退避\r
1420                         if( !X_UA.MacIE ){\r
1421                                 // elm.parentNode.tagName for ie7 -> that.state & ELM_IN_TREE\r
1422                                 !isChild && elm.parentNode && elm.parentNode.tagName && elm.parentNode.removeChild( elm );\r
1423                         } else {\r
1424                                 !isChild && elm.parentNode && elm.parentNode.tagName && X_TEMP._fixed_remove( elm, that );\r
1425                         };\r
1426                 }) :\r
1427         X_UA_DOM.IE4 ?\r
1428                 ( function( that, isChild ){\r
1429                         var xnodes = that._xnodes,\r
1430                                 elm    = that._rawObject || X_Node__ie4getRawNode( that ),\r
1431                                 i, l, xnode;\r
1432                         if( xnodes && ( l = xnodes.length ) ){\r
1433                                 for( i = 0; i < l; ++i ){\r
1434                                         X_Node__actualRemove( xnodes[ i ], true );\r
1435                                 };\r
1436                         };\r
1437 \r
1438                         if( !elm ) return;\r
1439                         that._listeners && X_EventDispatcher_toggleAllEvents( that, false );// イベントの退避\r
1440                         \r
1441                         if( X_Node_Attr_HAS_VALUE[ that._tag ] && ( !that._newAttrs || !X_Object_inObject( 'value', that._newAttrs ) ) ){\r
1442                                 that._attrs.value = elm.value;\r
1443                         };\r
1444                         elm.removeAttribute( 'id' ); // ?\r
1445                         //document.all[ that._id || ( 'ie4uid' + that._uid ) ] = null; // MacIE5 でエラー\r
1446                         if( !isChild ) elm.outerHTML = '';\r
1447                         delete that._rawObject;\r
1448                 }) :\r
1449                 (function(){});\r
1450 \r
1451 X_ViewPort.listenOnce( X.Event.UNLOAD, X_Node__actualRemove, [ X_Node_html, true ] );\r
1452 \r