0.6.x/js/06_net/04_XNetImage.js

   1 //{+netimage"画像の読み込み監視"(Imageの読み込みを監視し画像表示のコントロールを行う)[+net,+utilimage]\r
   2 /* \r
   3  * original\r
   4  *  LICENSE: MIT?\r
   5  *  URL: http://d.hatena.ne.jp/uupaa/20080413/1208067631\r
   6  *  AUTHOR: uupaa.js@gmail.com\r
   7  * \r
   8  */\r
   9 var X_Net_Image_hasImage  = !!window[ 'Image' ],\r
  10         X_Net_Image_image     = X_Net_Image_hasImage && new Image(),\r
  11         // IE では厳密には HTMLImageElement ではなく、appendChild してもサイズが取れず、removeChild に失敗する\r
  12         X_Net_Image_isElement = !( X_UA[ 'IE' ] < 9 ) && X_Type_isHTMLElement( X_Net_Image_image );\r
  13 \r
  14 /*\r
  15  * TODO\r
  16  * new Image() のときに Image オブジェクトを作るもの(IE8-)と、HTMLImageElement を作るものがある。\r
  17  * Image は、X.EventDispatcher で、<img> は X.Node で。 \r
  18  */\r
  19 \r
  20 X_TEMP.X_NET_Image_init = function(){\r
  21         X_NET_ImageWrapper = X_Class_override(\r
  22                 X_Net_Image_isElement ? Node( X_Net_Image_image ) : X_EventDispatcher( X_Net_Image_image ),\r
  23                 X_TEMP.X_NET_Image_params\r
  24         );\r
  25         \r
  26         X_NET_ImageWrapper[ 'listen' ]( [ 'load', 'error' /*, 'abort'*/, X_EVENT_KILL_INSTANCE ], X_NET_Image_handleEvent );\r
  27         \r
  28         delete X_TEMP.X_NET_Image_init;\r
  29         delete X_TEMP.X_NET_Image_params;       \r
  30         \r
  31         return X_NET_ImageWrapper;\r
  32 };\r
  33 \r
  34 X_TEMP.X_NET_Image_params = {\r
  35                 _busy      : false,\r
  36                 tick       : 0,\r
  37                 timerID    : 0,\r
  38                 finish     : false,\r
  39                 abspath    : '',\r
  40                 delay      : 0,\r
  41                 timeout    : 0,\r
  42                 \r
  43                 load : function( data ){\r
  44                         this._busy   = true;\r
  45                         this.abspath = X_URL_toAbsolutePath( data[ 'url' ] );\r
  46                         this.delay   = data[ 'delay'   ] || 100;\r
  47                         this.timeout = data[ 'timeout' ] || 5000;\r
  48 \r
  49                         this[ '_rawObject' ].src = this.abspath;\r
  50 \r
  51                         if( X_UA[ 'Opera7' ] && this[ '_rawObject' ].complete ){\r
  52                                 this[ 'asyncDispatch' ]( 'load' );\r
  53                         } else {\r
  54                                 this.timerID = X_Timer_add( this.delay, 0, this, X_NET_Image_detect );\r
  55                         };\r
  56                 },\r
  57                 \r
  58                 cancel : function(){\r
  59                         var raw = this[ '_rawObject' ];\r
  60                         // abort がある?\r
  61                         raw && raw.abort && raw.abort();\r
  62                         // this[ '_rawObject' ].src = '';\r
  63                         this._busy  = false;\r
  64                         this.finish = true;\r
  65                 },\r
  66                 \r
  67                 reset : function(){\r
  68                         this.timerID && X_Timer_remove( this.timerID );\r
  69                         //X_Net_Image_isElement ? this[ '_rawObject' ].removeAttribute( 'src' ) : ( this[ '_rawObject' ].src = '' );\r
  70                         this[ '_rawObject' ].src = '';\r
  71                         this.timerID  = 0;\r
  72                         this._busy    = false;\r
  73                         this.finished = false;\r
  74                         this.abspath  = '';\r
  75                 }\r
  76         };\r
  77 \r
  78 function X_NET_Image_detect(){\r
  79         var raw = this[ '_rawObject' ];\r
  80         \r
  81         if( this.finish ) return;\r
  82         if( raw && raw.complete ){\r
  83                 this._busy  = false;\r
  84                 this.finish = true;\r
  85                 if( raw.width ) return;\r
  86                 X_Timer_remove( this.timerID );\r
  87                 this.timerID = this[ 'asyncDispatch' ]( X_EVENT_ERROR );\r
  88         } else\r
  89         if( this.timeout < ( this.tick += this.delay ) ){\r
  90                 this._busy  = false;\r
  91                 this.finish = true;\r
  92                 X_Timer_remove( this.timerID );\r
  93                 this.timerID = this[ 'asyncDispatch' ]( { type : X_EVENT_ERROR, 'timeout' : true } );\r
  94         };\r
  95 };\r
  96 \r
  97 function X_NET_Image_handleEvent( e ){\r
  98         var size;\r
  99         \r
 100         switch( e.type ){\r
 101                 case 'error' :\r
 102                 //case 'abort' : // TODO ??\r
 103                         if( this.finish ) return;\r
 104                         this._busy  = false;\r
 105                         this.finish  = true;\r
 106                         this.timerID && X_Timer_remove( this.timerID );\r
 107                         this.timerID = this[ 'asyncDispatch' ]( /*e.type === 'error' ?*/ X_EVENT_ERROR /*: X_EVENT_CANCELED*/ );\r
 108                         break;\r
 109 \r
 110                 case 'load' :\r
 111                 // if( finish === true ) return; // これがあると firefox3.6 で駄目、、、\r
 112                 // if( timer ) return; // これがあると safari3.2 で駄目、、、\r
 113                         this._busy  = false;\r
 114                         this.finish = true;\r
 115                         this.timerID && X_Timer_remove( this.timerID );\r
 116                         if( X_UA[ 'Opera' ] && !this[ '_rawObject' ].complete ){\r
 117                                 this.timerID = this[ 'asyncDispatch' ]( X_EVENT_ERROR );\r
 118                                 return;\r
 119                         };\r
 120 \r
 121                         size = X_Util_Image_getActualDimension( !X_Net_Image_isElement ? this.abspath : this );\r
 122                         this.timerID = this[ 'asyncDispatch' ]( {\r
 123                                 'type' : X_EVENT_SUCCESS,\r
 124                                 'src'  : this.abspath,\r
 125                                 'w'    : size[ 0 ],\r
 126                                 'h'    : size[ 1 ]\r
 127                                 // TODO feedback net speed\r
 128                                 // time , this[ '_rawObject' ].fileSize\r
 129                         } );\r
 130                         break;\r
 131 \r
 132                 case X_EVENT_KILL_INSTANCE :\r
 133                         this.reset();\r
 134                         !X_Net_Image_hasImage && this[ 'kill' ](); // if xnode\r
 135                         break;\r
 136         };\r
 137 };\r
 138 \r
 139 \r
 140 // X_Net_Image_isElement && X_NET_ImageWrapper[ 'appendAt' ]( X.X_Node_systemNode );\r