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

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