_isNew : false,\r
\r
_rawNode : null,\r
+ _rect : null, // \r
+ \r
_root : null, // xnode が文書ツリーに属しているか?はこれを見る\r
parent : null, // remove された枝も親子構造は維持している。\r
_xnodes : null,\r
if( v === window ) return Node.IS_WINDOW;\r
if( v === document ) return Node.IS_DOCUMENT;\r
if( v.constructor === window.Image ) return Node.IS_IMAGE;\r
- if( X.UA.Safari && X.UA.Safari < 3 ){\r
+ if( X.UA.WebKit < 525.13 ){ // Safari3-\r
if( v.src !== undefined && v.onload !== undefined && X.Type.isNumber( v.height ) && X.Type.isNumber( v.width ) && X.Type.isBoolean( v.complete ) ){\r
return Node.IS_IMAGE;\r
};\r
this._root && this._reserveUpdate();\r
return xnode;\r
};\r
+Node.prototype.createAt = function( index, tag, opt_attrs, opt_css ){\r
+ // TODO\r
+};\r
\r
/* --------------------------------------\r
* CreateText\r
this._xnodes[ this._xnodes.length ] = xnode;\r
return xnode;\r
};\r
+Node.prototype.createTextAt = function( index, text ){\r
+ // TODO\r
+};\r
\r
/* --------------------------------------\r
* Clone\r
/* --------------------------------------\r
* Before , After, Replace\r
*/\r
-Node.prototype.before = function( v ){\r
- var parent, l, start;\r
- if( !( parent = this.parent ) ) return this;\r
+Node.prototype.before = Node.prototype.prevNode = function( v ){\r
+ var parent = this.parent, xnodes, i, l, start;\r
+ \r
+ // getter\r
+ if( v === undefined ){\r
+ if( !parent ) return;\r
+ xnodes = parent._xnodes;\r
+ i = xnodes.indexOf( this );\r
+ return 0 < i ? xnodes[ i - 1 ] : v;\r
+ };\r
+ \r
+ if( !parent ) return this;\r
\r
l = arguments.length;\r
start = this.getOrder();\r
return this;\r
};\r
\r
-Node.prototype.after = function( v ){\r
- var parent, l, i, start;\r
- if( !( parent = this.parent ) ) return this;\r
+Node.prototype.after = Node.prototype.nextNode = function( v ){\r
+ var parent = this.parent, xnodes, i, l, start;\r
+ \r
+ // getter\r
+ if( v === undefined ){\r
+ if( !parent ) return;\r
+ xnodes = parent._xnodes;\r
+ i = xnodes.indexOf( this );\r
+ return ++i < xnodes.length ? xnodes[ i ] : v;\r
+ };\r
+ \r
+ if( !parent ) return this;\r
\r
l = arguments.length;\r
start = this.getOrder() + 1;\r
/* --------------------------------------\r
* destory\r
*/\r
+Node._destroyChildFlag = false; // TODO\r
+\r
Node.prototype.destroy = function( isChild ){\r
var xnodes = this._xnodes, i, elm;\r
\r
\r
\r
/* --------------------------------------\r
- * prevNode, nextNode, firstChild, lastChild\r
+ * firstChild, lastChild\r
*/\r
-\r
-Node.prototype.prevNode = function(){\r
- var parent = this.parent, xnodes, index;\r
- if( !parent ) return;\r
- xnodes = parent._xnodes;\r
- index = xnodes.indexOf( this );\r
- if( 0 < index ) return xnodes[ index - 1 ];\r
-};\r
-Node.prototype.nextNode = function(){\r
- var parent = this.parent, xnodes, index;\r
- if( !parent ) return;\r
- xnodes = parent._xnodes;\r
- index = xnodes.indexOf( this );\r
- if( index + 1 < xnodes.length ) return xnodes[ index + 1 ];\r
-};\r
Node.prototype.firstChild = function(){\r
return this.getChildAt( 0 );\r
};\r
Node.prototype.removeClass = function( v ){\r
var _ = ' ',\r
className = this._className,\r
- names = v.split( ' ' ),\r
+ names = v.split( _ ),\r
classNames, i, f, j;\r
if( !className ) return this;\r
for( classNames = className.split( _ ), i = classNames.length; i; ){\r
};\r
};\r
};\r
- return f ? this.className( classNames.join( ' ' ) ) : this;\r
+ return f ? this.className( classNames.join( _ ) ) : this;\r
};\r
-Node.prototype.toggleClass = function( v ){\r
-\r
+Node.prototype.toggleClass = function( v, opt_toggle ){\r
+ var names, i, name;\r
+ if( opt_toggle !== undefined ){\r
+ return !!opt_toggle ? this.addClass( v ) : this.removeClass( v ); \r
+ };\r
+ names = v.split( ' ' );\r
+ for( i = names.length; i; ){\r
+ name = names[ --i ];\r
+ this.hassClass( name ) ? this.removeClass( name ) : this.addClass( name );\r
+ };\r
+ return this;\r
};\r
Node.prototype.hasClass = function( v ){\r
var _ = ' ',\r
* \r
* state:\r
* 0 : no_rawnode\r
- * 1 : not_added\r
+ * 1 : no_parent\r
+ * 2 : no_root\r
* 3 : dirty\r
* 4 : clean\r
* \r
// https://developer.mozilla.org/ja/docs/DOM/DOM_event_reference/mousewheel\r
\r
// TODO\r
+ // axis\r
// https://w3g.jp/blog/tools/wheelevent_crossbrowser\r
// ホイール系イベント2014年版クロスブラウザ\r
if( e.wheelDeltaY !== undefined ){\r
X.Dom.Event.RenameTo = {};\r
// https://github.com/georgeadamson/jQuery.prefixfree-events/blob/master/jQuery.prefixfree-events.js\r
\r
-// TODO DOMMoseScroll\r
+// DOMMoseScroll\r
+if( X.UA.Gecko && window.MouseScrollEvent ){\r
+ if( 2 <= X.UA.Gecko || ( 1.9 < X.UA.Gecko && 1 <= X.UA.GeckoPatch ) ){ // Gecko 1.9.1+ (firefox3.5+)\r
+ console.log( 'mousewheel <= MozMousePixelScroll' );\r
+ X.Dom.Event.Rename[ 'mousewheel' ] = 'MozMousePixelScroll';\r
+ } else\r
+ if( 0.9 < X.UA.Gecko && 7 <= X.UA.GeckoPatch ){ // Gecko 0.9.7+ (NN6.2+?)\r
+ console.log( 'mousewheel <= DOMMouseScroll' );\r
+ X.Dom.Event.Rename[ 'mousewheel' ] = 'DOMMouseScroll';\r
+ };\r
+};\r
\r
if( window.onwebkitanimationend !== undefined && window.onanimationend === undefined ){\r
console.log( 'animationend <= webkitAnimationEnd' );\r
- X.Dom.Event.Rename[ 'animationend' ] = 'webkitAnimationEnd';\r
- X.Dom.Event.RenameTo[ 'webkitAnimationEnd' ] = 'animationend';\r
- X.Dom.Event.Rename[ 'animationstart' ] = 'webkitAnimationStart';\r
- X.Dom.Event.RenameTo[ 'webkitAnimationStart' ] = 'animationstart';\r
- X.Dom.Event.Rename[ 'animationiteration' ] = 'webkitAnimationIteration';\r
- X.Dom.Event.RenameTo[ 'webkitAnimationIteration' ] = 'animationiteration';\r
+ X.Dom.Event.Rename[ 'animationend' ] = 'webkitAnimationEnd';\r
+ X.Dom.Event.Rename[ 'animationstart' ] = 'webkitAnimationStart';\r
+ X.Dom.Event.Rename[ 'animationiteration' ] = 'webkitAnimationIteration';\r
} else\r
if( window.onoanimationend !== undefined && window.onanimationend === undefined ){\r
console.log( 'animationend <= oAnimationEnd' );\r
- X.Dom.Event.Rename[ 'animationend' ] = 'oAnimationEnd';\r
- X.Dom.Event.RenameTo[ 'oAnimationEnd' ] = 'animationend';\r
- X.Dom.Event.Rename[ 'animationstart' ] = 'oAnimationStart';\r
- X.Dom.Event.RenameTo[ 'oAnimationStart' ] = 'animationstart';\r
- X.Dom.Event.Rename[ 'animationiteration' ] = 'oAnimationIteration';\r
- X.Dom.Event.RenameTo[ 'oAnimationIteration' ] = 'animationiteration';\r
+ X.Dom.Event.Rename[ 'animationend' ] = 'oAnimationEnd';\r
+ X.Dom.Event.Rename[ 'animationstart' ] = 'oAnimationStart';\r
+ X.Dom.Event.Rename[ 'animationiteration' ] = 'oAnimationIteration';\r
} else\r
/*\r
if( window.onmozanimationend !== undefined && window.onanimationend === undefined ){\r
} else*/\r
if( document.documentElement && document.documentElement.style.msAnimation !== undefined && document.documentElement.style.animation === undefined ){ //document.documentElement.style.msAnimation \r
console.log( 'animationend <= MSAnimationEnd' );\r
- X.Dom.Event.Rename[ 'animationend' ] = 'MSAnimationEnd';\r
- X.Dom.Event.RenameTo[ 'MSAnimationEnd' ] = 'animationend';\r
- X.Dom.Event.Rename[ 'animationstart' ] = 'MSAnimationStart';\r
- X.Dom.Event.RenameTo[ 'MSAnimationStart' ] = 'animationstart';\r
- X.Dom.Event.Rename[ 'animationiteration' ] = 'MSAnimationIteration';\r
- X.Dom.Event.RenameTo[ 'MSAnimationIteration' ] = 'animationiteration';\r
+ X.Dom.Event.Rename[ 'animationend' ] = 'MSAnimationEnd';\r
+ X.Dom.Event.Rename[ 'animationstart' ] = 'MSAnimationStart';\r
+ X.Dom.Event.Rename[ 'animationiteration' ] = 'MSAnimationIteration';\r
};\r
// https://developer.mozilla.org/en-US/docs/Web/Events/transitionend\r
// chrome1+, firefox4+, IE10+, Opera10.5+, Safari3.2+, Android2.1+\r
if( window.onwebkittransitionend !== undefined && window.ontransitionend === undefined ){\r
console.log( 'transitionend <= webkitTransitionEnd' );\r
- X.Dom.Event.Rename[ 'transitionend' ] = 'webkitTransitionEnd';\r
- X.Dom.Event.RenameTo[ 'webkitTransitionEnd' ] = 'transitionend';\r
+ X.Dom.Event.Rename[ 'transitionend' ] = 'webkitTransitionEnd';\r
} else\r
if( window.onotransitionend !== undefined && window.ontransitionend === undefined ){\r
if( X.UA.Opera < 12 ){\r
console.log( 'transitionend <= oTransitionEnd|ver.' + X.UA.Opera );\r
- X.Dom.Event.Rename[ 'transitionend' ] = 'oTransitionEnd';\r
- X.Dom.Event.RenameTo[ 'oTransitionEnd' ] = 'transitionend';\r
+ X.Dom.Event.Rename[ 'transitionend' ] = 'oTransitionEnd';\r
} else {\r
console.log( 'transitionend <= otransitionEnd|ver.' + X.UA.Opera );\r
- X.Dom.Event.Rename[ 'transitionend' ] = 'otransitionEnd';\r
- X.Dom.Event.RenameTo[ 'otransitionEnd' ] = 'transitionend';\r
+ X.Dom.Event.Rename[ 'transitionend' ] = 'otransitionEnd';\r
};\r
} else\r
if( window.onmoztransitionend !== undefined && window.ontransitionend === undefined ){\r
console.log( 'transitionend <= mozTransitionEnd' );\r
- X.Dom.Event.Rename[ 'transitionend' ] = 'mozTransitionEnd';\r
- X.Dom.Event.RenameTo[ 'mozTransitionEnd' ] = 'transitionend';\r
+ X.Dom.Event.Rename[ 'transitionend' ] = 'mozTransitionEnd';\r
};\r
\r
\r
if( navigator.msPointerEnabled && !navigator.pointerEnabled ){\r
console.log( 'pointerdown <= MSPointerDown' );\r
- X.Dom.Event.Rename[ 'pointerdown' ] = 'MSPointerDown';\r
- X.Dom.Event.RenameTo[ 'MSPointerDown' ] = 'pointerdown';\r
- X.Dom.Event.Rename[ 'pointerup' ] = 'MSPointerUp';\r
- X.Dom.Event.RenameTo[ 'MSPointerUp' ] = 'pointerup';\r
- X.Dom.Event.Rename[ 'pointermove' ] = 'MSPointerMove';\r
- X.Dom.Event.RenameTo[ 'MSPointerMove' ] = 'pointermove';\r
- X.Dom.Event.Rename[ 'pointercancel' ] = 'MSPointerCancel';\r
- X.Dom.Event.RenameTo[ 'MSPointerCancel' ] = 'pointercancel';\r
+ X.Dom.Event.Rename[ 'pointerdown' ] = 'MSPointerDown';\r
+ X.Dom.Event.Rename[ 'pointerup' ] = 'MSPointerUp';\r
+ X.Dom.Event.Rename[ 'pointermove' ] = 'MSPointerMove';\r
+ X.Dom.Event.Rename[ 'pointercancel' ] = 'MSPointerCancel';\r
};\r
\r
-\r
+(function( rename, renameTo ){\r
+ for( var k in rename ){\r
+ renameTo[ rename[ k ] ] = k;\r
+ };\r
+})( X.Dom.Event.Rename, X.Dom.Event.RenameTo );\r
\r
X.Dom.Node.prototype.listen = function( type /* , arg1, arg2, arg3[ listener || ( context + function ) || function ][ arguments ] */ ){\r
if( this._xnodeType === 0 || this._xnodeType === 3 ) return this;\r
// Days on the Moon DOM Events とブラウザの実装 \r
// http://nanto.asablo.jp/blog/2007/03/23/1339502\r
// Safari 2 では関数オブジェクトしか EventListener として使えませんが、Safari のナイトリービルドでは handleEvent メソッドを持つオブジェクトも EventListener として使えるようです。\r
- X.Dom.EVENT_W3C && X.UA.Safari && X.UA.Safari < 3 ?\r
+ X.Dom.EVENT_W3C && ( X.UA.WebKit < 525.13 || X.UA.Opera7 ) ? // Safari3-\r
(function( type ){\r
var raw = this._rawNode;\r
if( !raw ) return;\r
this._handleEvent = this._handleEvent || X.Callback.create( this );\r
- if( this._xnodeType === 4 ){ // Image\r
- raw[ 'on' + type ] = this._handleEvent;\r
- } else {\r
+ if( raw.addEventListener ){\r
raw.addEventListener( type, this._handleEvent, false );\r
- };\r
- }) :\r
- X.Dom.EVENT_W3C && X.UA.Opera7 ?\r
- (function( type ){\r
- var raw = this._rawNode;\r
- if( !raw ) return;\r
- this._handleEvent = this._handleEvent || X.Callback.create( this );\r
- if( raw === window ){\r
- raw[ 'on' + type ] = this._handleEvent;\r
} else {\r
- raw.addEventListener( type, this._handleEvent, false );\r
+ // Safari は Image, Opera7 は window\r
+ raw[ 'on' + type ] = this._handleEvent;\r
};\r
}) :\r
X.Dom.EVENT_W3C ?\r
}) :\r
X.Dom.EVENT_IE ?\r
(function( type ){\r
- if( !this._rawNode ) return;\r
+ var raw = this._rawNode;\r
+ if( !raw ) return;\r
this._handleEvent = this._handleEvent || X.Callback.create( this );\r
- this._rawNode.attachEvent( 'on' + type, this._handleEvent );\r
+ if( raw.attachEvent ){\r
+ raw.attachEvent( 'on' + type, this._handleEvent );\r
+ } else {\r
+ raw[ 'on' + type ] = this._handleEvent;\r
+ };\r
}) :\r
(function( type ){\r
- var elm = this._rawNode || ( this._ie4getRawNode && this._ie4getRawNode() );\r
- if( !elm ) return;\r
- this._handleEvent = elm[ 'on' + type ] = this._handleEvent || X.Callback.create( this );\r
+ var raw = this._rawNode || ( this._ie4getRawNode && this._ie4getRawNode() );\r
+ if( !raw ) return;\r
+ raw[ 'on' + type ] = this._handleEvent = this._handleEvent || X.Callback.create( this );\r
});\r
\r
\r
};\r
\r
X.Dom.Node.prototype._removeEvent =\r
- X.Dom.EVENT_W3C && X.UA.Safari && X.UA.Safari < 3 ?\r
+ X.Dom.EVENT_W3C && ( X.UA.WebKit < 525.13 || X.UA.Opera7 ) ? // Safari3-\r
(function( type ){\r
var raw = this._rawNode;\r
if( !raw ) return;\r
\r
- if( this._xnodeType === 4 ){ // Image\r
- raw[ 'on' + type ] = '';\r
- } else {\r
+ if( raw.addEventListener ){ // Image\r
raw.removeEventListener( type, this._handleEvent, false );\r
- };\r
- if( !this._listeners ){\r
- X.Callback._correct( this._handleEvent );\r
- delete this._handleEvent;\r
- };\r
- }) :\r
- X.Dom.EVENT_W3C && X.UA.Opera7 ?\r
- (function( type ){\r
- var raw = this._rawNode;\r
- if( !raw ) return;\r
- \r
- if( raw === window ){\r
- raw[ 'on' + type ] = null;\r
} else {\r
- raw.removeEventListener( type, this._handleEvent, false );\r
+ raw[ 'on' + type ] = null;\r
};\r
if( !this._listeners ){\r
X.Callback._correct( this._handleEvent );\r
}) :\r
X.Dom.EVENT_W3C ?\r
(function( type ){\r
- var elm = this._rawNode;\r
- if( !elm ) return;\r
- elm.removeEventListener( X.Dom.Event.Rename[ type ] || type, this, false );\r
+ var raw = this._rawNode;\r
+ if( !raw ) return;\r
+ raw.removeEventListener( X.Dom.Event.Rename[ type ] || type, this, false );\r
}) :\r
X.Dom.EVENT_IE ?\r
(function( type ){\r
- var elm = this._rawNode;\r
- if( !elm ) return;\r
- elm.detachEvent( 'on' + type, this._handleEvent );\r
+ var raw = this._rawNode;\r
+ if( !raw ) return;\r
+ if( raw.attachEvent ){\r
+ raw.detachEvent( 'on' + type, this._handleEvent );\r
+ } else {\r
+ raw[ 'on' + type ] = X.emptyFunction;\r
+ raw[ 'on' + type ] = '';\r
+ };\r
if( !this._listeners ){\r
X.Callback._correct( this._handleEvent );\r
delete this._handleEvent;\r
};\r
}) :\r
(function( type ){\r
- var elm = this._rawNode || ( this._ie4getRawNode && this._ie4getRawNode() );\r
- if( !elm ) return;\r
- elm[ 'on' + type ] = X.emptyFunction;\r
- elm[ 'on' + type ] = '';\r
+ var raw = this._rawNode || ( this._ie4getRawNode && this._ie4getRawNode() );\r
+ if( !raw ) return;\r
+ raw[ 'on' + type ] = X.emptyFunction;\r
+ raw[ 'on' + type ] = '';\r
if( !this._listeners ){\r
X.Callback._correct( this._handleEvent );\r
delete this._handleEvent;\r
\r
// Is this in regard to the Safari 1.x preventDefault bug on click/dblclick?\r
// https://groups.google.com/forum/#!msg/comp.lang.javascript/uYEuCHjHxnw/yKoHtZJPa1QJ\r
-\r
X.Dom.Node.prototype.handleEvent =\r
- X.Dom.EVENT_W3C ?\r
+ X.UA.IE < 9 ? // ie45678 EVENT_IE & EVENT_DOM0 for ie4\r
+ (function(){\r
+ var ret = X.EventDispatcher.prototype.dispatch.call( this, new X.Dom.Event( event, this, this._rawNode ) );\r
+\r
+ if( ret & X.Callback.STOP_PROPAGATION ){\r
+ event.cancelBubble = true;\r
+ };\r
+ if( ret & X.Callback.PREVENT_DEFAULT ){\r
+ this._tag === 'A' && this._rawNode.blur();\r
+ return event.returnValue = false;\r
+ };\r
+ }) :\r
+ //X.Dom.EVENT_W3C & EVENT_DOM0 for NetFront\r
(function( e ){\r
var ret = X.EventDispatcher.prototype.dispatch.call( this, new X.Dom.Event( e, this ) );\r
\r
if( ret & X.Callback.PREVENT_DEFAULT ){\r
this._tag === 'A' && this._rawNode.blur();\r
e.preventDefault();\r
- if( X.UA.Safari && X.UA.Safari < 3 ){\r
+ if( X.UA.WebKit < 525.13 ){ // Safari3-\r
if( e.type === 'click' || e.type === 'dbclick' ){\r
X.Dom._safariPreventDefault = true;\r
};\r
};\r
return false;\r
};\r
- }) :\r
- (function(){\r
- var ret = X.EventDispatcher.prototype.dispatch.call( this, new X.Dom.Event( event, this, this._rawNode ) );\r
-\r
- if( ret & X.Callback.STOP_PROPAGATION ){\r
- event.cancelBubble = true;\r
- };\r
- if( ret & X.Callback.PREVENT_DEFAULT ){\r
- this._tag === 'A' && this._rawNode.blur();\r
- return event.returnValue = false;\r
- };\r
});\r
\r
\r
type;\r
if( !hash ) return;\r
for( type in hash ){\r
- this._removeEvent( type );\r
+ // 数字イベントの除外\r
+ /*'' + parseFloat( type ) !== type && */this._removeEvent( type );\r
};\r
};\r
\r
type;\r
if( !hash ) return;\r
for( type in hash ){\r
- this._addEvent( type );\r
+ // 数字イベントの除外\r
+ /*'' + parseFloat( type ) !== type && */ this._addEvent( type );\r
};\r
};\r
\r
console.log( 'X.Dom XDomReady ' + X.Dom.readyState );\r
} );\r
\r
-if( X.UA.Safari && X.UA.Safari < 3 ){\r
+if( X.UA.WebKit < 525.13 ){ // Safari3-\r
document.documentElement.onclick =\r
document.documentElement.ondbclick = function( e ){\r
if( X.Dom._safariPreventDefault ){\r