2 * http://msdn.microsoft.com/ja-jp/library/ie/hh180174%28v=vs.85%29.aspx
\r
3 * 孤立するとウィンドウ オブジェクトのプロパティが消去される
\r
5 * http://qiita.com/sou/items/3380d4fa9b08b27bb387
\r
6 * モバイルブラウザでの iframe の挙動(Mobile Safari, Chrome for Android)
\r
9 // TODO Node.inherits
\r
10 X[ 'Util' ][ 'NinjaIframe' ] = Node[ 'inherits' ](
\r
21 'Constructor' : function( html ){
\r
23 this._name = 'hidden-iframe-' + X_Timer_now();
\r
24 // https://github.com/polygonplanet/Pot.js/blob/master/src/Worker.js
\r
26 X_Node_newByTag = true;
\r
31 className : 'hidden-iframe',
\r
33 allowtransparency : 'no',
\r
41 // http://nanto.asablo.jp/blog/2011/12/08/6237308
\r
42 // IE 6/7 で文書間通信を実現するための一案
\r
43 if( X_UA[ 'IE' ] < 9 ){
\r
44 this[ 'attr' ]( 'src', 'about:blank' );
\r
46 // Safari 2.0.* bug: iframe's absolute position and src set.
\r
47 if( !X_UA[ 'Webkit' ] ){
\r
48 this[ 'css' ]( { position : 'absolute' } );
\r
51 if( html ) this._contentHTML = html;
\r
53 this[ 'appendTo' ]( X_Node_body /* X_Node_systemNode */ );
\r
55 X_ViewPort[ 'listenOnce' ]( X_EVENT_AFTER_UPDATE, this, X_Util_NinjaIframe_handleEvent );
\r
58 'refresh' : function( opt_contentHTML ){
\r
59 var raw = this[ '_rawObject' ],
\r
62 this._ready = false;
\r
65 this._contentHTML = opt_contentHTML;
\r
69 if( X_UA[ 'IE5x' ] ){
\r
70 this._iwin.location.href = 'about:blank'; // reload() では、IE5.5(IETester)で2回目移行の操作でerrorが出る(doc取得やopen,writeで)
\r
72 this._iwin.location.reload();
\r
75 if( !opt_contentHTML && opt_contentHTML !== '' ) return this;
\r
77 this._contentHTML = opt_contentHTML;
\r
78 X_UA[ 'IE' ] < 9 || X_Util_NinjaIframe_writeToIframe( this );
\r
83 // TODO close -> kill
\r
84 'close' : function(){
\r
85 X_ViewPort[ 'unlisten' ]( X_EVENT_AFTER_UPDATE, this, X_Util_NinjaIframe_handleEvent );
\r
86 this.call( 'close' );
\r
94 function X_Util_NinjaIframe_handleEvent( e ){
\r
95 var raw = this[ '_rawObject' ];
\r
98 case X_EVENT_AFTER_UPDATE :
\r
99 this._iwin = raw.contentWindow || ( raw.contentDocument && raw.contentDocument.parentWindow ) || window.frames[ this._name ];
\r
100 // http://d.hatena.ne.jp/NeoCat/20080921/1221940658
\r
101 // こちらに名前をsetしないとtargetが動作しない
\r
102 if( X_UA[ 'IE' ] ) this._iwin.name = this._name;
\r
104 this[ 'listen' ]( [ X_UA[ 'IE' ] < 9 ? 'readystatechange' : 'load', 'error' ], this, X_Util_NinjaIframe_handleEvent );
\r
106 if( !( X_UA[ 'IE' ] < 9 ) ){
\r
107 ( this._contentHTML || this._contentHTML === '' ) && X_Util_NinjaIframe_writeToIframe( this );
\r
108 this._ready = true;
\r
111 //break; これあると IE8 で駄目!
\r
113 case 'readystatechange' :
\r
114 if( ( raw.readyState !== 'complete' && raw.readyState !== 'loaded' ) ) break;
\r
116 if( !this._ready ){
\r
117 ( this._contentHTML || this._contentHTML === '' ) && X_Util_NinjaIframe_writeToIframe( this );
\r
118 this._ready = true;
\r
123 console.log( 'iframe load.' );
\r
124 this[ 'asyncDispatch' ]( 'ninjaload' );
\r
128 this[ 'asyncDispatch' ]( 'ninjaerror' );
\r
132 return X_Callback_STOP_PROPAGATION;
\r
135 function X_Util_NinjaIframe_writeToIframe( that ){
\r
136 var raw = that[ '_rawObject' ],
\r
137 idoc = raw.contentDocument || that._iwin.document,
\r
138 html = that._contentHTML;
\r
140 delete that._contentHTML;
\r
141 that._ready = true;
\r
144 idoc.writeln( html );
\r