X-Git-Url: http://git.osdn.jp/view?a=blobdiff_plain;f=0.6.x%2Fjs%2Fdom%2F12_XDomEvent.js;h=145054e7793700c0c1f7ffd1edf4b22abd3c3d99;hb=a93316a3916f7aca87b1cf6e4488382b749eca76;hp=d945617db2717d0c7e7441f871bf69cebd9920de;hpb=d0f13b6086143af1a134cf24282e817b5a86ca42;p=pettanr%2FclientJs.git

diff --git a/0.6.x/js/dom/12_XDomEvent.js b/0.6.x/js/dom/12_XDomEvent.js
index d945617..145054e 100644
--- a/0.6.x/js/dom/12_XDomEvent.js
+++ b/0.6.x/js/dom/12_XDomEvent.js
@@ -5,16 +5,20 @@
  * 
  */
 
-if( window.addEventListener ){
+if( X.Dom.EVENT_W3C ){
 	X.Dom.Event = function( e, xnode ){
 		//this._event        = e;
-		this.type          = e.type;
+		this.type          = X.Dom.Event.RenameTo[ e.type ] || e.type;
 		
 		//http://www.quirksmode.org/js/events_properties.html
-		this.target        = Node._getXNode( e.target.nodeType === 3 ? e.target.parentNode : e.target );// defeat Safari bug // xnode
+		if( e.target ){
+			this.target        = Node._getXNode( e.target.nodeType === 3 ? e.target.parentNode : e.target );// defeat Safari bug // xnode
+		};
+		if( e.relatedTarget ){
+			this.relatedTarget = Node._getXNode( e.relatedTarget.nodeType === 3 ? e.relatedTarget.parentNode : e.relatedTarget ); // xnode
+		};
 		
 		this.currentTarget = xnode; // xnode
-		this.relatedTarget = Node._getXNode( e.relatedTarget ); // xnode
 		this.eventPhase    = e.eventPhase;
 		
 		this.clientX       = e.clientX;
@@ -35,6 +39,10 @@ if( window.addEventListener ){
 		this.which         = e.which || ( e.button + 1 ); // 左:1, 中:2, 右:3
 		
 		// https://developer.mozilla.org/ja/docs/DOM/DOM_event_reference/mousewheel
+		
+		// TODO
+		// https://w3g.jp/blog/tools/wheelevent_crossbrowser
+		// ホイール系イベント2014年版クロスブラウザ
 		if( e.wheelDeltaY !== undefined ){
 			this.wheelDeltaX = e.wheelDeltaX / 12;
 			this.wheelDeltaY = e.wheelDeltaY / 12;
@@ -135,40 +143,59 @@ if( window.addEventListener ){
 	};
 };
 
-X.Dom.Event.DOM_PRE_INIT        = 0;
-X.Dom.Event.DOM_INIT            = 1;
-X.Dom.Event.XDOM_READY          = 2;
-X.Dom.Event.VIEW_ACTIVATE       = 3;
-X.Dom.Event.VIEW_DEACTIVATE     = 4;
-X.Dom.Event.VIEW_RESIZED        = 5;
-X.Dom.Event.BASE_FONT_RESIZED   = 6;
+X.Dom.Event.DOM_PRE_INIT        = ++X.Event._LAST_EVENT;
+X.Dom.Event.DOM_BUILDER_COMPLETE= ++X.Event._LAST_EVENT;
+X.Dom.Event.DOM_INIT            = ++X.Event._LAST_EVENT;
+X.Dom.Event.XDOM_READY          = ++X.Event._LAST_EVENT;
+X.Dom.Event.VIEW_ACTIVATE       = ++X.Event._LAST_EVENT;
+X.Dom.Event.VIEW_DEACTIVATE     = ++X.Event._LAST_EVENT;
+X.Dom.Event.VIEW_RESIZED        = ++X.Event._LAST_EVENT;
+X.Dom.Event.BASE_FONT_RESIZED   = ++X.Event._LAST_EVENT;
+// same_page_jump
 // on_screen_keyboard_show
 // on_screen_keyboard_hide
-X.Dom.Event.BEFORE_UPDATE       = 7;
-X.Dom.Event.AFTER_UPDATE        = 8;
+// X.Dom.Event.BEFORE_UPDATE       = ++X.Event._LAST_EVENT; // このイベントで要素のサイズを取得すると無限ループに！
+X.Dom.Event.AFTER_UPDATE        = ++X.Event._LAST_EVENT;
 // hash_change
-X.Dom.Event.BEFORE_UNLOAD       = 9;
-X.Dom.Event.UNLOAD              = 10;
-X.Dom.Event.LOAD_BEFORE_STOP    = 11;
-X.Dom.Event.LOAD_ASSET_STOP     = 12;
-X.Dom.Event.LOAD_ASSET_COMPLETE = 13;
-X.Dom.Event.LOAD_ASSET_ERROR    = 14;
-
-X.Dom.Event.ANIME_BEFORE_START  = 15;
-X.Dom.Event.ANIME_START         = 16;
-X.Dom.Event.ANIME               = 17;
-X.Dom.Event.ANIME_END           = 18;
-X.Dom.Event.ANIME_BEFORE_STOP   = 19; // xnode.stop() のみ、指定時間による停止では呼ばれない
-X.Dom.Event.ANIME_STOP          = 20;
-X.Dom.Event._LAST_EVENT         = 20; // ここに書いてあるイベントの最後の値 X.Dom.Event.ANIME_STOP と同じ値
+X.Dom.Event.BEFORE_UNLOAD       = ++X.Event._LAST_EVENT;
+X.Dom.Event.UNLOAD              = ++X.Event._LAST_EVENT;
+X.Dom.Event.LOAD_BEFORE_STOP    = ++X.Event._LAST_EVENT;
+X.Dom.Event.LOAD_ASSET_STOP     = ++X.Event._LAST_EVENT;
+X.Dom.Event.LOAD_ASSET_COMPLETE = ++X.Event._LAST_EVENT;
+X.Dom.Event.LOAD_ASSET_ERROR    = ++X.Event._LAST_EVENT;
+
+X.Dom.Event.ANIME_BEFORE_START  = ++X.Event._LAST_EVENT;
+X.Dom.Event.ANIME_START         = ++X.Event._LAST_EVENT;
+X.Dom.Event.ANIME               = ++X.Event._LAST_EVENT;
+X.Dom.Event.ANIME_END           = ++X.Event._LAST_EVENT;
+X.Dom.Event.ANIME_BEFORE_STOP   = ++X.Event._LAST_EVENT; // xnode.stop() のみ、指定時間による停止では呼ばれない
+X.Dom.Event.ANIME_STOP          = ++X.Event._LAST_EVENT;
+X.Dom.Event._LAST_EVENT         = X.Event._LAST_EVENT; // ここに書いてあるイベントの最後の値 X.Dom.Event.ANIME_STOP と同じ値
+
+X.Dom.Event.Rename = {};
+X.Dom.Event.RenameTo = {};
+// https://github.com/georgeadamson/jQuery.prefixfree-events/blob/master/jQuery.prefixfree-events.js
+
+if( window.onwebkitanimationend !== undefined && window.onanimationend === undefined ){
+	X.Dom.Event.Rename[ 'animationend' ]               = 'webkitAnimationEnd';
+	X.Dom.Event.RenameTo[ 'webkitAnimationEnd' ]       = 'animationend';
+	X.Dom.Event.Rename[ 'animationstart' ]             = 'webkitAnimationStart';
+	X.Dom.Event.RenameTo[ 'webkitAnimationStart' ]     = 'animationstart';
+	X.Dom.Event.Rename[ 'animationiteration' ]         = 'webkitAnimationIteration';
+	X.Dom.Event.RenameTo[ 'webkitAnimationIteration' ] = 'animationiteration';
+};
 
+if( window.onwebkittransitionend !== undefined && window.ontransitionend === undefined ){
+	X.Dom.Event.Rename[ 'transitionend' ]         = 'webkitTransitionEnd';
+	X.Dom.Event.RenameTo[ 'webkitTransitionEnd' ] = 'transitionend';
+};
 
 X.Dom.Node.prototype.listen = function( type, arg1, arg2, arg3 /* [ listener || ( context + function ) || function ][ arguments ] */ ){
 	var elm;
 	
 	if( this._xnodeType === 0 || this._xnodeType === 3 || !arg1 ) return this;
 	
-	( !this._listeners || !this._listeners[ type ] ) && this._addEvent( type );
+	( !this._listeners || !this._listeners[ type ] ) && X.Type.isString( type ) && this._addEvent( type );
 	
 	return typeof arg1 === 'function' ?
 		X.EventDispatcher.prototype.listen.call( this, type, this, arg1, arg2 ) :
@@ -176,18 +203,43 @@ X.Dom.Node.prototype.listen = function( type, arg1, arg2, arg3 /* [ listener ||
 };
 
 X.Dom.Node.prototype._addEvent =
-	document.removeEventListener ?
+	// Days on the Moon DOM Events とブラウザの実装 
+	// http://nanto.asablo.jp/blog/2007/03/23/1339502
+	// Safari 2 では関数オブジェクトしか EventListener として使えませんが、Safari のナイトリービルドでは handleEvent メソッドを持つオブジェクトも EventListener として使えるようです。
+	X.Dom.EVENT_W3C && X.UA.Safari && X.UA.Safari < 3 ?
 		(function( type ){
-			this._rawNode && this._rawNode.addEventListener( type, this, false );
+			var raw = this._rawNode;
+			if( !raw ) return;
+			this._handleEvent = this._handleEvent || X.Callback.create( this );
+			if( this._xnodeType === 4 ){ // Image
+				raw[ 'on' + type ] = this._handleEvent;
+			} else {
+				raw.addEventListener( type, this._handleEvent, false );
+			};
 		}) :
-	document.detachEvent ?
+	X.Dom.EVENT_W3C && X.UA.Opera7 ?
+		(function( type ){
+			var raw = this._rawNode;
+			if( !raw ) return;
+			this._handleEvent = this._handleEvent || X.Callback.create( this );
+			if( raw === window ){
+				raw[ 'on' + type ] = this._handleEvent;
+			} else {
+				raw.addEventListener( type, this._handleEvent, false );
+			};
+		}) :
+	X.Dom.EVENT_W3C ?
+		(function( type ){
+			this._rawNode && this._rawNode.addEventListener( X.Dom.Event.Rename[ type ] || type, this, false );
+		}) :
+	X.Dom.EVENT_IE ?
 		(function( type ){
 			if( !this._rawNode ) return;
 			this._handleEvent = this._handleEvent || X.Callback.create( this );
 			this._rawNode.attachEvent( 'on' + type, this._handleEvent );
 		}) :
 		(function( type ){
-			var elm = this._ie4getRawNode();
+			var elm = this._rawNode || ( this._ie4getRawNode && this._ie4getRawNode() );
 			if( !elm ) return;
 			this._handleEvent = elm[ 'on' + type ] = this._handleEvent || X.Callback.create( this );
 		});
@@ -199,19 +251,49 @@ X.Dom.Node.prototype.unlisten = function( type /* , arg1, arg2, arg3 */ ){
 	
 	X.EventDispatcher.prototype.unlisten.apply( this, arguments );
 	
-	l && !list[ type ] && this._removeEvent( type );
+	l && !list[ type ] && X.Type.isString( type ) && this._removeEvent( type );
 	
 	return this;
 };
 
 X.Dom.Node.prototype._removeEvent =
-	document.removeEventListener ?
+	X.Dom.EVENT_W3C && X.UA.Safari && X.UA.Safari < 3 ?
+		(function( type ){
+			var raw = this._rawNode;
+			if( !raw ) return;
+			
+			if( this._xnodeType === 4 ){ // Image
+				raw[ 'on' + type ] = '';
+			} else {
+				raw.removeEventListener( type, this._handleEvent, false );
+			};
+			if( !this._listeners ){
+				X.Callback._correct( this._handleEvent );
+				delete this._handleEvent;
+			};
+		}) :
+	X.Dom.EVENT_W3C && X.UA.Opera7 ?
+		(function( type ){
+			var raw = this._rawNode;
+			if( !raw ) return;
+			
+			if( raw === window ){
+				raw[ 'on' + type ] = null;
+			} else {
+				raw.removeEventListener( type, this._handleEvent, false );
+			};
+			if( !this._listeners ){
+				X.Callback._correct( this._handleEvent );
+				delete this._handleEvent;
+			};
+		}) :
+	X.Dom.EVENT_W3C ?
 		(function( type ){
 			var elm = this._rawNode;
 			if( !elm ) return;
-			elm.removeEventListener( type, this, false );
+			elm.removeEventListener( X.Dom.Event.Rename[ type ] || type, this, false );
 		}) :
-	document.detachEvent ?
+	X.Dom.EVENT_IE ?
 		(function( type ){
 			var elm = this._rawNode;
 			if( !elm ) return;
@@ -222,7 +304,7 @@ X.Dom.Node.prototype._removeEvent =
 			};
 		}) :
 		(function( type ){
-			var elm = this._rawNode || this._ie4getRawNode();
+			var elm = this._rawNode || ( this._ie4getRawNode && this._ie4getRawNode() );
 			if( !elm ) return;
 			elm[ 'on' + type ] = X.emptyFunction;
 			elm[ 'on' + type ] = '';
@@ -232,18 +314,25 @@ X.Dom.Node.prototype._removeEvent =
 			};
 		});
 
+// Is this in regard to the Safari 1.x preventDefault bug on click/dblclick?
+// https://groups.google.com/forum/#!msg/comp.lang.javascript/uYEuCHjHxnw/yKoHtZJPa1QJ
 
 X.Dom.Node.prototype.handleEvent =
-	document.removeEventListener ?
+	X.Dom.EVENT_W3C ?
 		(function( e ){
 			var ret = X.EventDispatcher.prototype.dispatch.call( this, new X.Dom.Event( e, this ) );
-
+			
 			if( ret & X.Callback.STOP_PROPAGATION ){
 				e.stopPropagation();
 			};
 			if( ret & X.Callback.PREVENT_DEFAULT ){
 				this._tag === 'A' && this._rawNode.blur();
 				e.preventDefault();
+				if( X.UA.Safari && X.UA.Safari < 3 ){
+					if( e.type === 'click' || e.type === 'dbclick' ){
+						X.Dom._safariPreventDefault = true;
+					};
+				};
 				return false;
 			};
 		}) :
@@ -280,25 +369,37 @@ X.Dom.Node.prototype._restoreEvent = function(){
 	};
 };
 
-
-
 /* -----------------------------------------------
  * Document Ready
  *  Dean Edwards/Matthias Miller/John Resig
  */
+
+// SafariでJavaScriptのデバッグをする方法
+// safari1.3 可
+// http://shimax.cocolog-nifty.com/search/2006/09/safarijavascrip_c54d.html
+
 /* for ie9+/Mozilla/Opera9 */
-if( document.addEventListener ){
-	X.Dom.Node._document.listenOnce( 'DOMContentLoaded', X.Dom._init );
+if( X.Dom.EVENT_W3C ){
+	Node._document.listenOnce( 'DOMContentLoaded', X.Dom._init );
 } else
-if( 5 <= X.UA.IE && X.inHead ){
+if( 6 <= X.UA.IE && X.inHead ){
 	// if this script in Head
 	document.write( "<script id=__ie_onload defer src=javascript:void(0)><\/script>" );
 	X.Dom._script = document.getElementById( "__ie_onload" );
 	X.Dom._script.onreadystatechange = function(){
-		this.readyState === 'complete' && X.Dom._init();
+		var s = X.Dom._script;
+		if( s && s.readyState === 'complete' ){
+			s.onreadystatechange = X.emptyFunction;
+			s.onreadystatechange = null;
+			s.parentNode.removeChild( s );
+			delete X.Dom._script;
+			X.Dom._init && X.Dom._init();
+		};
 	};
-} else
-if( X.UA.WebKit ){ // sniff
+};
+// Re: onLoad doesn't work with Safari?
+// http://lists.apple.com/archives/web-dev/2003/Oct/msg00036.html
+if( X.UA.WebKit || ( X.UA.Safari && X.UA.Safari < 3 ) ){ // sniff
 	X.Timer.add( 10, function(){
 		if( !X.Dom._init ) return X.Callback.UN_LISTEN;
 		if( 'loaded|complete'.indexOf( document.readyState ) !== -1 ) return X.Dom._init();
@@ -306,363 +407,22 @@ if( X.UA.WebKit ){ // sniff
 };
 
 /* for other browsers */
-X.Dom.Node._window.listenOnce( 'load', X.Dom._init );
-
+Node._window.listenOnce( 'load', X.Dom._init );
 //
-X.Dom.listenOnce( X.Dom.Event.XDOM_READY, function(e){ console.log( 'X.Dom XDomReady ' + X.Dom.readyState ); } );
-
-X.Dom.listenOnce( X.Dom.Event.VIEW_RESIZED, function(e){ console.log( 'X.Dom VIEW_RESIZED ' + e.w + 'x' + e.h ); } );
-
-
-/* --------------------------------------
- *  load
- */
-X.Dom.listenOnce( X.Dom.Event.DOM_INIT, function(){
-	
-	Node._html = document.documentElement ?
-			new Node( document.documentElement ) :
-		document.getElementsByTagName ?
-			new Node( document.getElementsByTagName( 'html' )[ 0 ] ) :
-		document.all ?
-			new Node( document.all.tags( 'html' )[ 0 ] ) :
-			null;
+X.Dom.listenOnce( X.Dom.Event.XDOM_READY, function(e){
+	console.log( 'X.Dom XDomReady ' + X.Dom.readyState );
+} );
 
-	var r    = Node.root = new Node( document.body ),
-		body = r._rawNode,
-		createTree, xnodes, s, i, n = 0;
-	r.appendTo = r.appendToRoot = r.before = r.after = r.clone = r.remove = r.destroy = r.prevNode = r.nextNode = new Function( 'return this' );
-	
-	r._root  = Node._html._root = r;
-	r.parent = Node._html;
-	Node._html._xnodes = [ r ];
-	//r.width  = new Function( 'return X.Dom.getSize()[ 0 ]' );
-	//r.height = new Function( 'return X.Dom.getSize()[ 1 ]' );
-	
-	// todo: cleanup tree
-	
-	
-	
-	
-	body.childNodes && (function( elm, skip, head ){
-		var me         = arguments.callee,
-			moveToHead = 'style,bgsound,area,base,meta'.split( ',' ),
-			remove     = 'script,noscript,noframes,comment,!,noembed,nolayer'.split( ',' ),
-			noncleanup = 'pre,textarea,code,kbd,samp,xmp,plaintext,listing'.split( ',' ),
-			nodes      = X.copyArray( elm.childNodes ),
-			i          = 0,
-			l          = nodes.length,
-			node, tag, textNode, content;
-		for( ; i < l; ++i ){
-			node = nodes[ i ];
-			switch( node.nodeType ){
-				case 1 :
-					tag = node.tagName.toLowerCase();
-					if( moveToHead.indexOf( tag ) !== -1 ){
-						head = head || document.getElementsByTagName( 'head' )[ 0 ];
-						head.appendChild( node );
-						continue;
-					} else
-					if( remove.indexOf( tag ) !== -1 ){
-						elm.removeChild( node );
-						continue;
-					} else {
-						// pre タグ以下はスペースの置換は行わない
-						node.childNodes && node.childNodes.length &&  me( node, skip || noncleanup.indexOf( tag ) !== -1, head );
-					};
-					textNode = false;	
-					break;
-				case 3 :
-					content = skip ? node.data : X.Dom.cleanupWhiteSpace( node.data );
-					//console.log( 'Delete space ' + node.data.length + ' => ' + content.length );
-					if( !textNode && content !== ' ' && content.length ){
-						node.data = content;
-						textNode  = node;
-						break;
-					} else
-					if( textNode ){
-						textNode.data += content; // 直前が TextNode の場合 一本化して削除
-					};
-					// ブロック要素直下のスペースだけは削除？？
-				default :
-					//console.log( 'Remove type: ' + node.nodeType + ' value: ' + node.nodeValue );
-					elm.removeChild( node );
-					//++count;
+if( X.UA.Safari && X.UA.Safari < 3 ){
+	document.documentElement.onclick =
+	document.documentElement.ondbclick = function( e ){
+			if( X.Dom._safariPreventDefault ){
+				X.Dom._safariPreventDefault = false;
+				e.preventDefault();
+				return false;
 			};
 		};
-	})( body );
-	
-	createTree =
-		body.childNodes ?
-			(function( xnode, childNodes, skipCleanup, textarea ){
-				var i = 0,
-					j = 0,
-					l = childNodes.length,
-					child, _xnode, f, tag, text, _xtext, doc;
-				childNodes = X.copyArray( childNodes );
-
-				if( textarea ){
-					xnode.attr( 'value', xnode.text() ).empty();
-					return;
-				};
-
-				for( ; i < l; ++i ){
-					child = childNodes[ i ];
-					tag   = child.tagName;
-					if( ( child.nodeType !== 1 && child.nodeType !== 3 ) || tag === '!' || ( tag && tag.charAt( 0 ) === '/' ) ){
-						child.parentNode.removeChild( child );
-						continue;
-					};
-					f = false;
-					while( xnode._xnodes && j < xnode._xnodes.length ){
-						_xnode = xnode._xnodes[ j ];
-						_xnode.parent   = xnode;
-						
-						if( _xnode._xnodeType === 1 ){
-							if( child.nodeType !== 1 ){
-								if( !( text = child.data ) || ( text = X.Dom.cleanupWhiteSpace( text ) ) === ' ' ){
-									child.parentNode.removeChild( child );
-									break;
-								};
-								alert( '[' +xnode._tag + '>' +_xnode._tag + '] !== ' + child.nodeType + '\n' + child.data );
-								++j;
-								continue;
-							};
-							if( _xnode._tag.toUpperCase() !== tag ){
-								alert( '[' +xnode._tag + '>' +_xnode._tag + ' ' + (_xnode._xnodes ? _xnode._xnodes.length : '' ) + '] !== ' + tag + ' ' + (child.childNodes ? child.childNodes.length : '' ) + '\n' + child.outerHTML );
-								++j;
-								continue;
-							} else {
-								_xnode._rawNode = child;
-								//if( ( doc = child.ownerDocument || child.document ) && ( doc.createElement( 'p' ).tagName === doc.createElement( 'P' ).tagName ) ){
-									if( tag.charAt( 0 ) === '/' ) tag = tag.slice( 1 );
-									_xnode._tag     = tag; // .toUpperCase()
-								//};
-								_xnode._root    = xnode._root;
-								child.UID = _xnode._uid;
-								if( 0 <= X.Dom.cleanupTagNames.indexOf( tag.toLowerCase() ) || tag === 'SCRIPT' ){ // ie で body 内の script が2度よばれるのに対処
-									//alert( '[' +xnode._tag + '>' + _xnode._tag + '] remove ... ' );
-									_xnode.destroy();
-									++n;
-									continue;
-								} else {
-									//alert( '[' +xnode._tag + '>' + _xnode._tag + ' ' + (_xnode._xnodes ? _xnode._xnodes.length : '' ) + '] === ' + tag + ' ' + (child.childNodes ? child.childNodes.length : '' ) + ' Hit\n' + child.outerHTML );
-									child.childNodes && child.childNodes.length && createTree( _xnode, child.childNodes, skipCleanup || 0 <= X.Dom.skipCleanupTagNames.indexOf( tag.toLowerCase() ), tag === 'TEXTAREA' );
-								};
-								_xtext = null;
-								f = true;
-								++j;
-								break;
-							};
-						} else
-						if( _xnode._xnodeType === 3 ){
-							
-							if( child.nodeType !== 3 ){
-								if( !( text = _xnode._text ) || ( text = X.Dom.cleanupWhiteSpace( text ) ) === ' ' ){
-									console.log( '[' +xnode._tag + '>' + _xnode._uid + '] destroy ... ' );
-									_xnode.destroy();
-									++n;
-									continue;
-								};
-								alert(  xnode._tag + '>' + '"' + _xnode._text + '" !== ' + tag + '\n' + child.outerHTML );
-								++j;
-								continue;
-							};
-							
-							_xnode._rawNode = child;
-							_xnode._root    = xnode._root;
-							if( !skipCleanup ){
-								if( !( text = _xnode._text ) || ( text = X.Dom.cleanupWhiteSpace( text ) ) === ' ' ){
-									console.log( '[' +xnode._tag + '>' + _xnode._uid + '] destroy ... ' );
-									_xnode.destroy();
-									++n;
-									continue;
-								};
-								if( _xtext ){
-									_xtext.text( _xtext._text + text );
-									console.log( '[' +xnode._tag + '>' + _xnode._uid + '] xtext,destroy ... ' );
-									_xnode.destroy();
-									++n;
-									continue;
-								} else {
-									//alert( xnode._tag + '>' + '"' + text + '"\n' + child.data );
-									_xnode.text( text );
-								};
-							} else
-							if( _xtext ){
-								_xtext.text( _xtext._text + _xnode.text );
-								console.log( '[' +xnode._tag + '>' + _xnode._uid + '] xtext,destroy ... ' );
-								_xnode.destroy();
-								++n;
-								continue;
-							};
-							_xtext = _xtext || _xnode;
-							++j;
-							break;
-						} else {
-							alert( 'no hit!' );
-						};
-						++j;
-
-					};				
-					//if( !f ) alert( '**** ' + child.outerHTML );
-				};
-				while( xnode._xnodes && j < xnode._xnodes.length ){
-					_xnode = xnode._xnodes[ j ];
-					_xnode.parent = xnode;
-					_xnode.destroy();
-					++n;
-					continue;
-				};
-			}) :
-		body.children ? 
-			(function( xnode, children, skipCleanup, textarea ){
-				var parent = xnode,
-					xnodes = parent._xnodes,
-					l      = xnodes && xnodes.length,
-					m      = children.length,
-					i = 0, j = 0, flag = 0,
-					elm, tag, xtext, text;
-				//children = X.copyArray( children );
-
-				if( textarea ){
-					xnode.attr( 'value', xnode.text() ).empty();
-					return;
-				};
-
-				for( ; i < xnodes.length; ++i ){
-					xnode = xnodes[ i ];
-					xnode.parent = parent;
-					
-					if( xnode._xnodeType === 3 ){
-						//alert( X.Dom.cleanupWhiteSpace( xnode._text ) );
-						if( !skipCleanup ){
-							if( !( text = xnode._text ) || ( text = X.Dom.cleanupWhiteSpace( text ) ) === ' ' ){
-								xnode.destroy();
-								--i;
-							} else
-							if( xtext ){
-								//alert( 'xtext ' + text.charCodeAt( 0 ) + ' : ' + text.length );
-								xtext.text( xtext._text + text );
-								xnode.destroy();
-								--i;
-							} else {
-								//alert( 'xnode ' + text.charCodeAt( 0 ) + ' : ' + text.length );
-								xnode.text( text );
-							};
-						} else
-						if( xtext ){
-							//alert( 'skip ' + text.charCodeAt( 0 ) + ' : ' + text.length );
-							xtext.text( xtext._text + xnode._text );
-							xnode.destroy();
-							--i;
-						};
-						flag |= 4;
-						xtext = xtext || xnode;
-						continue;
-					};
-					
-					if( xnode._xnodeType !== 1 ){
-						//alert( xnode._xnodeType )
-						continue;
-					};
-					
-					for( ; j < m; ++j ){
-						elm = children[ j ];
-						tag = elm.tagName;
-						/*
-						 * 未知のタグについては、閉じタグも含めてタグ名扱いになる
-						 */
-						if( tag === '!' || tag.charAt( 0 ) === '/' ){
-							//alert( '## ' + tag );
-							continue;
-						} else
-						if( xnode._tag !== tag ){
-							alert( xnode._tag + ' ' + ' !== ' + tag + '\nxnode.html():' + xnode.attr('cite') + '\nelm.outerHTML:' +  elm.outerHTML );
-						} else {
-							xnode._rawNode = elm;
-							xnode._root    = parent._root;
-							//xnode._tag     = X.Dom.DTD.TAG_FIX[ tag ] || tag;
-							if( 0 <= X.Dom.cleanupTagNames.indexOf( tag.toLowerCase() ) || tag === 'SCRIPT' ){
-								xnode.destroy();
-								--i;
-								break;
-							} else {
-								xnode._xnodes && xnode._xnodes.length && createTree( xnode, elm.children, skipCleanup || 0 <= X.Dom.skipCleanupTagNames.indexOf( tag.toLowerCase() ), tag === 'TEXTAREA' );
-								
-								!xnode._id && elm.setAttribute( 'id', 'ie4uid' + xnode._uid );//( elm.id = 'ie4uid' + xnode._uid );
-								elm.setAttribute( 'UID', xnode._uid );
-								
-								tag === 'INPUT' && (
-									!xnode._attrs ?
-										( xnode._attrs = { type : 'text' } ) :
-										( !xnode._attrs.type ) || ( xnode._attrs.type = 'text' )
-								);
-								flag |= 3;
-								xtext = null;
-								break;
-							};
-						};
-					};
-					// for
-					if( !xnode._rawNode ){
-						alert( xnode._tag + ' ' + xnode._id + ' !== none...' );
-						//--i;
-					};
-					++j;
-					flag &= 6;
-				};
-				// textNode がある
-				( flag & 6 ) && ( parent._dirty |= X.Dom.Dirty.IE4_TEXTNODE_FIX );
-				//( flag & 4 ) && ( parent._state |= X.Dom.Dirty.ONLY_TEXTNODE );
-			}) : 0;
-	
-	r._xnodes = xnodes = [];
-	// body の属性値の取得
-
-	/*
-	 * http://support.microsoft.com/kb/812417/ja
-	 * PRB: outerHTML の HTML 要素のプロパティは、既定の属性は表示されません。
-	 * 
-	 * body.innerHTML でなく、 body.outerHTML にはできなかった、、、
-	 */
-	//var t = X.getTime();
-	xnodes.push.apply( xnodes, X.Dom.parse( body.innerHTML, true ) );
-	//alert( X.getTime() - t );
-	
-	//alert(body.innerHTML);
-	
-	//alert(r.html());
-	
-	//t = X.getTime();
-	createTree( r, body.childNodes || body.children );
-	//alert( X.getTime() - t );
-	
-	i = xnodes.length;
-	Node._systemNode = s = r.create( 'div' ).className( 'hidden-sysyem-node' );
-	//alert( i + ' -> ' + xnodes.length );
-	
-	Node._fontSizeNode = r.create( 'div' ).className( 'hidden-sysyem-node' ).cssText( 'line-height:1;height:1em;' ).text( 'X' );
-	
-	r.appendAt( 0, Node._systemNode, Node._fontSizeNode );
-	
-	//t = X.getTime();
-	r._startUpdate();
-	//alert( X.getTime() - t );
-	
-	//xnodes.splice( xnodes.indexOf( s ), 1 ); // hide from api user
-	
-	//alert(n +  ' ' + body.innerHTML);
-	
-	X.Timer.add( 200, X.Dom.Event._detectFontSize );
-} );
+};
 
-Node._fontSizeNode = null;
+X.Dom.listen( X.Dom.Event.VIEW_RESIZED, function(e){ console.log( 'X.Dom VIEW_RESIZED ' + e.w + 'x' + e.h ); } );
 
-X.Dom.Event._lastFontSize = 0;
-X.Dom.Event._detectFontSize = function(){
-	var size = Node._fontSizeNode._rawNode.offsetHeight;
-	if( X.Dom.Event._lastFontSize !== size ){
-		X.Dom.Event._lastFontSize && X.Dom.asyncDispatch( 0, { type : X.Dom.Event.BASE_FONT_RESIZED, size : size } );
-		X.Dom.Event._lastFontSize = size;
-	};
-};