X-Git-Url: http://git.osdn.net/view?p=pettanr%2Fpettanr.git;a=blobdiff_plain;f=public%2Fassets%2Fcommon.js;fp=public%2Fassets%2Fcommon.js;h=5f475e0e08bd877fbbc0e1d63c0ecc2ca148d32e;hp=a604d02d4dd870b4ac38e086121339bfa8e1062c;hb=cd9653c66c4883c5e9a483fc47f0ddf77ed837be;hpb=1e409caa9b7da216bcfd202bb82e3463b3304983

diff --git a/public/assets/common.js b/public/assets/common.js
index a604d02d..5f475e0e 100644
--- a/public/assets/common.js
+++ b/public/assets/common.js
@@ -1,6 +1,6 @@
 /*
  * pettanR common.js
- *   version 0.4.34
+ *   version 0.4.35
  * 
  * author: itozyun
  */
@@ -108,7 +108,7 @@ var pettanr = ( function(){
 		IS_DEBUG = Type.isBoolean( URL_PARAMS.debug ) ? URL_PARAMS.debug : IS_LOCAL === true,
 		jqWindow , jqDocument , jqBody;
 	return {
-		version: '0.4.33',
+		version: '0.4.35',
 		init: function(){
 			jqWindow   = $( window );
 			jqDocument = $( document );
@@ -965,11 +965,11 @@ pettanr.view = ( function(){
 
 pettanr.overlay = ( function(){
 	var SHADOW_OPACITY = 0.5,
-		ELM_CONTAINER = document.getElementById( 'overlay-container' ),
-		jqConteiner, jqShadow, jqCloseButton,// jqBody, 
+		ELM_CONTAINER  = document.getElementById( 'overlay-container' ),
 		currentOverlay = null,
-		bootParams = null,
-		visible = false,
+		bootParams     = null,
+		visible        = false,
+		jqConteiner, jqShadow, jqCloseButton,// jqBody, 
 		windowW, windowH;
 
 	function asyncResize(){
@@ -978,7 +978,7 @@ pettanr.overlay = ( function(){
 	function onCloseClick( e){
 		pettanr.overlay.hide();
 		e.preventDefault();
-		return false;		
+		return false;
 	}
 	function onFadeInComplete(){
 
@@ -992,8 +992,8 @@ pettanr.overlay = ( function(){
 	return {
 		init: function(){
 			//jqBody = pettanr.jqBody();
-			jqConteiner = $( '#overlay-container');
-			jqShadow = $( '#overlay-shadow');
+			jqConteiner   = $( '#overlay-container');
+			jqShadow      = $( '#overlay-shadow');
 			jqCloseButton = $( '#overlay-close-button').click( onCloseClick );
 			
 			pettanr.key.addKeyDownEvent( pettanr.view.OVERLAY, 27, false, false, pettanr.overlay.hide ); // 27.esc
@@ -1005,6 +1005,7 @@ pettanr.overlay = ( function(){
 			if( pettanr.view.isApplicationInstance( _overlay ) === false ) return;
 			
 			document.body.style.overflow = 'hidden';
+			document.body.appendChild( ELM_CONTAINER ); // ie6-8 で必要、なんで、、、？
 			
 			this.visible = visible = true;
 			this.currentID = _overlay.ID;
@@ -2289,6 +2290,9 @@ pettanr.bind = ( function(){
 			var ret = document.createElement( 'div');
 			ret.style.cssText = 'width: auto;height: 0;padding: 0;margin: 0;display: block;visibility: hidden;float: none;position: static;';
 			return ret;
+		})(),
+		ELM_TITLE_ORIGN = ( function(){
+			
 		})();
 
 	/*
@@ -2315,7 +2319,7 @@ pettanr.bind = ( function(){
 				var size = getInnerSize();
 				if (_size.w !== size.w || _size.h !== size.h) { // resized
 					_size = size; // update
-					onResizeFunction( _size);
+					onResizeFunction( _size );
 				}
 				setTimeout( unlock, 0); // delay unlock
 			}
@@ -2328,151 +2332,175 @@ pettanr.bind = ( function(){
 	}
 	
 	
-	var ElementBuilder = ( function(){
-		var ELM_TITLE_ORIGN = ( function(){
-				
-			})(),
-			ELM_TEXT_ORIGN = ( function(){
-				var _table = document.createElement( 'table'),
-					_tr = document.createElement( 'tr');
-				_table.appendChild( _tr);
-				_tr.appendChild( document.createElement( 'td'));
-				_table.cellspacing = '0';
-				return _table;
-			})();
+	var ElementBuilderClass = function( elmTarget, noClassnameMode ){
+		var RIMG_ARRAY     = [],
+			BALLOON_ARRAY  = [];
 		
 		function buildComicElement(){
 			
 		}
 		
-		function buildPanelElement( elmTarget, json, noClassnameMode){
-			var _elmPanel = document.createElement( 'div'),
+		function buildPanelElement( json, zoom ){
+			var _elmPanel = document.createElement( 'div' ),
 				_style = {
-						"border-width":		typeof json.border === 'number' ? json.border + 'px' : 0,
+						'border-width':		typeof json.border === 'number' ? json.border + 'px' : 0,
 						width: 				json.width + 'px',
 						height:				json.height + 'px'
 				},
 				_cssText = [],
 				_comicElements = json.panel_elements || [],
-				_comicElement, _elmImgWrap, _rImg, _rPic, _balloon, _elmBalloonWrap, _elmText;
-			if( noClassnameMode === true){
+				_comicElement, _elmImg, _rImg, _rPic,
+				_balloon, _elmBalloonWrap, _elmText, _text, _speachesAttributes, _key;
+			if( noClassnameMode === true ){
 				
 			} else {
 				_elmPanel.className = NAMESPACE_CLASSNAME + 'panel';
 			}
-			for( var _key in _style){
-				_cssText.push( _key + ':' + _style[ _key]);
+			for( var _key in _style ){
+				_cssText.push( _key + ':' + _style[ _key ] );
 			}
 			_elmPanel.style.cssText = _cssText.join( ';');
-			elmTarget.appendChild( _elmPanel);
+			elmTarget.appendChild( _elmPanel );
 			
-			for( var i=0, l=_comicElements.length; i<l; ++i){
-				_comicElement = _comicElements[ i];
+			for( var i=0, l=_comicElements.length; i<l; ++i ){
+				_comicElement = _comicElements[ i ];
 				_rPic = _comicElement.resource_picture;
 				if( _rPic ){
 					_rImg = pettanr.image.createReversibleImage(
 							[ RESOURCE_PICTURE_PATH, _rPic.id, '.', _rPic.ext ].join( ''),
 							_comicElement.width, _comicElement.height
 						);
-					_elmImgWrap = document.createElement( 'div');
-					_elmPanel.appendChild( _elmImgWrap);
-					_elmImgWrap.appendChild( _rImg.elm);
-					_elmImgWrap.className = NAMESPACE_CLASSNAME + 'image';
-					_elmImgWrap.style.cssText = [
-						'width:',  Math.abs( _comicElement.width ), 'px;',
-						'height:', Math.abs( _comicElement.height ), 'px;',
+					_elmImg = _rImg.elm;
+					_elmPanel.appendChild( _elmImg );
+					_elmImg.className = NAMESPACE_CLASSNAME + 'image';
+					_elmImg.style.cssText = [
 						'left:',   _comicElement.x, 'px;',
 						'top:',    _comicElement.y, 'px;',
 						'z-index:',_comicElement.z, ';'
-					].join( '');
+					].join( '');					
+					if( _elmImg.tagName === 'img' ){
+						_elmImg.width        = Math.abs( _comicElement.width );
+						_elmImg.height       = Math.abs( _comicElement.height );
+					} else {
+						_elmImg.style.width  = Math.abs( _comicElement.width ) + 'px';
+						_elmImg.style.height = Math.abs( _comicElement.height ) + 'px';
+					}
+					
+					RIMG_ARRAY.push( _rImg );
 				} else {
 					_elmBalloonWrap = document.createElement( 'div' );
 					_elmPanel.appendChild( _elmBalloonWrap );
 					_elmBalloonWrap.className = NAMESPACE_CLASSNAME + 'balloon';
 					_elmBalloonWrap.style.cssText = [
-						'width:', _comicElement.width, 'px;',
-						'height:', _comicElement.height, 'px;',
-						'left:', _comicElement.x, 'px;',
-						'top:', _comicElement.y, 'px;',
+						'width:',   _comicElement.width, 'px;',
+						'height:',  _comicElement.height, 'px;',
+						'left:',    _comicElement.x, 'px;',
+						'top:',     _comicElement.y, 'px;',
 						'z-index:', _comicElement.z, ';'
 					].join( '');
 
 					_balloon = pettanr.balloon.createBalloon( _comicElement.width, _comicElement.height, _comicElement.tail );
-					_elmBalloonWrap.appendChild( _balloon.elm);
+					_elmBalloonWrap.appendChild( _balloon.elm );
 					
-					_elmText = ELM_TEXT_ORIGN.cloneNode( true);
-					_elmBalloonWrap.appendChild( _elmText);
-					_elmText.className = NAMESPACE_CLASSNAME + 'speach';
-					_elmText.getElementsByTagName( 'td')[ 0].appendChild( document.createTextNode( 'hello'));
+					_elmText = document.createElement( 'p' );
+					_elmBalloonWrap.appendChild( _elmText );
+					
+					_elmText.appendChild( document.createElement( 'span' ) );
+					
+					_text = '';
+					_speachesAttributes = _comicElement.speaches_attributes;
+					if( _speachesAttributes ){
+						for( _key in _speachesAttributes ){
+							_text += _speachesAttributes[ _key ] && _speachesAttributes[ _key ].content ? _speachesAttributes[ _key ].content : '';
+						}
+					}
+					_elmText.firstChild.appendChild( document.createTextNode( _text ));
+					BALLOON_ARRAY.push( _balloon );
 				}
 			}
 		}
 		
-		return {
-			build: function( elmTarget, json, zoom, noClassnameMode){
-				// clean elmTarget
-				pettanr.util.removeAllChildren( elmTarget);
-				
-				// json is Comic ? Panel ?
-				if( json.panels){
-					// comic
-					
-				} else
-				if( json.panel_elements){
-					// panel
-					buildPanelElement( elmTarget, json, noClassnameMode);
-				} else {
-					// invalid json
+		function clean(){
+			// clean elmTarget
+			while( RIMG_ARRAY.length > 0 ){
+				RIMG_ARRAY.shift().destroy();
+			}
+			while( BALLOON_ARRAY.length > 0 ){
+				BALLOON_ARRAY.shift().destroy();
+			}
+			pettanr.util.removeAllChildren( elmTarget );		
+		}
+		
+		this.build = function( json, zoom ){
+			clean();
+			
+			// json is Comic ? Panel ?
+			var panels = json.panels;
+			if( Type.isArray( panels ) === true ){
+				// comic
+				for( var i=0, l=panels.length; i<l; ++i ){
+					buildPanelElement( panels[ i ], zoom );
 				}
+			} else
+			if( json.panel_elements ){
+				// panel
+				buildPanelElement( json, zoom );
+			} else {
+				// invalid json
 			}
 		}
-	})();
+		this.zoom = function(){
+			
+		}
+		this.destroy = function(){
+			clean();
+		}
+	};
 	
-	var BindWorkerClass = function( elmTarget, json, zoomSelfEnabled, noClassnameMode){
-		typeof json === 'object' && build( elmTarget, json);
-		
-		var elmDetectW = ELM_DETECT_WIDTH.cloneNode( false)
+	var BindWorkerClass = function( elmTarget, json, zoomSelfEnabled, noClassnameMode ){
+		var builder    = new ElementBuilderClass( elmTarget, noClassnameMode );
+		var elmDetectW = ELM_DETECT_WIDTH.cloneNode( false );
+		var resizer    = null;
 		
 		if( zoomSelfEnabled === true){
-			elmTarget.parentNode.insertBefore( elmDetectW, elmTarget);
-			new ResizeAgentClass( onResize, elmDetectW);
+			elmTarget.parentNode.insertBefore( elmDetectW, elmTarget );
+			resizer = new ResizeAgentClass( onResize, elmDetectW );
 		}
 		function onResize(){
 			
 		}
-		json && ElementBuilder.build( elmTarget, json, zoomSelfEnabled, noClassnameMode);
+		json && typeof json === 'object' && builder.build( json );
 		
-		return {
-			init: function(){
-				
-			},
-			zoom: function(){
+		this.init = function(){
 				
-			},
-			json: function( _json){
-				json = _json;
-				ElementBuilder.build( elmTarget, _json, zoomSelfEnabled, noClassnameMode);
-			},
-			targetElement: function(){
-				
-			},
-			layput: function(){
+		}
+		this.zoom = function(){
+			builder.zoom();
+		}
+		this.json = function( _json ){
+			json = _json;
+			builder.build( _json );
+		}
+		this.targetElement = function(){
 				
-			},
-			destroy: function(){
+		}
+		this.layout = function(){
 				
-			}
+		}
+		this.destroy = function(){
+			builder.destroy();
+			elmTarget = json = builder = null;
 		}
 	}
 	
 	return {
-		createBindWorker: function( elmTarget, opt_COMICJSONorPANELJSON, opt_zoomSelfEnabled, opt_noClassnameMode){
+		createBindWorker: function( elmTarget, opt_COMICJSONorPANELJSON, opt_zoomSelfEnabled, opt_noClassnameMode ){
 			var ret = new BindWorkerClass( elmTarget, opt_COMICJSONorPANELJSON, !!opt_zoomSelfEnabled, !!opt_noClassnameMode);
-			BIND_WORKER_ARRAY.push( ret);
+			BIND_WORKER_ARRAY.push( ret );
 			return ret;
 		},
-		isBindWorkerInstance: function( _bindWorker){
-			
+		isBindWorkerInstance: function( _bindWorker ){
+			return _bindWorker instanceof BindWorkerClass;
 		}
 	}
 })();