* \r
*/\r
\r
-if( window.addEventListener ){\r
+if( X.Dom.EVENT_W3C ){\r
X.Dom.Event = function( e, xnode ){\r
+ var touch0;\r
//this._event = e;\r
- this.type = e.type;\r
+ this.type = X.Dom.Event.RenameTo[ e.type ] || e.type;\r
\r
//http://www.quirksmode.org/js/events_properties.html\r
- this.target = Node._getXNode( e.target.nodeType === 3 ? e.target.parentNode : e.target );// defeat Safari bug // xnode\r
+ if( e.target ){\r
+ this.target = Node._getXNode( e.target.nodeType === 3 ? e.target.parentNode : e.target );// defeat Safari bug // xnode\r
+ };\r
+ if( e.relatedTarget ){\r
+ this.relatedTarget = Node._getXNode( e.relatedTarget.nodeType === 3 ? e.relatedTarget.parentNode : e.relatedTarget ); // xnode\r
+ };\r
\r
this.currentTarget = xnode; // xnode\r
- this.relatedTarget = Node._getXNode( e.relatedTarget ); // xnode\r
this.eventPhase = e.eventPhase;\r
\r
this.clientX = e.clientX;\r
this.which = e.which || ( e.button + 1 ); // 左:1, 中:2, 右:3\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
this.wheelDeltaX = e.wheelDeltaX / 12;\r
this.wheelDeltaY = e.wheelDeltaY / 12;\r
this.wheelDeltaX = this.wheelDeltaY = 0;\r
};\r
\r
- if( e.constructor === window.TouchEvent ){\r
+ if( /* e.constructor === window.TouchEvent || */ e.touches /* for iOS3.13 */ ){\r
// TouchEvent\r
this.touches = e.touches;\r
this.changedTouches = e.changedTouches;\r
this.targetTouches = e.targetTouches;\r
this.metaKey = e.metaKey;\r
this.force = e.force || e.webkitForce || 0;\r
+ //\r
+ if( this.touches.length ){\r
+ touch0 = this.touches[ 0 ];\r
+ this.clientX = touch0.clientX;\r
+ this.clientY = touch0.clientY;\r
+ this.pageX = touch0.pageX;\r
+ this.pageY = touch0.pageY;\r
+ this.offsetX = touch0.offsetX || touch0.layerX;\r
+ this.offsetY = touch0.offsetY || touch0.layerY;\r
+ };\r
} else\r
if( e.constructor === window.PointerEvent ){\r
// PointerEvent;\r
this.tiltY = e.tiltY;\r
};\r
};\r
+ if( !window.PointerEvent && window.MSPointerEvent ){\r
+ window.PointerEvent = window.MSPointerEvent;\r
+ };\r
} else {\r
X.Dom.Event = function( e, xnode, element ){\r
var btn;\r
\r
\r
\r
- if( X.UA.IE && 5 <= X.UA.IE ){\r
+ if( 5 <= X.UA.IE ){\r
this.offsetX = e.offsetX; // イベントターゲット左上からの座標\r
this.offsetY = e.offsetY; \r
}// else\r
};\r
};\r
\r
-X.Dom.Event.DOM_PRE_INIT = 0;\r
-X.Dom.Event.DOM_INIT = 1;\r
-X.Dom.Event.XDOM_READY = 2;\r
-X.Dom.Event.VIEW_ACTIVATE = 3;\r
-X.Dom.Event.VIEW_DEACTIVATE = 4;\r
-X.Dom.Event.VIEW_RESIZED = 5;\r
-X.Dom.Event.BASE_FONT_RESIZED = 6;\r
+X.Dom.Event.DOM_PRE_INIT = ++X.Event._LAST_EVENT;\r
+X.Dom.Event.DOM_BUILDER_COMPLETE= ++X.Event._LAST_EVENT;\r
+X.Dom.Event.DOM_INIT = ++X.Event._LAST_EVENT;\r
+X.Dom.Event.XDOM_READY = ++X.Event._LAST_EVENT;\r
+X.Dom.Event.VIEW_ACTIVATE = ++X.Event._LAST_EVENT;\r
+X.Dom.Event.VIEW_DEACTIVATE = ++X.Event._LAST_EVENT;\r
+X.Dom.Event.VIEW_RESIZED = ++X.Event._LAST_EVENT;\r
+X.Dom.Event.VIEW_TURNED = ++X.Event._LAST_EVENT;\r
+X.Dom.Event.BASE_FONT_RESIZED = ++X.Event._LAST_EVENT;\r
+// same_page_jump\r
// on_screen_keyboard_show\r
// on_screen_keyboard_hide\r
-X.Dom.Event.BEFORE_UPDATE = 7;\r
-X.Dom.Event.AFTER_UPDATE = 8;\r
+// X.Dom.Event.BEFORE_UPDATE = ++X.Event._LAST_EVENT; // このイベントで要素のサイズを取得すると無限ループに!\r
+X.Dom.Event.AFTER_UPDATE = ++X.Event._LAST_EVENT;\r
// hash_change\r
-X.Dom.Event.BEFORE_UNLOAD = 9;\r
-X.Dom.Event.UNLOAD = 10;\r
-X.Dom.Event.LOAD_BEFORE_STOP = 11;\r
-X.Dom.Event.LOAD_ASSET_STOP = 12;\r
-X.Dom.Event.LOAD_ASSET_COMPLETE = 13;\r
-X.Dom.Event.LOAD_ASSET_ERROR = 14;\r
+X.Dom.Event.BEFORE_UNLOAD = ++X.Event._LAST_EVENT;\r
+X.Dom.Event.UNLOAD = ++X.Event._LAST_EVENT;\r
+X.Dom.Event.LOAD_BEFORE_STOP = ++X.Event._LAST_EVENT;\r
+X.Dom.Event.LOAD_ASSET_STOP = ++X.Event._LAST_EVENT;\r
+X.Dom.Event.LOAD_ASSET_COMPLETE = ++X.Event._LAST_EVENT;\r
+X.Dom.Event.LOAD_ASSET_ERROR = ++X.Event._LAST_EVENT;\r
+\r
+X.Dom.Event.ANIME_BEFORE_START = ++X.Event._LAST_EVENT;\r
+X.Dom.Event.ANIME_START = ++X.Event._LAST_EVENT;\r
+X.Dom.Event.ANIME = ++X.Event._LAST_EVENT;\r
+X.Dom.Event.ANIME_END = ++X.Event._LAST_EVENT;\r
+X.Dom.Event.ANIME_BEFORE_STOP = ++X.Event._LAST_EVENT; // xnode.stop() のみ、指定時間による停止では呼ばれない\r
+X.Dom.Event.ANIME_STOP = ++X.Event._LAST_EVENT;\r
+X.Dom.Event._LAST_EVENT = X.Event._LAST_EVENT; // ここに書いてあるイベントの最後の値 X.Dom.Event.ANIME_STOP と同じ値\r
+\r
+X.Dom.Event.Rename = {};\r
+X.Dom.Event.RenameTo = {};\r
+// https://github.com/georgeadamson/jQuery.prefixfree-events/blob/master/jQuery.prefixfree-events.js\r
+\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
-X.Dom.Event.ANIME_BEFORE_START = 15;\r
-X.Dom.Event.ANIME_START = 16;\r
-X.Dom.Event.ANIME = 17;\r
-X.Dom.Event.ANIME_END = 18;\r
-X.Dom.Event.ANIME_BEFORE_STOP = 19; // xnode.stop() のみ、指定時間による停止では呼ばれない\r
-X.Dom.Event.ANIME_STOP = 20;\r
-X.Dom.Event._LAST_EVENT = 20; // ここに書いてあるイベントの最後の値 X.Dom.Event.ANIME_STOP と同じ値\r
+if( window.onwebkitanimationend !== undefined && window.onanimationend === undefined ){\r
+ console.log( 'animationend <= webkitAnimationEnd' );\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.Rename[ 'animationstart' ] = 'oAnimationStart';\r
+ X.Dom.Event.Rename[ 'animationiteration' ] = 'oAnimationIteration';\r
+} else\r
+/*\r
+if( window.onmozanimationend !== undefined && window.onanimationend === undefined ){\r
+ X.Dom.Event.Rename[ 'animationend' ] = 'mozAnimationEnd';\r
+ X.Dom.Event.RenameTo[ 'mozAnimationEnd' ] = 'animationend';\r
+ X.Dom.Event.Rename[ 'animationstart' ] = 'mozAnimationStart';\r
+ X.Dom.Event.RenameTo[ 'mozAnimationStart' ] = 'animationstart';\r
+ X.Dom.Event.Rename[ 'animationiteration' ] = 'mozAnimationIteration';\r
+ X.Dom.Event.RenameTo[ 'mozAnimationIteration' ] = 'animationiteration';\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.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
+} 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
+ } else {\r
+ console.log( 'transitionend <= otransitionEnd|ver.' + X.UA.Opera );\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
+};\r
\r
\r
-X.Dom.Node.prototype.listen = function( type, arg1, arg2, arg3 /* [ listener || ( context + function ) || function ][ arguments ] */ ){\r
- var elm;\r
- \r
- if( this._xnodeType === 0 || this._xnodeType === 3 || !arg1 ) return this;\r
+if( navigator.msPointerEnabled && !navigator.pointerEnabled ){\r
+ console.log( 'pointerdown <= MSPointerDown' );\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
+(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
\r
- ( !this._listeners || !this._listeners[ type ] ) && this._addEvent( type );\r
+ ( !this._listeners || !this._listeners[ type ] ) && X.Type.isString( type ) && this._addEvent( type );\r
\r
- return typeof arg1 === 'function' ?\r
- X.EventDispatcher.prototype.listen.call( this, type, this, arg1, arg2 ) :\r
- X.EventDispatcher.prototype.listen.apply( this, arguments );\r
+ return X.EventDispatcher.prototype.listen.apply( this, arguments );\r
};\r
\r
X.Dom.Node.prototype._addEvent =\r
- document.removeEventListener ?\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.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( raw.addEventListener ){\r
+ raw.addEventListener( type, this._handleEvent, false );\r
+ } else {\r
+ // Safari は Image, Opera7 は window\r
+ raw[ 'on' + type ] = this._handleEvent;\r
+ };\r
+ }) :\r
+ X.Dom.EVENT_W3C ?\r
(function( type ){\r
- this._rawNode && this._rawNode.addEventListener( type, this, false );\r
+ this._rawNode && this._rawNode.addEventListener( X.Dom.Event.Rename[ type ] || type, this, false );\r
}) :\r
- document.detachEvent ?\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._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
X.EventDispatcher.prototype.unlisten.apply( this, arguments );\r
\r
- l && !list[ type ] && this._removeEvent( type );\r
+ l && !list[ type ] && X.Type.isString( type ) && this._removeEvent( type );\r
\r
return this;\r
};\r
\r
X.Dom.Node.prototype._removeEvent =\r
- document.removeEventListener ?\r
+ X.Dom.EVENT_W3C && ( X.UA.WebKit < 525.13 || X.UA.Opera7 ) ? // Safari3-\r
(function( type ){\r
- var elm = this._rawNode;\r
- if( !elm ) return;\r
- elm.removeEventListener( type, this, false );\r
+ var raw = this._rawNode;\r
+ if( !raw ) return;\r
+ \r
+ if( raw.addEventListener ){ // Image\r
+ raw.removeEventListener( type, this._handleEvent, false );\r
+ } else {\r
+ raw[ 'on' + type ] = null;\r
+ };\r
+ if( !this._listeners ){\r
+ X.Callback._correct( this._handleEvent );\r
+ delete this._handleEvent;\r
+ };\r
+ }) :\r
+ X.Dom.EVENT_W3C ?\r
+ (function( type ){\r
+ var raw = this._rawNode;\r
+ if( !raw ) return;\r
+ raw.removeEventListener( X.Dom.Event.Rename[ type ] || type, this, false );\r
}) :\r
- document.detachEvent ?\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();\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
});\r
\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
X.Dom.Node.prototype.handleEvent =\r
- document.removeEventListener ?\r
- (function( e ){\r
- var ret = X.EventDispatcher.prototype.dispatch.call( this, new X.Dom.Event( e, this ) );\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
- e.stopPropagation();\r
+ event.cancelBubble = true;\r
};\r
if( ret & X.Callback.PREVENT_DEFAULT ){\r
this._tag === 'A' && this._rawNode.blur();\r
- e.preventDefault();\r
- return false;\r
+ return event.returnValue = false;\r
};\r
}) :\r
- (function(){\r
- var ret = X.EventDispatcher.prototype.dispatch.call( this, new X.Dom.Event( event, this, this._rawNode ) );\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.STOP_PROPAGATION ){\r
- event.cancelBubble = true;\r
+ e.stopPropagation();\r
};\r
if( ret & X.Callback.PREVENT_DEFAULT ){\r
this._tag === 'A' && this._rawNode.blur();\r
- return event.returnValue = false;\r
+ e.preventDefault();\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
\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
-\r
-\r
/* -----------------------------------------------\r
* Document Ready\r
* Dean Edwards/Matthias Miller/John Resig\r
*/\r
+\r
+// SafariでJavaScriptのデバッグをする方法\r
+// safari1.3 可\r
+// http://shimax.cocolog-nifty.com/search/2006/09/safarijavascrip_c54d.html\r
+\r
/* for ie9+/Mozilla/Opera9 */\r
-if( document.addEventListener ){\r
- X.Dom.Node._document.listenOnce( 'DOMContentLoaded', X.Dom._init );\r
+if( X.Dom.EVENT_W3C ){\r
+ Node._document.listenOnce( 'DOMContentLoaded', X.Dom._init );\r
} else\r
-if( 5 <= X.UA.IE && X.inHead ){\r
+if( 6 <= X.UA.IE && X.inHead ){\r
// if this script in Head\r
document.write( "<script id=__ie_onload defer src=javascript:void(0)><\/script>" );\r
X.Dom._script = document.getElementById( "__ie_onload" );\r
X.Dom._script.onreadystatechange = function(){\r
- this.readyState === 'complete' && X.Dom._init();\r
+ var s = X.Dom._script;\r
+ if( s && s.readyState === 'complete' ){\r
+ s.onreadystatechange = X.emptyFunction;\r
+ s.onreadystatechange = null;\r
+ s.parentNode.removeChild( s );\r
+ delete X.Dom._script;\r
+ X.Dom._init && X.Dom._init();\r
+ };\r
};\r
-} else\r
-if( X.UA.WebKit ){ // sniff\r
+};\r
+// Re: onLoad doesn't work with Safari?\r
+// http://lists.apple.com/archives/web-dev/2003/Oct/msg00036.html\r
+if( X.UA.WebKit || ( X.UA.Safari && X.UA.Safari < 3 ) ){ // sniff\r
X.Timer.add( 10, function(){\r
if( !X.Dom._init ) return X.Callback.UN_LISTEN;\r
if( 'loaded|complete'.indexOf( document.readyState ) !== -1 ) return X.Dom._init();\r
};\r
\r
/* for other browsers */\r
-X.Dom.Node._window.listenOnce( 'load', X.Dom._init );\r
-\r
+Node._window.listenOnce( 'load', X.Dom._init );\r
//\r
-X.Dom.listenOnce( X.Dom.Event.XDOM_READY, function(e){ console.log( 'X.Dom XDomReady ' + X.Dom.readyState ); } );\r
-\r
-X.Dom.listenOnce( X.Dom.Event.VIEW_RESIZED, function(e){ console.log( 'X.Dom VIEW_RESIZED ' + e.w + 'x' + e.h ); } );\r
-\r
-\r
-/* --------------------------------------\r
- * load\r
- */\r
-X.Dom.listenOnce( X.Dom.Event.DOM_INIT, function(){\r
- \r
- Node._html = document.documentElement ?\r
- new Node( document.documentElement ) :\r
- document.getElementsByTagName ?\r
- new Node( document.getElementsByTagName( 'html' )[ 0 ] ) :\r
- document.all ?\r
- new Node( document.all.tags( 'html' )[ 0 ] ) :\r
- null;\r
+X.Dom.listenOnce( X.Dom.Event.XDOM_READY, function(e){\r
+ console.log( 'X.Dom XDomReady ' + X.Dom.readyState );\r
+} );\r
\r
- var r = Node.root = new Node( document.body ),\r
- body = r._rawNode,\r
- createTree, xnodes, s, i, n = 0;\r
- r.appendTo = r.appendToRoot = r.before = r.after = r.clone = r.remove = r.destroy = r.prevNode = r.nextNode = new Function( 'return this' );\r
- \r
- r._root = Node._html._root = r;\r
- r.parent = Node._html;\r
- Node._html._xnodes = [ r ];\r
- //r.width = new Function( 'return X.Dom.getSize()[ 0 ]' );\r
- //r.height = new Function( 'return X.Dom.getSize()[ 1 ]' );\r
- \r
- // todo: cleanup tree\r
- \r
- \r
- \r
- \r
- body.childNodes && (function( elm, skip, head ){\r
- var me = arguments.callee,\r
- moveToHead = 'style,bgsound,area,base,meta'.split( ',' ),\r
- remove = 'script,noscript,noframes,comment,!,noembed,nolayer'.split( ',' ),\r
- noncleanup = 'pre,textarea,code,kbd,samp,xmp,plaintext,listing'.split( ',' ),\r
- nodes = X.copyArray( elm.childNodes ),\r
- i = 0,\r
- l = nodes.length,\r
- node, tag, textNode, content;\r
- for( ; i < l; ++i ){\r
- node = nodes[ i ];\r
- switch( node.nodeType ){\r
- case 1 :\r
- tag = node.tagName.toLowerCase();\r
- if( moveToHead.indexOf( tag ) !== -1 ){\r
- head = head || document.getElementsByTagName( 'head' )[ 0 ];\r
- head.appendChild( node );\r
- continue;\r
- } else\r
- if( remove.indexOf( tag ) !== -1 ){\r
- elm.removeChild( node );\r
- continue;\r
- } else {\r
- // pre タグ以下はスペースの置換は行わない\r
- node.childNodes && node.childNodes.length && me( node, skip || noncleanup.indexOf( tag ) !== -1, head );\r
- };\r
- textNode = false; \r
- break;\r
- case 3 :\r
- content = skip ? node.data : X.Dom.cleanupWhiteSpace( node.data );\r
- //console.log( 'Delete space ' + node.data.length + ' => ' + content.length );\r
- if( !textNode && content !== ' ' && content.length ){\r
- node.data = content;\r
- textNode = node;\r
- break;\r
- } else\r
- if( textNode ){\r
- textNode.data += content; // 直前が TextNode の場合 一本化して削除\r
- };\r
- // ブロック要素直下のスペースだけは削除??\r
- default :\r
- //console.log( 'Remove type: ' + node.nodeType + ' value: ' + node.nodeValue );\r
- elm.removeChild( node );\r
- //++count;\r
+if( X.UA.WebKit < 525.13 ){ // Safari3-\r
+ document.documentElement.onclick =\r
+ document.documentElement.ondbclick = function( e ){\r
+ if( X.Dom._safariPreventDefault ){\r
+ X.Dom._safariPreventDefault = false;\r
+ e.preventDefault();\r
+ return false;\r
};\r
};\r
- })( body );\r
- \r
- createTree =\r
- body.childNodes ?\r
- (function( xnode, childNodes, skipCleanup, textarea ){\r
- var i = 0,\r
- j = 0,\r
- l = childNodes.length,\r
- child, _xnode, f, tag, text, _xtext, doc;\r
- childNodes = X.copyArray( childNodes );\r
-\r
- if( textarea ){\r
- xnode.attr( 'value', xnode.text() ).empty();\r
- return;\r
- };\r
-\r
- for( ; i < l; ++i ){\r
- child = childNodes[ i ];\r
- tag = child.tagName;\r
- if( ( child.nodeType !== 1 && child.nodeType !== 3 ) || tag === '!' || ( tag && tag.charAt( 0 ) === '/' ) ){\r
- child.parentNode.removeChild( child );\r
- continue;\r
- };\r
- f = false;\r
- while( xnode._xnodes && j < xnode._xnodes.length ){\r
- _xnode = xnode._xnodes[ j ];\r
- _xnode.parent = xnode;\r
- \r
- if( _xnode._xnodeType === 1 ){\r
- if( child.nodeType !== 1 ){\r
- if( !( text = child.data ) || ( text = X.Dom.cleanupWhiteSpace( text ) ) === ' ' ){\r
- child.parentNode.removeChild( child );\r
- break;\r
- };\r
- alert( '[' +xnode._tag + '>' +_xnode._tag + '] !== ' + child.nodeType + '\n' + child.data );\r
- ++j;\r
- continue;\r
- };\r
- if( _xnode._tag.toUpperCase() !== tag ){\r
- alert( '[' +xnode._tag + '>' +_xnode._tag + ' ' + (_xnode._xnodes ? _xnode._xnodes.length : '' ) + '] !== ' + tag + ' ' + (child.childNodes ? child.childNodes.length : '' ) + '\n' + child.outerHTML );\r
- ++j;\r
- continue;\r
- } else {\r
- _xnode._rawNode = child;\r
- //if( ( doc = child.ownerDocument || child.document ) && ( doc.createElement( 'p' ).tagName === doc.createElement( 'P' ).tagName ) ){\r
- if( tag.charAt( 0 ) === '/' ) tag = tag.slice( 1 );\r
- _xnode._tag = tag; // .toUpperCase()\r
- //};\r
- _xnode._root = xnode._root;\r
- child.UID = _xnode._uid;\r
- if( 0 <= X.Dom.cleanupTagNames.indexOf( tag.toLowerCase() ) || tag === 'SCRIPT' ){ // ie で body 内の script が2度よばれるのに対処\r
- //alert( '[' +xnode._tag + '>' + _xnode._tag + '] remove ... ' );\r
- _xnode.destroy();\r
- ++n;\r
- continue;\r
- } else {\r
- //alert( '[' +xnode._tag + '>' + _xnode._tag + ' ' + (_xnode._xnodes ? _xnode._xnodes.length : '' ) + '] === ' + tag + ' ' + (child.childNodes ? child.childNodes.length : '' ) + ' Hit\n' + child.outerHTML );\r
- child.childNodes && child.childNodes.length && createTree( _xnode, child.childNodes, skipCleanup || 0 <= X.Dom.skipCleanupTagNames.indexOf( tag.toLowerCase() ), tag === 'TEXTAREA' );\r
- };\r
- _xtext = null;\r
- f = true;\r
- ++j;\r
- break;\r
- };\r
- } else\r
- if( _xnode._xnodeType === 3 ){\r
- \r
- if( child.nodeType !== 3 ){\r
- if( !( text = _xnode._text ) || ( text = X.Dom.cleanupWhiteSpace( text ) ) === ' ' ){\r
- console.log( '[' +xnode._tag + '>' + _xnode._uid + '] destroy ... ' );\r
- _xnode.destroy();\r
- ++n;\r
- continue;\r
- };\r
- alert( xnode._tag + '>' + '"' + _xnode._text + '" !== ' + tag + '\n' + child.outerHTML );\r
- ++j;\r
- continue;\r
- };\r
- \r
- _xnode._rawNode = child;\r
- _xnode._root = xnode._root;\r
- if( !skipCleanup ){\r
- if( !( text = _xnode._text ) || ( text = X.Dom.cleanupWhiteSpace( text ) ) === ' ' ){\r
- console.log( '[' +xnode._tag + '>' + _xnode._uid + '] destroy ... ' );\r
- _xnode.destroy();\r
- ++n;\r
- continue;\r
- };\r
- if( _xtext ){\r
- _xtext.text( _xtext._text + text );\r
- console.log( '[' +xnode._tag + '>' + _xnode._uid + '] xtext,destroy ... ' );\r
- _xnode.destroy();\r
- ++n;\r
- continue;\r
- } else {\r
- //alert( xnode._tag + '>' + '"' + text + '"\n' + child.data );\r
- _xnode.text( text );\r
- };\r
- } else\r
- if( _xtext ){\r
- _xtext.text( _xtext._text + _xnode.text );\r
- console.log( '[' +xnode._tag + '>' + _xnode._uid + '] xtext,destroy ... ' );\r
- _xnode.destroy();\r
- ++n;\r
- continue;\r
- };\r
- _xtext = _xtext || _xnode;\r
- ++j;\r
- break;\r
- } else {\r
- alert( 'no hit!' );\r
- };\r
- ++j;\r
-\r
- }; \r
- //if( !f ) alert( '**** ' + child.outerHTML );\r
- };\r
- while( xnode._xnodes && j < xnode._xnodes.length ){\r
- _xnode = xnode._xnodes[ j ];\r
- _xnode.parent = xnode;\r
- _xnode.destroy();\r
- ++n;\r
- continue;\r
- };\r
- }) :\r
- body.children ? \r
- (function( xnode, children, skipCleanup, textarea ){\r
- var parent = xnode,\r
- xnodes = parent._xnodes,\r
- l = xnodes && xnodes.length,\r
- m = children.length,\r
- i = 0, j = 0, flag = 0,\r
- elm, tag, xtext, text;\r
- //children = X.copyArray( children );\r
-\r
- if( textarea ){\r
- xnode.attr( 'value', xnode.text() ).empty();\r
- return;\r
- };\r
-\r
- for( ; i < xnodes.length; ++i ){\r
- xnode = xnodes[ i ];\r
- xnode.parent = parent;\r
- \r
- if( xnode._xnodeType === 3 ){\r
- //alert( X.Dom.cleanupWhiteSpace( xnode._text ) );\r
- if( !skipCleanup ){\r
- if( !( text = xnode._text ) || ( text = X.Dom.cleanupWhiteSpace( text ) ) === ' ' ){\r
- xnode.destroy();\r
- --i;\r
- } else\r
- if( xtext ){\r
- //alert( 'xtext ' + text.charCodeAt( 0 ) + ' : ' + text.length );\r
- xtext.text( xtext._text + text );\r
- xnode.destroy();\r
- --i;\r
- } else {\r
- //alert( 'xnode ' + text.charCodeAt( 0 ) + ' : ' + text.length );\r
- xnode.text( text );\r
- };\r
- } else\r
- if( xtext ){\r
- //alert( 'skip ' + text.charCodeAt( 0 ) + ' : ' + text.length );\r
- xtext.text( xtext._text + xnode._text );\r
- xnode.destroy();\r
- --i;\r
- };\r
- flag |= 4;\r
- xtext = xtext || xnode;\r
- continue;\r
- };\r
- \r
- if( xnode._xnodeType !== 1 ){\r
- //alert( xnode._xnodeType )\r
- continue;\r
- };\r
- \r
- for( ; j < m; ++j ){\r
- elm = children[ j ];\r
- tag = elm.tagName;\r
- /*\r
- * 未知のタグについては、閉じタグも含めてタグ名扱いになる\r
- */\r
- if( tag === '!' || tag.charAt( 0 ) === '/' ){\r
- //alert( '## ' + tag );\r
- continue;\r
- } else\r
- if( xnode._tag !== tag ){\r
- alert( xnode._tag + ' ' + ' !== ' + tag + '\nxnode.html():' + xnode.attr('cite') + '\nelm.outerHTML:' + elm.outerHTML );\r
- } else {\r
- xnode._rawNode = elm;\r
- xnode._root = parent._root;\r
- //xnode._tag = X.Dom.DTD.TAG_FIX[ tag ] || tag;\r
- if( 0 <= X.Dom.cleanupTagNames.indexOf( tag.toLowerCase() ) || tag === 'SCRIPT' ){\r
- xnode.destroy();\r
- --i;\r
- break;\r
- } else {\r
- xnode._xnodes && xnode._xnodes.length && createTree( xnode, elm.children, skipCleanup || 0 <= X.Dom.skipCleanupTagNames.indexOf( tag.toLowerCase() ), tag === 'TEXTAREA' );\r
- \r
- !xnode._id && elm.setAttribute( 'id', 'ie4uid' + xnode._uid );//( elm.id = 'ie4uid' + xnode._uid );\r
- elm.setAttribute( 'UID', xnode._uid );\r
- \r
- tag === 'INPUT' && (\r
- !xnode._attrs ?\r
- ( xnode._attrs = { type : 'text' } ) :\r
- ( !xnode._attrs.type ) || ( xnode._attrs.type = 'text' )\r
- );\r
- flag |= 3;\r
- xtext = null;\r
- break;\r
- };\r
- };\r
- };\r
- // for\r
- if( !xnode._rawNode ){\r
- alert( xnode._tag + ' ' + xnode._id + ' !== none...' );\r
- //--i;\r
- };\r
- ++j;\r
- flag &= 6;\r
- };\r
- // textNode がある\r
- ( flag & 6 ) && ( parent._dirty |= X.Dom.Dirty.IE4_TEXTNODE_FIX );\r
- //( flag & 4 ) && ( parent._state |= X.Dom.Dirty.ONLY_TEXTNODE );\r
- }) : 0;\r
- \r
- r._xnodes = xnodes = [];\r
- // body の属性値の取得\r
-\r
- /*\r
- * http://support.microsoft.com/kb/812417/ja\r
- * PRB: outerHTML の HTML 要素のプロパティは、既定の属性は表示されません。\r
- * \r
- * body.innerHTML でなく、 body.outerHTML にはできなかった、、、\r
- */\r
- //var t = X.getTime();\r
- xnodes.push.apply( xnodes, X.Dom.parse( body.innerHTML, true ) );\r
- //alert( X.getTime() - t );\r
- \r
- //alert(body.innerHTML);\r
- \r
- //alert(r.html());\r
- \r
- //t = X.getTime();\r
- createTree( r, body.childNodes || body.children );\r
- //alert( X.getTime() - t );\r
- \r
- i = xnodes.length;\r
- Node._systemNode = s = r.create( 'div' ).className( 'hidden-sysyem-node' );\r
- //alert( i + ' -> ' + xnodes.length );\r
- \r
- Node._fontSizeNode = r.create( 'div' ).className( 'hidden-sysyem-node' ).cssText( 'line-height:1;height:1em;' ).text( 'X' );\r
- \r
- r.appendAt( 0, Node._systemNode, Node._fontSizeNode );\r
- \r
- //t = X.getTime();\r
- r._startUpdate();\r
- //alert( X.getTime() - t );\r
- \r
- //xnodes.splice( xnodes.indexOf( s ), 1 ); // hide from api user\r
- \r
- //alert(n + ' ' + body.innerHTML);\r
- \r
- X.Timer.add( 200, X.Dom.Event._detectFontSize );\r
-} );\r
+};\r
\r
-Node._fontSizeNode = null;\r
+X.Dom.listen( X.Dom.Event.VIEW_RESIZED, function(e){ console.log( 'X.Dom VIEW_RESIZED ' + e.w + 'x' + e.h ); } );\r
\r
-X.Dom.Event._lastFontSize = 0;\r
-X.Dom.Event._detectFontSize = function(){\r
- var size = Node._fontSizeNode._rawNode.offsetHeight;\r
- if( X.Dom.Event._lastFontSize !== size ){\r
- X.Dom.Event._lastFontSize && X.Dom.asyncDispatch( 0, { type : X.Dom.Event.BASE_FONT_RESIZED, size : size } );\r
- X.Dom.Event._lastFontSize = size;\r
- };\r
-};\r