X-Git-Url: http://git.osdn.jp/view?a=blobdiff_plain;f=0.6.x%2Fjs%2F02_dom%2F20_XNode.js;h=8ed979d78afa902c63efcc6dd59a4ad93e93e24c;hb=HEAD;hp=2576ae44c781c79f52cfbf596259c58d2ef7640e;hpb=6b28a86cc49680dac50278ff5617bfe7a3d98613;p=pettanr%2FclientJs.git
diff --git a/0.6.x/js/02_dom/20_XNode.js b/0.6.x/js/02_dom/20_XNode.js
index 2576ae4..8ed979d 100644
--- a/0.6.x/js/02_dom/20_XNode.js
+++ b/0.6.x/js/02_dom/20_XNode.js
@@ -8,7 +8,7 @@
*/
var Node = X[ 'Node' ] = X_EventDispatcher[ 'inherits' ](
'X.Node',
- X_Class.POOL_OBJECT,
+ X_Class.NONE,
{
/**
* è¦ç´ ã«æ¯ãããã¦ãã¼ã¯ID
@@ -155,7 +155,8 @@ var Node = X[ 'Node' ] = X_EventDispatcher[ 'inherits' ](
var uid = X_Node_CHASHE.length,
css, xnodes, xnode, parent;
- if( X_Node_newByTag ){
+ // TODO ç¶æ¿ã¯ã©ã¹ã§ this.Super('DIV') ãã§ããªãï¼ -> ãµãã¯ã©ã¹ããå¼ã°ããå ´åã
+ if( X_Node_newByTag || this.constructor !== Node ){
X_Node_newByTag = false;
this[ '_tag' ] = v.toUpperCase();
arguments[ 1 ] && this[ 'attr' ]( arguments[ 1 ] );
@@ -223,6 +224,7 @@ var Node = X[ 'Node' ] = X_EventDispatcher[ 'inherits' ](
X_Node_CHASHE[ this[ '_uid' ] = uid ] = this;
},
+ // TODO .mesure() -> X.Event.MESURED
'width' : X_Node_width,
'height' : X_Node_height,
'clientWidth' : X_Node_clientWidth,
@@ -253,6 +255,8 @@ var Node = X[ 'Node' ] = X_EventDispatcher[ 'inherits' ](
'createTextAt' : X_Node_createTextAt,
+ 'createRange' : X_Node_createRange,
+
'clone' : X_Node_clone,
'append' : X_Node_append,
@@ -289,7 +293,7 @@ var Node = X[ 'Node' ] = X_EventDispatcher[ 'inherits' ](
'toggleClass' : X_Node_toggleClass,
'hasClass' : X_Node_hasClass,
- 'html' : X_Node_html,
+ 'html' : X_Node__html,
'text' : X_Node_text,
'call' : X_Node_call,
'each' : X_Node_each
@@ -360,6 +364,7 @@ function X_Node_getType( v ){
if( X_Type_isString( v ) ){
return '<' === v.charAt( 0 ) && v.charAt( v.length - 1 ) === '>' ? X_NodeType_HTML_STRING : X_NodeType_STRING;
};
+ // Node ãµãã¯ã©ã¹ã®ã¤ã³ã¹ã¿ã³ã¹
if( v[ 'instanceOf' ] && v[ 'instanceOf' ]( Node ) ) return X_NodeType_XNODE;
return 0;
};
@@ -445,6 +450,7 @@ function X_Node_toggleInGPUFlag( gpuRoot, xnodes, flag ){
*/
function X_Node_create( tag, opt_attrs, opt_css ){
var xnode;
+
if( !this[ '_tag' ] ) return;
this[ 'append' ]( xnode = X_Doc_create( tag, opt_attrs, opt_css ) );
return xnode;
@@ -493,6 +499,15 @@ function X_Node_createTextAt( index, text ){
};
/**
+ * é¸æãããããã¹ãã¸ã®åç
§ãããã¹ã座æ¨æ
å ±
+ * @alias Node.prototype.createRange
+ * @return {TextRange} æ°è¦ä½æãããããã¹ãã¬ã³ã¸
+ */
+function X_Node_createRange( a, b, c ){
+ return X_TextRange( this, a, b, c );
+};
+
+/**
* Node ã®ã¯ãã¼ã³ãä½æãè¿ããid ãã¯ãã¼ã³ãããç¹ã«æ³¨æãã¤ãã³ããªã¹ãã¯ã¯ãã¼ã³ãããªãã
* http://d.hatena.ne.jp/think49/20110724/1311472811
* http://d.hatena.ne.jp/uupaa/20100508/1273299874
@@ -559,7 +574,8 @@ function X_Node_append( v ){
return X_Node_append.apply( this, X_HtmlParser_parse( v, true ) );
case X_NodeType_XNODE :
// 親㮠xnodes ãã v ãæ¶ã
- v.parent && v[ 'remove' ]();
+ if( v.parent === this && xnodes[ xnodes.length - 1 ] === v ) return this;
+ v[ 'remove' ]();
// IE4 ã§ããã¹ããã¼ãã®è¿½å ãFIXED æ¸ã§ãªãå ´åã親ã«è¦ç´ ã®è¿½å ãéç¥
if( X_UA[ 'IE4' ] && !v[ '_tag' ] && ( ( this[ '_flags' ] & X_NodeFlags_IE4_FIXED ) === 0 ) ) this[ '_flags' ] |= X_NodeFlags_IE4_DIRTY_CHILDREN;
break;
@@ -779,6 +795,14 @@ function X_Node_remove(){
if( !parent ) return this;
+ // stop() ->
+ if( this[ '_anime' ] && this[ '_anime' ].phase ){
+ console.log( 'Animation ä¸ã® REMOVE' );
+ X_NodeAnime_stopNow( this );
+ };
+ // åå«ã«ã¢ãã¡ã¼ã·ã§ã³ä¸ã®è¦ç´ ãè¦ã
+ // å
ç¥ã« GPU åããè¦ç´ ãè¦ã
+
delete this.parent;
parent[ '_xnodes' ].splice( parent[ '_xnodes' ].indexOf( this ), 1 );
@@ -789,7 +813,7 @@ function X_Node_remove(){
if( X_UA_DOM.IE4 ){
if( elm = this[ '_rawObject' ] || X_Node__ie4getRawNode( this ) ){
X_Node_reserveRemoval[ X_Node_reserveRemoval.length ] = this;
- X_Node_reserveUpdate();
+ X_Node_reserveUpdate();
} else
if( !this[ '_tag' ] && ( ( parent[ '_flags' ] & X_NodeFlags_IE4_FIXED ) === 0 ) ){
parent[ '_flags' ] |= X_NodeFlags_IE4_DIRTY_CHILDREN;
@@ -840,8 +864,6 @@ function X_Node_onKill( that ){
parent && parent[ '_xnodes' ] && parent[ '_xnodes' ].splice( parent[ '_xnodes' ].indexOf( that ), 1 );
- elm = that[ '_rawObject' ] || X_UA_DOM.IE4 && X_Node__ie4getRawNode( that );
-
if( xnodes && ( i = xnodes.length ) ){
delete that[ '_xnodes' ];
for( ; i; ){
@@ -851,7 +873,14 @@ function X_Node_onKill( that ){
};
X_Node_CHASHE[ that[ '_uid' ] ] = null; // array ã«å¯¾ã㦠delete X_Node_CHASHE[ uid ]ãã¯ã¾ãã!
-
+
+ if( that[ '_anime' ] && that[ '_anime' ].phase ){
+ console.log( 'Animation ä¸ã® KILL' );
+ X_NodeAnime_stopNow( that );
+ };
+
+ elm = that[ '_rawObject' ] || X_UA_DOM.IE4 && X_Node__ie4getRawNode( that );
+
// remove _xnodes
if( X_UA_DOM.IE4 ){
if( elm ){
@@ -880,21 +909,15 @@ function X_Node_onKill( that ){
* @example node.contains( testNode );
*/
function X_Node_contains( v ){
- var elm, type, xnodes, i;
+ var xnodes;
+
if( !v || !this[ '_tag' ] || this === v ) return false;
- // contains ie4+
- if( ( elm = this[ '_rawObject' ] || X_UA_DOM.IE4 && X_Node__ie4getRawNode( this ) ) && document.contains && ( type = X_Node_getType( v ) ) && ( type === X_NodeType_RAW_HTML || type === X_NodeType_RAW_TEXT ) ){
- return elm.contains( v );
- };
- //if( document.compareDocumentPosition ){
- //
- //};
xnodes = this[ '_xnodes' ];
if( !xnodes || !xnodes.length ) return false;
- if( xnodes.indexOf( v ) !== -1 ) return true; // fast
- for( i = xnodes.length; i; ){
- if( xnodes[ --i ][ 'contains' ]( v ) ) return true;
+
+ while( v = v[ 'parent' ] ){
+ if( this === v ) return true;
};
return false;
};
@@ -1094,14 +1117,14 @@ function X_Node_hasClass( v ){
* @return {string|Node}
* @example node.html( '
' );
*/
-function X_Node_html( html ){
+function X_Node__html( html ){
var _ = '', q = '"', xnodes, n, i, l;
// setter
if( html !== undefined ){ // String 以å¤ã« Number ã false null ãªã©ã許å¯
if( !this[ '_tag' ] ) return this[ 'text' ]( html );
this[ 'empty' ]();
- if( html ){
+ if( html += '' ){
X_Node_append.apply( this, X_HtmlParser_parse( html, true ) );
};
return this;
@@ -1193,7 +1216,7 @@ function X_Node_call( name /*, opt_args... */ ){
var args = arguments,
l = args.length - 1,
v, raw, parent, body,
- childX, childY, childW, childH,
+ child, childX, childY, childW, childH,
parentW, parentH,
parentSX, parentSY, parentSW, parentSH,
visibleX, visibleY, visibleW, visibleH,
@@ -1214,9 +1237,26 @@ function X_Node_call( name /*, opt_args... */ ){
case 'treeIsDirty' :
return !!X_Node_updateTimerID;
case 'fontSize' :
- return this.parent ? X_Node_CSS_getCharSize( this ) : 0;
+ return ( this[ '_flags' ] & X_NodeFlags_IN_TREE ) ? X_Node_CSS_getCharSize( this ) : 0;
case 'inGPU' :
return !!( this[ '_flags' ] & ( X_NodeFlags_GPU_NOW | X_NodeFlags_GPU_RELEASE_RESERVED ) );
+ case 'isGPUChild' :
+ if( this[ '_flags' ] & X_NodeFlags_IN_TREE ){
+ parent = this;
+ while( parent = parent.parent ){
+ if( parent[ '_flags' ] & ( X_NodeFlags_GPU_NOW | X_NodeFlags_GPU_RELEASE_RESERVED ) ) return true;
+ };
+ };
+ return false;
+ case 'containGPU' :
+
+ return false;
+ case 'canAnimateNow' :
+ return ( this[ '_flags' ] & X_NodeFlags_IN_TREE ) && X_NodeAnime_detectWaitAnimation( this, true, true ) === 6;
+ case 'animeState' :
+ return this[ '_anime' ] ? this[ '_anime' ].phase : 0;
+ case 'animeProgress' :
+ return this[ '_anime' ] && this[ '_anime' ].phase === 7 ? this[ '_anime' ].progress : 0;
};
X_Node_updateTimerID && X_Node_startUpdate();
@@ -1232,6 +1272,7 @@ function X_Node_call( name /*, opt_args... */ ){
};
if( name === 'inView' ){
+ if( !( this[ '_flags' ] & X_NodeFlags_IN_TREE ) ) return { 'isInView' : false };
body = X_elmBody;
child = raw;
visibleX = visibleY = visibleW = visibleH = 0;
@@ -1341,7 +1382,7 @@ function X_Node_reserveUpdate(){
var X_Node_updateReservedByReleaseGPU = false;
function X_Node_startUpdate( time ){
- var removal, i, xnodeOrElm;
+ var removal, i, xnodeOrElm, xnodesIEFilterFixAfter, xnode, active;
if( !X_Node_updateTimerID || X_ViewPort_readyState < X_EVENT_INIT ){
return;
@@ -1361,6 +1402,7 @@ function X_Node_startUpdate( time ){
for( ; i; ){
xnodeOrElm = removal[ --i ];
// TODO GPU ã¬ã¤ã¤ã¼ã®åã®å ´åãremove ãã¹ãããããã éGPU ã¬ã¤ã¤ã¼ã¸ apppend ãããå ´åãclone ãã?
+ // GPU ã¬ã¤ã¤ã¼ãåé¤ããå ´åãcssText = '' ã㦠GPU ã¬ã¤ã¤ã¼ã解é¤ãã
if( !xnodeOrElm[ 'instanceOf' ] ){
if( X_UA_DOM.IE4 ){
xnodeOrElm.removeAttribute( 'id' ); // ?
@@ -1380,11 +1422,23 @@ function X_Node_startUpdate( time ){
removal.length = 0;
};
+ // å¼·å¶çã«åæç»ãèµ·ãã, ä½ã activeElement ãããã©ã¼ã«ã¹ãå¤ãããã復帰ãã
+ // IE5mode win10 㧠確èª
+ if( X_UA[ 'IE5' ] ){
+ active = FocusUtility_getFocusedElement();
+ X_elmBody.style.visibility = 'hidden';
+ };
+
if( X_Node_html[ '_flags' ] & X_Node_BitMask_IS_DIRTY ){
- X_Node__commitUpdate( X_Node_html, X_Node_html[ '_rawObject' ].parentNode, null, X_Node_html[ '_flags' ] );
+ X_Node__commitUpdate( X_Node_html, X_Node_html[ '_rawObject' ].parentNode, null, X_Node_html[ '_flags' ], 1, xnodesIEFilterFixAfter = [] );
} else {
- X_Node__commitUpdate( X_Node_head, X_Node_head[ '_rawObject' ].parentNode, null, X_Node_head[ '_flags' ] );
- X_Node__commitUpdate( X_Node_body, X_Node_body[ '_rawObject' ].parentNode, null, X_Node_body[ '_flags' ] );
+ X_Node__commitUpdate( X_Node_head, X_Node_head[ '_rawObject' ].parentNode, null, X_Node_head[ '_flags' ], 1, xnodesIEFilterFixAfter = [] );
+ X_Node__commitUpdate( X_Node_body, X_Node_body[ '_rawObject' ].parentNode, null, X_Node_body[ '_flags' ], 1, xnodesIEFilterFixAfter = [] );
+ };
+
+ if( X_UA[ 'IE5' ] ){
+ X_elmBody.style.visibility = '';
+ active && active.parentNode && FocusUtility_setTemporarilyFocus( active );
};
if( X_Node_updateReservedByReleaseGPU ){
@@ -1392,12 +1446,16 @@ function X_Node_startUpdate( time ){
X_Node_updateReservedByReleaseGPU = false;
};
- if( time ){
- // X.Timer çµç±ã§ãªãã¨çºç«ããªã ãã®ã¤ãã³ãã§ãµã¤ãºãåãã¨ç¡éã«ã¼ãã«
- X_System[ '_listeners' ] && X_System[ '_listeners' ][ X_EVENT_UPDATED ] && X_System[ 'dispatch' ]( X_EVENT_UPDATED );
- } else {
- X_System[ '_listeners' ] && X_System[ '_listeners' ][ X_EVENT_UPDATED ] && X_System[ 'asyncDispatch' ]( X_EVENT_UPDATED );
+ if( X_NodeFlags_IE_FILTER_FIX_AFTER && xnodesIEFilterFixAfter.length ){
+ for( i = 0; xnode = xnodesIEFilterFixAfter[ i ]; ++i ){
+ xnode[ '_flags' ] &= ~X_NodeFlags_IE_FILTER_FIX_AFTER;
+ X_Node_CSS_onAfterUpdateIEFilterFix( xnode );
+ };
};
+
+ // time ãè¦ã¦ X.Timer çµç±ã®å ´åãå³åº§ã«çºç«ããã
+ // width() çã§å¼·å¶çã«ããªã¼ãæ§ç¯ãã¦ããå ´åãUPDATE ã¤ãã³ãã®ã³ã¼ã«ããã¯ã§è¦ç´ ãå¤æ´ããµã¤ãºãåãã¨ç¡éã«ã¼ãã«ãªã,ãããé²ããã asyncDispatch ã¨ãã
+ X_System[ '_listeners' ] && X_System[ '_listeners' ][ X_EVENT_UPDATED ] && X_System[ time ? 'dispatch' : 'asyncDispatch' ]( X_EVENT_UPDATED );
X_ViewPort[ '_listeners' ] && X_ViewPort[ '_listeners' ][ X_EVENT_AFTER_UPDATE ] && X_ViewPort[ 'asyncDispatch' ]( X_EVENT_AFTER_UPDATE );
};
@@ -1417,28 +1475,28 @@ function X_Node_startUpdate( time ){
*/
var X_Node__commitUpdate =
X_UA_DOM.W3C ?
- ( function( that, parentElement, nextElement, accumulatedFlags ){
+ ( function( that, parentElement, nextElement, accumulatedFlags, ie8AccumulatedOpcity, xnodesIEFilterFixAfter ){
var elm = that[ '_rawObject' ],
- created, xnodes, l, next;
+ created, xnodes, l, next, anime, v, currentOpcity;
// 1. GPU ä¸åã®æ´æ°ãã¹ããã
if( that[ '_flags' ] & X_NodeFlags_GPU_NOW ){
- //console.log( 'æ´æ°ã®skip ' + !!( that[ '_flags' ] & X_Node_BitMask_IS_DIRTY ) );
+ console.log( 'æ´æ°ã®skip ' + that[ '_className' ] + !!( that[ '_flags' ] & X_Node_BitMask_IS_DIRTY ) );
that[ '_flags' ] & X_Node_BitMask_IS_DIRTY && X_Node__updateRawNode( that, elm );
return elm;
};
// 2. GPU解æ¾äºç´
if( that[ '_flags' ] & X_NodeFlags_GPU_RELEASE_RESERVED ){
- // console.log( 'GPU è§£æ¾ ' );
+ console.log( 'GPU è§£æ¾ ' );
//X_Node_updateReservedByReleaseGPU = true;
- //X_Node__updateRawNode( that, elm );
that[ '_flags' ] &= X_Node_BitMask_RESET_GPU;
- //return elm;// TODO ãããããããã®ã¿ã¤ãã³ã°ã§æ´æ°ã§ããããã
+ //return elm;// ãã®ã¿ã¤ãã³ã°ã§æ´æ°ã§ããã£ã½ãã
};
// 3. GPUäºç´ -> GPU
if( that[ '_flags' ] & X_NodeFlags_GPU_RESERVED ){
+ // TODO size åå¾ã®ããã® update ã®å ´åãGPUåãã¹ããã
that[ '_flags' ] &= X_Node_BitMask_RESET_GPU;
that[ '_flags' ] |= X_NodeFlags_GPU_NOW;
};
@@ -1447,7 +1505,8 @@ var X_Node__commitUpdate =
if( that[ '_flags' ] & X_NodeFlags_STYLE_IS_DISPLAY_NONE ){
if( X_Node_displayNoneFixForIE5 ){
// filter ã®å¹ãã¦ããè¦ç´ ãå«ãè¦ç´ 㯠display:none ãç¡è¦ãããã
- // filter = '' ã§åé¤ã¯ã§ããããå表示æã« filter ãæ¶ããã -> filter ãªè¦ç´ ãåé¤ãã¦ãã¾ãã
+ // filter = '' ã§åé¤ã¯ã§ããããå表示æã« filter ãæ¶ããã -> filter ãªè¦ç´ ãåé¤ãã¦ãã¾ãã
+ // TODO filters[0].enabled = false ãªãã¦ã©ã?
if( elm && elm.parentNode ){
X_Node__actualRemove( that );
};
@@ -1470,7 +1529,12 @@ var X_Node__commitUpdate =
if( !elm ){
if( !that[ '_tag' ] ){
that[ '_flags' ] &= X_Node_BitMask_RESET_DIRTY;
- elm = document.createTextNode( X_String_chrReferanceTo( that[ '_text' ] ) );
+ if( X_UA[ 'IE' ] < 8 ){
+ // \n -> \r\n ã«å¤æããªã㨠pre ã¿ã°ã§æ¹è¡ãããªã win10ie7(ie11 emu) ã§ç¢ºèª
+ elm = document.createTextNode( X_String_chrReferanceTo( that[ '_text' ] ).split( '\n' ).join( X_String_CRLF ) );
+ } else {
+ elm = document.createTextNode( X_String_chrReferanceTo( that[ '_text' ] ) );
+ };
if( !X_UA[ 'IE' ] ){
elm[ 'UID' ] = that[ '_uid' ];
};
@@ -1491,7 +1555,7 @@ var X_Node__commitUpdate =
if( that[ '_flags' ] & X_NodeFlags_IS_SVG ){
elm = document.createElementNS( 'http://www.w3.org/2000/svg', that[ '_tag' ].toLowerCase() );
- // math http://www.w3.org/1998/Math/MathML
+ // TODO math http://www.w3.org/1998/Math/MathML
} else {
elm = document.createElement( that[ '_tag' ] );
};
@@ -1550,10 +1614,14 @@ var X_Node__commitUpdate =
that[ '_flags' ] |= X_NodeFlags_ACTUAL_LISTENING;
};
+ // ie8 ã§ã¯åè¦ç´ ã« opacity ãåæ ãããªãããã親è¦ç´ ã® opacity ãç©ç®ãã
+ currentOpcity = that[ '_css' ] && 0 <= that[ '_css' ].opacity && that[ '_css' ].opacity;
+ ie8AccumulatedOpcity = ie8AccumulatedOpcity * ( currentOpcity || 1 );
+
// 8. æ´æ°ã®é©ç¨
if( accumulatedFlags & X_Node_BitMask_IS_DIRTY ){
delete that[ '_fontSize' ];
- X_Node__updateRawNode( that, elm );
+ X_Node__updateRawNode( that, elm, currentOpcity, ie8AccumulatedOpcity, accumulatedFlags );
};
// 9. ie5 only
@@ -1570,10 +1638,14 @@ var X_Node__commitUpdate =
};
};
+ if( that[ '_flags' ] & X_NodeFlags_IE_FILTER_FIX_AFTER ){
+ xnodesIEFilterFixAfter[ xnodesIEFilterFixAfter.length ] = that;
+ };
+
// 10. åè¦ç´ ã®æ´æ°ã
if( ( xnodes = that[ '_xnodes' ] ) && ( l = xnodes.length ) ) {
for( ; l; ){
- next = X_Node__commitUpdate( xnodes[ --l ], elm, next, accumulatedFlags );
+ next = X_Node__commitUpdate( xnodes[ --l ], elm, next, accumulatedFlags, ie8AccumulatedOpcity, xnodesIEFilterFixAfter );
};
};
@@ -1588,12 +1660,34 @@ var X_Node__commitUpdate =
};
};
+/*
+ * if( ( anime = that[ '_anime' ] ) && 6 <= anime.phase && anime.doScroll ){
+ if( anime.phase === 6 ){
+ v = anime.fromScrollX;
+ if( v === v ){
+ elm.scrollLeft = v;
+ } else {
+ anime.fromScrollX = elm.scrollLeft;
+ };
+ v = anime.fromScrollY;
+ if( v === v ){
+ elm.scrollTop = v;
+ } else {
+ anime.fromScrollY = elm.scrollTop;
+ };
+ } else {
+ elm.scrollLeft = anime.scrollX;
+ elm.scrollTop = anime.scrollY;
+ };
+ };
+ */
+
return elm;
}) :
X_UA_DOM.IE4 ?
( function( that, parentElement, prevElement, accumulatedFlags ){
var elm = that[ '_rawObject' ] || X_Node__ie4getRawNode( that ),
- xnodes, l, i, dirty, mix, html, text, prev;
+ xnodes, l, i, dirty, mix, html, text, prev, anime, v;
if( !that[ '_tag' ] ){
that[ '_flags' ] & X_NodeFlags_DIRTY_CONTENT && X_Node__updateRawNode( that, elm );
@@ -1617,68 +1711,90 @@ var X_Node__commitUpdate =
prevElement.insertAdjacentHTML( 'AfterEnd', X_Node__actualCreate( that, false ) ) :
parentElement.insertAdjacentHTML( 'AfterBegin', X_Node__actualCreate( that, false ) );
X_Node__afterActualCreate( that );
- return that[ '_rawObject' ] || X_Node__ie4getRawNode( that );
- };
-
- accumulatedFlags |= that[ '_flags' ];
-
- xnodes = that[ '_xnodes' ];
- l = xnodes ? xnodes.length : 0;
- dirty = !!( that[ '_flags' ] & X_NodeFlags_IE4_DIRTY_CHILDREN );
-
- /*
- * HTML ã®ä¸ã« TextNode ã ã ãMIX_FIXEDãã§ãªãå ´åãåé¤ã追å ã親ã«éç¥
- * HTML ã®ä¸ã« HTML ã ã
- * HTML ã®ä¸ã¯ MIX -> TextNode, html ã®åé¤ãå¤æ´ã追å
- * HTML ã®ä¸ã¯ MIX_FIXED -> TextNode ã ã«ç½®ãæãã¦ããã®ã§W3C DON çã«è§¦ããã¨ãã§ãã
- */
- if( dirty ){
- that[ '_flags' ] &= ~X_NodeFlags_IE4_DIRTY_CHILDREN;
- for( i = 0; i < l; ++i ){
- if( xnodes[ i ][ '_tag' ] ){
- that[ '_flags' ] |= X_NodeFlags_IE4_HAS_ELEMENT;
- } else {
- that[ '_flags' ] |= X_NodeFlags_IE4_HAS_TEXTNODE;
+
+ elm = that[ '_rawObject' ] || X_Node__ie4getRawNode( that );
+ } else {
+ accumulatedFlags |= that[ '_flags' ];
+
+ xnodes = that[ '_xnodes' ];
+ l = xnodes ? xnodes.length : 0;
+ dirty = !!( that[ '_flags' ] & X_NodeFlags_IE4_DIRTY_CHILDREN );
+
+ /*
+ * HTML ã®ä¸ã« TextNode ã ã ãMIX_FIXEDãã§ãªãå ´åãåé¤ã追å ã親ã«éç¥
+ * HTML ã®ä¸ã« HTML ã ã
+ * HTML ã®ä¸ã¯ MIX -> TextNode, html ã®åé¤ãå¤æ´ã追å
+ * HTML ã®ä¸ã¯ MIX_FIXED -> TextNode ã ã«ç½®ãæãã¦ããã®ã§W3C DON çã«è§¦ããã¨ãã§ãã
+ */
+ if( dirty ){
+ that[ '_flags' ] &= ~X_NodeFlags_IE4_DIRTY_CHILDREN;
+ for( i = 0; i < l; ++i ){
+ if( xnodes[ i ][ '_tag' ] ){
+ that[ '_flags' ] |= X_NodeFlags_IE4_HAS_ELEMENT;
+ } else {
+ that[ '_flags' ] |= X_NodeFlags_IE4_HAS_TEXTNODE;
+ };
+ if( that[ '_flags' ] & X_Node_BitMask_IE4_IS_MIX === X_Node_BitMask_IE4_IS_MIX ){
+ mix = true;
+ break;
+ };
};
- if( that[ '_flags' ] & X_Node_BitMask_IE4_IS_MIX === X_Node_BitMask_IE4_IS_MIX ){
- mix = true;
- break;
+ };
+
+ if( that[ '_flags' ] & X_NodeFlags_IE4_FIXED || that[ '_flags' ] & X_Node_BitMask_IE4_IS_MIX === X_NodeFlags_IE4_HAS_ELEMENT ){
+ for( i = 0; i < l; ++i ){
+ prev = X_Node__commitUpdate( xnodes[ i ], elm, prev, accumulatedFlags );
};
+ } else
+ if( mix ){
+ html = [];
+ for( i = 0; i < l; ++i ){
+ html[ i ] = X_Node__actualCreate( xnodes[ i ], false );
+ };
+ elm.innerHTML = html.join( '' );
+ for( i = 0; i < l; ++i ){
+ X_Node__afterActualCreate( xnodes[ i ] );
+ };
+ that[ '_flags' ] |= X_NodeFlags_IE4_FIXED;
+ } else
+ if( that[ '_flags' ] & X_NodeFlags_IE4_HAS_TEXTNODE ){
+ dirty = dirty || false;
+ for( i = 0; i < l; ++i ){
+ text = xnodes[ i ];
+ if( text[ '_flags' ] & X_Node_BitMask_IS_DIRTY ){
+ text[ '_flags' ] &= X_Node_BitMask_RESET_DIRTY;
+ dirty = true;
+ };
+ };
+ if( dirty ) elm.innerHTML = that[ 'text' ]();
};
+
+ if( accumulatedFlags & X_Node_BitMask_IS_DIRTY ) delete that[ '_fontSize' ];
+
+ that[ '_flags' ] &= ~X_NodeFlags_DIRTY_POSITION;
+ that[ '_flags' ] & X_Node_BitMask_IS_DIRTY && X_Node__updateRawNode( that, elm );
};
- if( that[ '_flags' ] & X_NodeFlags_IE4_FIXED || that[ '_flags' ] & X_Node_BitMask_IE4_IS_MIX === X_NodeFlags_IE4_HAS_ELEMENT ){
- for( i = 0; i < l; ++i ){
- prev = X_Node__commitUpdate( xnodes[ i ], elm, prev, accumulatedFlags );
- };
- } else
- if( mix ){
- html = [];
- for( i = 0; i < l; ++i ){
- html[ i ] = X_Node__actualCreate( xnodes[ i ], false );
- };
- elm.innerHTML = html.join( '' );
- for( i = 0; i < l; ++i ){
- X_Node__afterActualCreate( xnodes[ i ] );
- };
- that[ '_flags' ] |= X_NodeFlags_IE4_FIXED;
- } else
- if( that[ '_flags' ] & X_NodeFlags_IE4_HAS_TEXTNODE ){
- dirty = dirty || false;
- for( i = 0; i < l; ++i ){
- text = xnodes[ i ];
- if( text[ '_flags' ] & X_Node_BitMask_IS_DIRTY ){
- text[ '_flags' ] &= X_Node_BitMask_RESET_DIRTY;
- dirty = true;
+ if( ( anime = that[ '_anime' ] ) && 6 <= anime.phase && anime.doScroll ){
+ if( anime.phase === 6 ){
+ v = anime.fromScrollX;
+ if( v === v ){
+ elm.scrollLeft = v;
+ } else {
+ anime.fromScrollX = elm.scrollLeft;
};
+ v = anime.fromScrollY;
+ if( v === v ){
+ elm.scrollTop = v;
+ } else {
+ anime.fromScrollY = elm.scrollTop;
+ };
+ } else {
+ elm.scrollLeft = anime.scrollX;
+ elm.scrollTop = anime.scrollY;
};
- if( dirty ) elm.innerHTML = that[ 'text' ]();
};
-
- if( accumulatedFlags & X_Node_BitMask_IS_DIRTY ) delete that[ '_fontSize' ];
-
- that[ '_flags' ] &= ~X_NodeFlags_DIRTY_POSITION;
- that[ '_flags' ] & X_Node_BitMask_IS_DIRTY && X_Node__updateRawNode( that, elm );
+
return elm;
}) :
(function(){});
@@ -1688,15 +1804,22 @@ var X_Node__commitUpdate =
*/
var X_Node__updateRawNode =
X_UA_DOM.W3C ?
- ( function( that, elm ){
- var attrs, rename, k, v;
+ ( function( that, elm, currentOpcity, ie8AccumulatedOpcity, accumulatedFlags ){
+ var // flags = that[ '_flags' ],
+ attrs, rename, k, v, f;
// textNode
if( !that[ '_tag' ] ){
- elm.data = X_String_chrReferanceTo( that[ '_text' ] );
+ if( X_UA[ 'IE' ] < 8 ){
+ // \n -> \r\n ã«å¤æããªã㨠pre ã¿ã°ã§æ¹è¡ãããªã win10ie7(ie11 emu) ã§ç¢ºèª
+ elm.data = X_String_chrReferanceTo( that[ '_text' ] ).split( '\n' ).join( X_String_CRLF );
+ } else {
+ elm.data = X_String_chrReferanceTo( that[ '_text' ] );
+ };
that[ '_flags' ] &= X_Node_BitMask_RESET_DIRTY;
return;
};
+
// id
if( that[ '_flags' ] & X_NodeFlags_DIRTY_ID ){
that[ '_id' ] ?
@@ -1713,7 +1836,7 @@ var X_Node__updateRawNode =
elm.setAttribute( 'class', that[ '_className' ] ) :
( elm.className = that[ '_className' ] )
) :
- ( elm.className && elm.removeAttribute( X_UA[ 'IE' ] < 8 ? 'className' : 'class' ) ); // className 㯠ie7-
+ ( elm.className && elm.removeAttribute( X_UA[ 'IE' ] < 8 ? 'className' : 'class' ) ); // className 㯠ie7-
};
// attr
@@ -1763,6 +1886,19 @@ var X_Node__updateRawNode =
delete that[ '_newAttrs' ];
};
+ if( accumulatedFlags & X_NodeFlags_IE8_OPACITY_FIX ){
+ if( 0 <= currentOpcity ){
+ f = true;
+ that[ '_css' ].opacity = ie8AccumulatedOpcity;
+ if( that[ '_flags' ] & X_NodeFlags_DIRTY_CSS ){
+ that[ '_flags' ] |= X_NodeFlags_OLD_CSSTEXT;
+ } else
+ if( !( that[ '_flags' ] & X_NodeFlags_DIRTY_IE_FILTER ) ){
+ that[ '_flags' ] |= X_NodeFlags_DIRTY_IE_FILTER;
+ };
+ };
+ };
+
// style
if( that[ '_flags' ] & X_NodeFlags_DIRTY_CSS ){
if( that[ '_flags' ] & X_NodeFlags_OLD_CSSTEXT ? X_Node_CSS_objToCssText( that ) : that[ '_cssText' ] ){
@@ -1785,6 +1921,15 @@ var X_Node__updateRawNode =
};
};
+ /*
+ * http://jsdo.it/esukei/imOL
+ * IE8ã§ã®filter:alphaç¶æ¿
+ * IE8ã§filter:alphaã®æå®ãposition:relative,position:absoluteã®åè¦ç´ ã«ç¶æ¿ãããªãåé¡
+ */
+ if( f ){
+ that[ '_css' ].opacity = currentOpcity;
+ };
+
that[ '_flags' ] &= X_Node_BitMask_RESET_DIRTY;
}) :
X_UA_DOM.IE4 ?
@@ -1959,7 +2104,7 @@ var X_Node__actualRemove =
that[ '_listeners' ] && X_EventDispatcher_toggleAllEvents( that, false );// ã¤ãã³ãã®éé¿
that[ '_flags' ] &= ~X_NodeFlags_ACTUAL_LISTENING;
};
-
+
// ie5ã§ã¯ filter ã®å¹ãã¦ããè¦ç´ ãremoveæã«ç ´æ£ãã¦ãå度append æã«æ°è¦çæãã
// ã¡ãªã¿ã« elm.filters ã«è§¦ã㨠ie8 ã§ãªããã«ã©ã è½ã¡ãçºçããã
if( X_Node_displayNoneFixForIE5 ){
@@ -1979,7 +2124,7 @@ var X_Node__actualRemove =
if( !that[ '_attrs' ] ) that[ '_attrs' ] = {};
that[ '_attrs' ].selectedIndex = elm.selectedIndex;
};
- if( that[ '_tag' ] === 'INPUT' && that._attr && ( that._attr.type === 'checkbox' || that._attr.type === 'radio' ) && ( !that[ '_newAttrs' ] || !X_Object_inObject( 'checked', that[ '_newAttrs' ] ) ) ){
+ if( that[ '_tag' ] === 'INPUT' && that[ '_attrs' ] && ( that[ '_attrs' ].type === 'checkbox' || that[ '_attrs' ].type === 'radio' ) && ( !that[ '_newAttrs' ] || !X_Object_inObject( 'checked', that[ '_newAttrs' ] ) ) ){
if( !that[ '_attrs' ] ) that[ '_attrs' ] = {};
that[ '_attrs' ].checked = elm.checked;
};
@@ -2022,7 +2167,7 @@ var X_Node__actualRemove =
if( !that[ '_attrs' ] ) that[ '_attrs' ] = {};
that[ '_attrs' ].selectedIndex = elm.selectedIndex;
};
- if( that[ '_tag' ] === 'INPUT' && that._attr && ( that._attr.type === 'checkbox' || that._attr.type === 'radio' ) && ( !that[ '_newAttrs' ] || !X_Object_inObject( 'checked', that[ '_newAttrs' ] ) ) ){
+ if( that[ '_tag' ] === 'INPUT' && that[ '_attrs' ] && ( that[ '_attrs' ].type === 'checkbox' || that[ '_attrs' ].type === 'radio' ) && ( !that[ '_newAttrs' ] || !X_Object_inObject( 'checked', that[ '_newAttrs' ] ) ) ){
if( !that[ '_attrs' ] ) that[ '_attrs' ] = {};
that[ '_attrs' ].checked = elm.checked;
};