+++ /dev/null
-/*\r
- * pettanR common.js\r
- * version 0.4.2\r
- * \r
- * author: itozyun\r
- */\r
-\r
-var pettanr = ( function(){\r
- var FUNCTION_ARRAY = [],\r
- URL = document.location.href.split( '#')[ 0],\r
- IS_LOCAL = URL.indexOf( 'file:') === 0,\r
- URL_PARAMS = ( function(){\r
- var search = document.location.search,\r
- l = search.length;\r
- if( 1 < l){\r
- var query = search.substring( 1),\r
- params = query.split( '&'),\r
- ret = {}, elm, name;\r
- while( params.length > 0){\r
- elm = params.shift().split( '=');\r
- name = decodeURIComponent( elm[ 0]);\r
- if( elm.length === 2){\r
- ret[ name] = ( function( v){\r
- if( '' + parseFloat( v) === v) return parseFloat( v);\r
- if( v === 'true') return true;\r
- if( v === 'false') return false;\r
- if( v === 'null') return null;\r
- if( v === 'undefined') return undefined;\r
- return v;\r
- })( decodeURIComponent( elm[ 1]));\r
- } else\r
- if( elm.length === 1){\r
- ret[ name] = true;\r
- }\r
- }\r
- return ret;\r
- }\r
- return {};\r
- })(),\r
- IS_DEBUG = typeof URL_PARAMS.debug === 'boolean' ? URL_PARAMS.debug : IS_LOCAL === true,\r
- jqWindow , jqDocument , jqBody;\r
- return {\r
- version: '0.4.2',\r
- init: function(){\r
- jqWindow = $( window);\r
- jqDocument = $( document);\r
- jqBody = $( document.body);\r
- \r
- var l = FUNCTION_ARRAY.length,\r
- _fn;\r
- for( var i=0; i<l; i++){\r
- _fn = FUNCTION_ARRAY[ i];\r
- _fn.init && _fn.init( _fn === pettanr.view ? FUNCTION_ARRAY : undefined);\r
- }\r
- \r
- delete pettanr.init;\r
- },\r
- fn: function( _fn){\r
- FUNCTION_ARRAY.push( _fn);\r
- pettanr.init === undefined && _fn.init && _fn.init();\r
- },\r
- jqWindow: function(){\r
- return jqWindow;\r
- },\r
- jqDocument: function(){\r
- return jqDocument;\r
- },\r
- jqBody: function(){\r
- return jqBody;\r
- },\r
- URL_PARAMS: URL_PARAMS,\r
- ROOT_PATH: ( function(){\r
- // script と html の ドメインが一致\r
- var _h1 = document.getElementsByTagName( 'h1')[ 0],\r
- _a = _h1.getElementsByTagName( 'a')[ 0],\r
- _root = _a.href.split( '\/'),\r
- _current = document.location.href.split( '\/'),\r
- ret = '.\/';\r
- for( var i=0, l=_current.length - _root.length; i<l; ++i){\r
- ret = '.' + ret;\r
- }\r
- return ret;\r
- // script と html の ドメインが不一致\r
- })(),\r
- LOCAL: IS_LOCAL,\r
- DEBUG: IS_DEBUG,\r
- LINE_FEED_CODE_TEXTAREA: ( function(){\r
- var text = document.createElement('textarea');\r
- text.value = '\n';\r
- return text.value;\r
- })(),\r
- LINE_FEED_CODE_PRE: ( function(){\r
- var pre = document.createElement('pre');\r
- pre.appendChild( document.createTextNode('\n'));\r
- return pre.firstChild.data;\r
- })(),\r
- IS_IFRAME: !!window.parent\r
- }\r
-})();\r
-\r
-/*\r
- * pettanr.util\r
- * \r
- * extend( baseInstance, extend)\r
- * cleanCommnetNode()\r
- * cleanElement()\r
- * getElementSize( _elm)\r
- * getImageSize()\r
- * getAbsolutePath()\r
- * getGrobalObjectName()\r
- * \r
- */\r
-pettanr.util = ( function(){\r
- var ELM_SIZE_GETTER = ( function(){\r
- var ret = document.createElement( 'DIV'),\r
- style = ret.style;\r
- ret.id = 'elmSizeGetter';\r
- style.position = 'absolute';\r
- style.left = '0px';\r
- style.top = '-9999px';\r
- style.visibility = 'hidden';\r
- document.body.appendChild( ret);\r
- return ret;\r
- })(),\r
- IMG_SIZE_GETTER = ( function(){\r
- var ret = ELM_SIZE_GETTER.cloneNode( true);\r
- ret.id = 'imgSizeGetter';\r
- document.body.appendChild( ret);\r
- return ret;\r
- })(),\r
- CLEAN_TARGET_ELEMENT = 'script,style,object,applet,embed,iframe,frame,base,bgsound,frameset,listing'.split( ',');\r
- \r
- /* clean comment node */\r
- cleanCommnetNode();\r
- \r
- /* clean noscript */\r
- var nodeNoscript = document.getElementsByTagName( 'noscript'),\r
- noscript;\r
- for(var i=0; i<nodeNoscript.length; ++i){\r
- noscript = nodeNoscript[i];\r
- noscript.parentNode && noscript.parentNode.removeChild( noscript);\r
- }\r
- nodeNoscript = noscript = null;\r
- \r
- function cleanCommnetNode( _targetElm){\r
- _targetElm = _targetElm || document;\r
- var _nodes = _targetElm.all || _targetElm.getElementsByTagName( '*'),\r
- _array = [],\r
- _elm;\r
- for(var i=0, l = _nodes.length; i<l; ++i){\r
- _array.push( _nodes[ i]);\r
- }\r
- for( i=0; i<l; ++i){\r
- _elm = _array[ i];\r
- _elm.nodeType === 8 && _elm.parentNode && _elm.parentNode.removeChild( _elm);\r
- }\r
- }\r
- return {\r
- extend: function( baseInstance, extend){\r
- for( var key in extend){\r
- if( typeof baseInstance[ key] === 'undefined'){\r
- baseInstance[ key] = extend[ key];\r
- } else\r
- if( typeof baseInstance[ key] === typeof extend[ key]){\r
- baseInstance[ key] = extend[ key];\r
- } else {\r
- alert( 'extend error');\r
- }\r
- }\r
- return baseInstance;\r
- }, \r
- cleanCommnetNode: cleanCommnetNode,\r
- cleanElement: function( _targetElm){\r
- var _nodes, _elm, _array, j, m;\r
- for( var i=0, l=CLEAN_TARGET_ELEMENT.length; i<l; ++i){\r
- _nodes = _targetElm.getElementsByTagName( CLEAN_TARGET_ELEMENT[ i]);\r
- _array = [];\r
- for( j=0, m = _nodes.length; j<m; ++j){\r
- _array.push( _nodes[ j]);\r
- }\r
- for( j=0, m = _array.length; j<m; ++j){\r
- _elm = _nodes[ j];\r
- _elm.parentNode && _elm.parentNode.removeChild( _elm);\r
- }\r
- }\r
- cleanCommnetNode( _targetElm);\r
- if( pettanr.ua.isIE === false) return;\r
- _nodes = _targetElm.all || _targetElm.getElementsByName( '*');\r
- for( i=0, l = _nodes.length; i<l; ++i){\r
- _elm = _nodes[ i];\r
- _elm.style.filter = '';\r
- _elm.style.behavior = '';\r
- }\r
- },\r
- getElementSize: function( _elm){\r
- if( !_elm){\r
- return {\r
- width: 0,\r
- height: 0\r
- }\r
- }\r
- var parentElm = _elm.parentNode,\r
- prevElm = _elm.previousSibling,\r
- nextElm = _elm.nextSibling,\r
- displayNone = _elm.style.display === 'none';\r
- if( displayNone === true) _elm.style.display = '';\r
- ELM_SIZE_GETTER.appendChild( _elm);\r
- var ret = {\r
- width: _elm.offsetWidth,\r
- height: _elm.offsetHeight\r
- }\r
- if( displayNone === true) _elm.style.display = 'none';\r
- if( nextElm){\r
- parentElm.insertBefore( _elm, nextElm);\r
- } else \r
- if( prevElm && prevElm.nextSibling){\r
- parentElm.insertBefore( _elm, prevElm.nextSibling);\r
- } else {\r
- parentElm && parentElm.appendChild( _elm);\r
- } \r
- return ret;\r
- },\r
- getImageSize: function( img){\r
- var parentElm = img.parentNode,\r
- prevElm = img.previousSibling,\r
- nextElm = img.nextSibling,\r
- displayNone = img.style.display === 'none';\r
- if( displayNone === true) img.style.display = '';\r
- IMG_SIZE_GETTER.appendChild( img);\r
- var size = getActualDimension( img);\r
- IMG_SIZE_GETTER.removeChild( img);\r
- if( displayNone === true) img.style.display = 'none';\r
- if( nextElm){\r
- parentElm.insertBefore( img, nextElm);\r
- } else \r
- if( prevElm && prevElm.nextSibling){\r
- parentElm.insertBefore( img, prevElm.nextSibling);\r
- } else {\r
- parentElm && parentElm.appendChild( img);\r
- }\r
- return size;\r
- \r
- /* LICENSE: MIT\r
- * AUTHOR: uupaa.js@gmail.com\r
- */\r
- function getActualDimension(image) {\r
- var run, mem, w, h, key = "actual";\r
- \r
- // for Firefox, Safari, Google Chrome\r
- if ("naturalWidth" in image) {\r
- return {\r
- width: image.naturalWidth,\r
- height: image.naturalHeight\r
- };\r
- }\r
- \r
- if ("src" in image) { // HTMLImageElement\r
- if (image[key] && image[key].src === image.src) {\r
- return image[key];\r
- }\r
- if (document.uniqueID) { // for IE\r
- run = image.runtimeStyle;\r
- mem = { w: run.width, h: run.height }; // keep runtimeStyle\r
- run.width = "auto"; // override\r
- run.height = "auto";\r
- w = image.width;\r
- h = image.height;\r
- run.width = mem.w; // restore\r
- run.height = mem.h;\r
- } else { // for Opera and Other\r
- /*\r
- function fn() {\r
- w = image.width;\r
- h = image.height;\r
- }\r
- mem = { w: image.width, h: image.height }; // keep current style\r
- image.removeAttribute("width");\r
- image.addEventListener("DOMAttrModified", fn, false);\r
- image.removeAttribute("height");\r
- // call fn\r
- image.removeEventListener("DOMAttrModified", fn, false);\r
- image.width = mem.w; // restore\r
- image.height = mem.h;\r
- */\r
- mem = { w: image.width, h: image.height }; // keep current style\r
- image.removeAttribute("width");\r
- image.removeAttribute("height");\r
- w = image.width;\r
- h = image.height;\r
- image.width = mem.w; // restore\r
- image.height = mem.h;\r
- }\r
- return image[key] = { width: w, height: h, src: image.src }; // bond\r
- }\r
- // HTMLCanvasElement\r
- return { width: image.width, height: image.height };\r
- }\r
- },\r
- loadImage: function( URLorELM, onLoad, onError, delay, timeout){\r
- delay = delay || 250;\r
- timeout = timeout || 5000;\r
- var type = typeof URLorELM,\r
- img, images, src, abstractPath;\r
- if( type === 'string'){\r
- src = URLorELM;\r
- // images = [];\r
- } else\r
- // http://d.hatena.ne.jp/hottolinkblog/20090228/1235823487\r
- if( type === 'object' && typeof URLorELM.hspace !== 'undefined' && typeof URLorELM.vspace !== 'undefined'){\r
- img = URLorELM;\r
- images = [ img];\r
- src = img.src;\r
- } else {\r
- return;\r
- }\r
- abstractPath = this.getAbsolutePath( src);\r
- \r
- loadImage( images, abstractPath, onLoadAsync, onErrorAsync, delay, timeout);\r
- \r
- function onLoadAsync( abspath, actualW, actualH){\r
- if( abstractPath !== abspath) return;\r
- var _g_onUpdateFunction = pettanr.util.createGlobalFunction( onLoad);\r
- _onTimeout = pettanr.util.createGlobalFunc( [\r
- 'function(){',\r
- 'window["', _g_onUpdateFunction, '"]( "', abspath, '", ', actualW, ', ', actualH, ');',\r
- 'window["', _g_onUpdateFunction, '"] = null;',\r
- '}'\r
- ].join( ''));\r
- onLoad && setTimeout( window[ _onTimeout], 0);\r
- window[ _onTimeout] = null;\r
- }\r
- function onErrorAsync( abspath){\r
- if( abstractPath !== abspath) return;\r
- var _g_onUpdateFunction = pettanr.util.createGlobalFunction( onError);\r
- _onTimeout = pettanr.util.createGlobalFunc( [\r
- 'function(){',\r
- 'window["', _g_onUpdateFunction, '"]( "', abspath, '");',\r
- 'window["', _g_onUpdateFunction, '"] = null;',\r
- '}'\r
- ].join( ''));\r
- onError && setTimeout( window[ _onTimeout], 0);\r
- window[ _onTimeout] = null;\r
- }\r
- \r
- /* LICENSE: MIT?\r
- * URL: http://d.hatena.ne.jp/uupaa/20080413/1208067631\r
- * AUTHOR: uupaa.js@gmail.com\r
- * \r
- * fixed for ie6-8 by pettanr\r
- * new Image -> document.createElement( 'img')\r
- */\r
- function loadImage( images, abspath, onLoad, onError, delay, timeout) {\r
- images = images || document.images;\r
- var img,\r
- i = 0, l = images.length,\r
- tick = 0;\r
- for(; i < l; ++i) {\r
- img = images[i];\r
- if ( img.src === abspath && img.complete) {\r
- var size = pettanr.util.getImageSize( img);\r
- onLoad( abspath, size.width, size.height);\r
- return;\r
- }\r
- }\r
- img = document.createElement( 'img'); //var img = new Image(); ではieでimgのsizeが取れない、、、removeChildも失敗し、imgSizeGetterにimgが残る\r
- img.finish = false;\r
- img.onabort = img.onerror = function() {\r
- if (img.finish) { return; }\r
- img.finish = true;\r
- onError(abspath);\r
- img.onload = img.onabort = img.onerror = "";\r
- };\r
- img.onload = function() {\r
- img.finish = true;\r
- if (window.opera && !img.complete) {\r
- onError(abspath);\r
- img.onload = img.onabort = img.onerror = "";\r
- return;\r
- }\r
- var size = pettanr.util.getImageSize( img);\r
- onLoad( abspath, size.width, size.height);\r
- img.onload = img.onabort = img.onerror = "";\r
- //img = void 0;\r
- };\r
- img.src = abspath;\r
- if (!img.finish && timeout) {\r
- setTimeout(function() {\r
- if (img.finish) { return; }\r
- if (img.complete) {\r
- img.finish = true;\r
- if (img.width) { return; }\r
- onError(abspath);\r
- img.onload = img.onabort = img.onerror = "";\r
- return;\r
- }\r
- if ((tick += delay) > timeout) {\r
- img.finish = true;\r
- onError(abspath);\r
- img.onload = img.onabort = img.onerror = "";\r
- return;\r
- }\r
- setTimeout(arguments.callee, delay);\r
- }, 0);\r
- }\r
- }\r
- },\r
- getAbsolutePath: function( path) {\r
- var e = document.createElement("div");\r
- e.innerHTML = '<a href=\"' + path + '\" />';\r
- return e.firstChild.href;\r
- },\r
- getAbsolutePosition: function( _elm){\r
- // Find the destination's position\r
- var destx = _elm.offsetLeft,\r
- desty = _elm.offsetTop,\r
- thisNode = _elm,\r
- body = document.body;\r
- while (thisNode.offsetParent && thisNode.offsetParent !== body){\r
- thisNode = thisNode.offsetParent;\r
- destx += thisNode.offsetLeft;\r
- desty += thisNode.offsetTop;\r
- }\r
- return {\r
- x: destx,\r
- y: desty\r
- }\r
- },\r
- pullHtmlAsTemplete: function( IDorELM){\r
- if( typeof IDorELM === 'string'){\r
- IDorELM = document.getElementById( IDorELM);\r
- }\r
- if( !IDorELM) return;\r
- IDorELM.parentNode && IDorELM.parentNode.removeChild( IDorELM);\r
- if( IDorELM.id && IDorELM.id.indexOf( 'templete-') === 0){\r
- IDorELM.id = '';\r
- }\r
- return IDorELM;\r
- },\r
- getElementsByClassName: function( _elm, _className, opt_tagName){\r
- var _all = !opt_tagName || opt_tagName === '*',\r
- _nodes = _all === true ? ( _elm.all || _elm.getElementsByTagName( '*')) : _elm.getElementsByTagName( opt_tagName),\r
- _node, _classes, ret = [];\r
- for( var i=0, l = _nodes.length; i<l; ++i){\r
- _node = _nodes[ i];\r
- if( _node.nodeType === 1){\r
- _classes = _node.className.split( ' ');\r
- for( var j=0, m=_classes.length; j<m; ++j){\r
- if( _classes[ j] === _className){\r
- ret.push( _node);\r
- break;\r
- }\r
- }\r
- }\r
- }\r
- return ret;\r
- },\r
- hasClassName: function( _elm, _className){\r
- var _classes = _elm.className.split( ' ');\r
- for( var i=0, l=_classes.length; i<l; ++i){\r
- if( _classes[ i] === _className) return true;\r
- }\r
- return false;\r
- },\r
- removeAllChildren: function ( _elm){\r
- while( _elm.firstChild){\r
- remove( _elm.firstChild);\r
- }\r
- function remove( _node){\r
- while( _node.firstChild){\r
- remove( _node.firstChild);\r
- }\r
- _node.parentNode && _node.parentNode.removeChild( _node);\r
- }\r
- },\r
- /*\r
- * \r
- */\r
- createGlobalFunction: function( _func) {\r
- var randomKey = null;\r
- while( true) {\r
- randomKey = '_glovalFunction_' + ( '' + Math.random()).replace( /\./,'');\r
- if( eval( 'typeof '+randomKey) === 'undefined') {\r
- break;\r
- }\r
- }\r
- window[ randomKey] = _func;\r
- return randomKey;\r
- },\r
- createGlobalFunc: function( func){\r
- var randomKey = null;\r
- while(true) {\r
- randomKey = 'hogeGlovalFunc_'+(''+Math.random()).replace(/\./,'');\r
- if(eval('typeof '+randomKey) == 'undefined') {\r
- break;\r
- }\r
- }\r
- eval(randomKey+'='+((typeof func=='string') ? func : func.toString()));\r
- return randomKey;\r
- },\r
- createGlobalVar: function( obj){\r
- var randomKey = null;\r
- while(true) {\r
- randomKey = 'hogeGlovalVar_'+(''+Math.random()).replace(/\./,'');\r
- if(eval('typeof '+randomKey+'') == 'undefined') {\r
- break;\r
- }\r
- }\r
- var globalObj = eval(randomKey+'={}');\r
- globalObj.value = obj;\r
- return randomKey;\r
- },\r
- createGlobalUniqueName: function(){\r
- var randomKey = null;\r
- while(true) {\r
- randomKey = '_uniqueName'+(''+Math.random()).replace(/\./,'');\r
- if( typeof window[randomKey] === 'undefined'){\r
- break;\r
- }\r
- }\r
- return randomKey;\r
- }\r
- }\r
-})();\r
-\r
-/*\r
- * pettanr.ua\r
- * \r
- * detect userAgent\r
- * detect plug in\r
- */\r
-pettanr.ua = ( function(){\r
- var ua = (function(){\r
- var acme = {};\r
- \r
- var n = navigator;\r
- var dua = n.userAgent;\r
- var dav = n.appVersion;\r
- var tv = parseFloat(dav);\r
- acme.isOpera = (dua.indexOf("Opera") >= 0) ? tv: undefined;\r
- acme.isKhtml = (dav.indexOf("Konqueror") >= 0) ? tv : undefined;\r
- acme.isWebKit = parseFloat(dua.split("WebKit/")[1]) || undefined;\r
- acme.isChrome = parseFloat(dua.split("Chrome/")[1]) || undefined;\r
- var index = Math.max(dav.indexOf("WebKit"), dav.indexOf("Safari"), 0);\r
- if(index && !acme.isChrome){\r
- acme.isSafari = parseFloat(dav.split("Version/")[1]);\r
- if(!acme.isSafari || parseFloat(dav.substr(index + 7)) <= 419.3){\r
- acme.isSafari = 2;\r
- }\r
- }\r
- if(document.all && !acme.isOpera){\r
- acme.isIE = parseFloat(dav.split("MSIE ")[1]) || undefined;\r
- }\r
- \r
- return acme;\r
- })(),\r
- isIE = navigator.userAgent.toLowerCase().indexOf( 'msie') !== -1,\r
- ieVersion = isIE === true ? parseInt( navigator.appVersion.toLowerCase().replace( /.*msie[ ]/, '').match( /^[0-9]+/)) : 0,\r
- ieRenderingVersion = ieVersion === 8 ? document.documentMode : ieVersion,\r
- isStanderdMode = document.compatMode === 'CSS1Compat',\r
- VML = ( function(){\r
- if( isIE === false || ieVersion > 8) return false;\r
- var globalObjectName = pettanr.util.createGlobalUniqueName(),\r
- script;\r
- document.write( [ '<!--[if gte vml 1]><script id="detectVML">window', '.', globalObjectName, '=1;<\/script><![endif]-->'].join( ''));\r
- if( window[globalObjectName] === 1){\r
- script = document.getElementById( 'detectVML');\r
- script.parentNode.removeChild( script);\r
- window[globalObjectName] = script = null;\r
- return true;\r
- }\r
- //pettanr.util.cleanCommnetNode();\r
- return false;\r
- })(),\r
- isStandAloneMode = ( function(){\r
- if( isIE === false) return false;\r
- if( VML === true) return false;\r
- var globalObjectName = pettanr.util.createGlobalUniqueName(),\r
- script;\r
- document.write( [ '<!--[if IE ', Math.floor( ieVersion), ']><script id="detectStandAlone">window', '.', globalObjectName, '=1;<\/script><![endif]-->'].join( ''));\r
- if( window[globalObjectName] === 1){\r
- script = document.getElementById( 'detectStandAlone');\r
- script.parentNode.removeChild( script);\r
- window[globalObjectName] = script = null;\r
- return false;\r
- }\r
- //pettanr.util.cleanCommnetNode();\r
- return true;\r
- })();\r
- return {\r
- IE: ua.isIE,\r
- GECKO: 0,\r
- OPERA: ua.isOpera,\r
- KHTML: ua.isKhtml,\r
- WEBKIT: ua.isWebKit,\r
- CHROME: ua.isChrome,\r
- isIE: isIE,\r
- ieVersion: ieVersion,\r
- ieRenderingVersion: ieRenderingVersion,\r
- isStanderdMode: isStanderdMode,\r
- VENDER_PREFIX: ( function() {\r
- var ua = navigator.userAgent.toLowerCase();\r
- if ( ua.indexOf('opera') !== -1) {\r
- return 'O';\r
- } else if ( ua.indexOf('msie') !== -1) {\r
- return 'ms';\r
- } else if ( ua.indexOf('webkit') !== -1) {\r
- return 'webkit';\r
- } else if ( navigator.product === 'Gecko') {\r
- return 'Moz';\r
- }\r
- return '';\r
- })(),\r
- ACTIVEX: ( function(){\r
- if( isIE === false || ieVersion > 8) return false;\r
- var b = document.body,\r
- c = b.className || '',\r
- x,\r
- ret = pettanr.URL_PARAMS.ActiveX;\r
- if( ret === undefined){\r
- if( pettanr.util.hasClassName( b, 'pettanr-ActiveX-enabled') === true) return true;\r
- if( pettanr.util.hasClassName( b, 'pettanr-ActiveX-disabled') === true) return false;\r
- x = document.createElement('div');\r
- b.appendChild(x);\r
- x.style.cssText = 'width:1px;height:1px;filter:progid:DXImageTransform.Microsoft.Shadow()';\r
- ret = x.offsetHeight > 1;\r
- b.removeChild(x);\r
- }\r
- b.className += [ c !== '' ? ' ' : c, 'pettanr-ActiveX-', ret === true ? 'enabled' : 'disabled'].join( '');\r
- return ret;\r
- })(),\r
- VML: VML,\r
- STANDALONE: isStandAloneMode,\r
- startVML: function(){\r
- delete this.startVML;\r
- if( pettanr.ua.VML !== true) return false;\r
- if (!document.namespaces["v"]) {\r
- document.namespaces.add("v", "urn:schemas-microsoft-com:vml", "#default#VML");\r
- }\r
- document.createStyleSheet().cssText = "v\:shape,v\:image{behavior:url(#default#VML);display:block;};";\r
- }\r
- }\r
-})();\r
-\r
-\r
-pettanr.CONST = ( function(){\r
- var isLocal = pettanr.LOCAL === true || pettanr.URL_PARAMS.exjson === false,\r
- RETTANR_ROOOT_PATH = 'http:\/\/pettanr.heroku.com\/';\r
- return {\r
- PETTANR_ROOT_PATH: RETTANR_ROOOT_PATH,\r
- URL_ORIGINAL_PICTURES_JSON: ( isLocal === true ? 'json\/' : RETTANR_ROOOT_PATH) + 'original_pictures.json',\r
- URL_PANELS_JSON: ( isLocal === true ? 'json\/' : RETTANR_ROOOT_PATH) + 'panels.json',\r
- NS_PETTANR_COMIC: 'pettanr-comic',\r
- RESOURCE_PICTURE_PATH: ( isLocal === true ? pettanr.ROOT_PATH : RETTANR_ROOOT_PATH) + 'resource_pictures\/'\r
- }\r
-})();\r
-\r
-\r
-pettanr.view = ( function(){\r
- /* create iframe overlay for user console */\r
- var location = document.location.pathname,\r
- isWorkPage = location.indexOf( '\/work.html') !== -1 || location.indexOf( '\work.html') !== -1,\r
- deep = location.indexOf( '\/diary\/') !== -1 ||\r
- location.indexOf( '\/test\/') !== -1 ||\r
- location.indexOf( '\/help\/') !== -1 ||\r
- location.indexOf( '\/sitemap\/') !== -1 ||\r
- location.indexOf( '\/wiki\/') !== -1,\r
- LoginUserNavi;\r
-\r
- if( isWorkPage === false){\r
- LoginUserNavi = ( function(){\r
- var _body = document.body,\r
- _root = document.getElementsByTagName( 'html')[ 0],\r
- filter,\r
- iframe, visible = false;\r
- return {\r
- init: function( viewIndex){\r
- filter = document.createElement( 'div');\r
- filter.style.position = 'absolute';\r
- filter.style.left = filter.style.top = '0px';\r
- filter.style.width = filter.style.height ='100%';\r
- filter.style.backgroundColor = '#fff';\r
- \r
- var ua = pettanr.ua,\r
- id = 'work',\r
- src = [\r
- deep === true ? '../' : '',\r
- 'work.html',\r
- typeof viewIndex === 'number' ? '?view=' +viewIndex : ''\r
- ].join( '');\r
- \r
- var el = document.createElement(ua.isIE ? '<iframe name="' + id + '" src="' + src + '">' : 'iframe');\r
- el.id = el.name = id;\r
- el.setAttribute( 'name', id);\r
- \r
- el.style.position = 'absolute';\r
- el.style.left = el.style.top = '0px';\r
- el.style.width = el.style.height ='100%';\r
- //el.style.overflow = 'hidden';\r
- el.hspace = el.vspace = el.marginheight = el.marginwidth = 0;\r
- \r
- _body.appendChild(el);\r
- window[id] = el;\r
- iframe = el;\r
- \r
- if (!ua.isIE) {\r
- var idoc;//WebKit > 521 corresponds with Safari 3, which started with 522 WebKit version.\r
- if (ua.isWebKit > 521) {\r
- idoc = el.contentWindow.document;\r
- } else if (ua.isSafari) {\r
- idoc = el.document;\r
- } else { // if(d.isMozilla){\r
- idoc = el.contentWindow;\r
- }\r
- \r
- if ( !idoc) {\r
- try {\r
- el.src = src;\r
- el.contentWindow.location.replace = src; \r
- } catch (e){}\r
- try {\r
- //el.contentWindow.location = src; \r
- } catch (e){}\r
- try {\r
- el.location = src; // for Safari 2.0.3 ??\r
- } catch (e){}\r
- \r
- } else if( ua.isOpera){\r
- el.src = src; // for Opera\r
- el.contentWindow.location.replace = src; // for Opera\r
- } else {\r
- //el.src = src; // for firefox\r
- idoc.location.replace(src);\r
- }\r
- }\r
- \r
- delete LoginUserNavi.init;\r
- },\r
- show: function(){\r
- if(visible === true) return;\r
- if (_root) {\r
- _root.style.overflow = 'hidden';\r
- }\r
- _body.style.overflow = 'hidden';\r
- \r
- var index = ( function( a){\r
- var node = a.parentNode.getElementsByTagName( 'a'),\r
- l = node.length;\r
- for( var i=0; i<l; ++i){\r
- if( node[ i] === a) return i\r
- }\r
- return -1;\r
- })( this);\r
- if( index === -1) return false;\r
- \r
- LoginUserNavi.init && LoginUserNavi.init( index);\r
- \r
- iframe.parentNode !== _body && _body.appendChild( iframe);\r
- \r
- _body.insertBefore( filter, iframe);\r
- \r
- visible = true;\r
- \r
- return false;\r
- },\r
- hide: function(){\r
- if(visible === false) return;\r
- \r
- _body.removeChild(filter);\r
- _body.style.overflow = '';\r
- if (_root) {\r
- _root.style.overflow = '';\r
- }\r
- _body.removeChild(iframe);\r
- \r
- visible = false;\r
- }\r
- }\r
- })();\r
- } else {\r
- LoginUserNavi = ( function(){\r
- return {\r
- show: function(){\r
- var _nodes = this.parentNode.getElementsByTagName( 'a');\r
- for( var i=0, l=_nodes.length; i<l; ++i){\r
- if( _nodes[ i] === this){\r
- pettanr.view.show( i);\r
- break;\r
- }\r
- }\r
- return false;\r
- },\r
- hide: function(){}\r
- }\r
- })();\r
-\r
- if( pettanr.IS_IFRAME === true){\r
- var _nodes = document.getElementsByTagName( 'a'),\r
- _a, _href;\r
- for(var i=0, l = _nodes.length; i<l; i++){\r
- _a = _nodes[ i];\r
- _href = _a.href.split('?')[0].split('#')[0];\r
- if( pettanr.util.getAbsolutePath( _href) !== location) _a.target = '_parent';\r
- }\r
- }\r
- \r
- if( pettanr.DEBUG === true){\r
- var elmDl = document.getElementById( 'useragent'),\r
- elmDt, elmDd,\r
- data = {\r
- pettanR: pettanr.version,\r
- ua: navigator.userAgent,\r
- platform: navigator.platform,\r
- appVersion: navigator.appVersion,\r
- appCodeName:navigator.appCodeName,\r
- appName: navigator.appName,\r
- language: navigator.browserLanguage || navigator.language,\r
- ActiveX: pettanr.ua.ACTIVEX\r
- },\r
- ua = pettanr.ua;\r
- if( ua.IE){\r
- //data.ua = 'Internet Explorer';\r
- data.version = ua.IE;\r
- if( ua.ieVersion >= 8) data.RenderingVersion = ua.ieRenderingVersion;\r
- data.browserType = ua.STANDALONE === true ? 'Standalone' : 'bundle';\r
- if( ua.ieVersion < 9) {\r
- data.vml = ua.VML;\r
- } else {\r
- data.svg = ua.SVG;\r
- }\r
- }\r
- data.RenderingMode = ua.isStanderdMode === true ? 'Standerd' : 'Quirks';\r
- \r
- for( var key in data){\r
- elmDt = document.createElement( 'dt');\r
- elmDt.innerHTML = key;\r
- elmDd = document.createElement( 'dd');\r
- elmDd.innerHTML = '' + data[ key];\r
- if( !data[ key]) elmDd.style.color = 'red';\r
- elmDl.appendChild( elmDt);\r
- elmDl.appendChild( elmDd);\r
- }\r
- } else {\r
- var _debug = document.getElementById( 'debug');\r
- if( _debug){\r
- pettanr.util.removeAllChildren( _debug);\r
- _debug.parentNode.removeChild( _debug);\r
- }\r
- }\r
- }\r
-\r
- /* global-navi */\r
- var navi = document.getElementById('global-navi'),\r
- origin = document.createElement('a'),\r
- items = ( function(){\r
- var ret = ['Home', 'Comic list', 'Picture', 'Setting'];\r
- pettanr.DEBUG === true && ret.push( 'debug');\r
- return ret;\r
- })(),\r
- l = items.length,\r
- item;\r
- origin.href = '#';\r
- for(var i=0; i<l; ++i){\r
- item = origin.cloneNode( true);\r
- item.innerHTML = items[ i];\r
- item.onclick = LoginUserNavi.show;\r
- navi.appendChild( item);\r
- }\r
- navi.style.width = ( ( item.offsetWidth || 80) * l) +'px';\r
- location = origin = item = null;\r
- \r
- /* debug info */\r
- // ua version, lang, os, plugin ( vml, svg), standerdmode, balloon, rimg\r
-\r
-/*\r
- * window resize event, overlay と currentなviewに流す\r
- * view modeの保持\r
- * editor, overlay, comic-viewer, image-explorer\r
- * fadeIn, faseOut\r
- */\r
-\r
- var jqWindow,\r
- funcArray,\r
- HOME_ID = 'entrance',\r
- VIEW_ID_ARRAY = [ HOME_ID, 'cabinet', 'gallery', 'backyard'],\r
- elmCurrent,\r
- currentView,\r
- currentID = ( function( _view){\r
- var _viewID;\r
- \r
- if( typeof _view === 'number' && _view < VIEW_ID_ARRAY.length){\r
- _viewID = VIEW_ID_ARRAY[ _view];\r
- } else\r
- if( typeof _view === 'string'){\r
- _viewID = _view;\r
- } else {\r
- _viewID = HOME_ID;\r
- }\r
-\r
- if( document.getElementById( _viewID)){\r
- return _viewID;\r
- }\r
- return HOME_ID;\r
- })( pettanr.URL_PARAMS.view);\r
- \r
- pettanr.DEBUG === true && VIEW_ID_ARRAY.push( 'debug');\r
- \r
- show();\r
- \r
- function onWindowResize(){\r
- var _fn,\r
- l = funcArray.length,\r
- w = jqWindow.width(),\r
- h = jqWindow.height();\r
- //for( var i=0; i<l; ++i){\r
- // _fn = funcArray[ i];\r
- // _fn.onWindowResize && _fn.onWindowResize( w, h);\r
- //}\r
- currentView && currentView.onWindowResize && currentView.onWindowResize( w, h);\r
- pettanr.overlay.currentID !== null && pettanr.overlay.onWindowResize( w, h);\r
- }\r
- function show(){\r
- if( isWorkPage === false) return;\r
- \r
- var _elm = document.getElementById( currentID);\r
- if( elmCurrent) elmCurrent.style.display = 'none';\r
- _elm.style.display = 'block';\r
- elmCurrent = _elm;\r
- \r
- var nodesA = navi.getElementsByTagName( 'a') || [],\r
- l = nodesA.length,\r
- _a;\r
- for(var i=0; i<l; ++i){\r
- if( nodesA[ i]){\r
- nodesA[ i].className = VIEW_ID_ARRAY[ i] === currentID ? 'current' : '';\r
- }\r
- }\r
- \r
- if( !pettanr.view || pettanr.view.init !== undefined) return;\r
- currentView = pettanr[ currentID];\r
- if( !currentView) return;\r
- typeof currentView.onOpen === 'function' && currentView.onOpen();\r
- setTimeout( onWindowResize, 0);\r
- }\r
- return {\r
- init: function( _funcArray){\r
- funcArray = _funcArray;\r
- jqWindow = pettanr.jqWindow();\r
- jqWindow.resize( onWindowResize);\r
- \r
- currentView = currentView || pettanr[ currentID];\r
- currentView && typeof currentView.onOpen === 'function' && currentView.onOpen();\r
- \r
- setTimeout( onWindowResize, 100);\r
- \r
- delete pettanr.view.init;\r
- },\r
- show: function( _viewID){\r
- if( typeof _viewID === 'number' && _viewID < VIEW_ID_ARRAY.length){\r
- _viewID = VIEW_ID_ARRAY[ _viewID];\r
- } else\r
- if( typeof _viewID === 'string'){\r
- _viewID = _viewID;\r
- } else {\r
- _viewID = HOME_ID;\r
- }\r
- for( var key in pettanr.view){\r
- if( pettanr.view[ key] === _viewID){\r
- if( currentID !== _viewID && document.getElementById( _viewID)){\r
- this.currentID = currentID = _viewID;\r
- show();\r
- }\r
- return;\r
- }\r
- }\r
- alert( _viewID);\r
- },\r
- currentID: currentID,\r
- HOME: HOME_ID,\r
- COMICS: VIEW_ID_ARRAY[ 1],\r
- IMAGES: VIEW_ID_ARRAY[ 2],\r
- SETTING: VIEW_ID_ARRAY[ 3],\r
- DEBUG: VIEW_ID_ARRAY[ 4],\r
- EDITOR: 'editor',\r
- OVERLAY: 'overlay'\r
- }\r
-})();\r
-\r
-pettanr.overlay = ( function(){\r
- var SHADOW_OPACITY = 0.5,\r
- jqConteiner, jqShadow, jqCloseButton,// jqBody, \r
- currentOverlay = null,\r
- visible = false,\r
- windowW, windowH;\r
-\r
-\r
- var IMAGE_GROUP_EXPROLER = ( function(){\r
- var ICON_ARRAY = [],\r
- WHEEL_DELTA = 64,\r
- containerW, containerH, wrapX,\r
- jqWrap, jqContainer, jqItemOrigin,\r
- itemW, itemH,\r
- jqName, jqButton, buttonW,\r
- folder, onUpdateFunction,\r
- winW,\r
- onEnterInterval = null;\r
- \r
- var BASE_PATH = pettanr.LOCAL === false ? 'http://pettan.heroku.com/images/' : 'images/',\r
- THUMB_PATH = BASE_PATH, // + 'thumbnail/',\r
- LIMIT_FILESIZE = 1024 * 10; // 10KB\r
- var IMAGE_DATA = 0;\r
- \r
- var ImageGroupIconClass = function( INDEX, data){\r
- var JQ_ICON_WRAP = jqItemOrigin.clone( true),\r
- SRC = [ BASE_PATH, data.id, '.', data.ext].join( ''),\r
- LOW_SRC = data.filesize && data.filesize > LIMIT_FILESIZE ? [ THUMB_PATH, data.id, '.', data.ext].join( '') : null,\r
- reversibleImage = null,\r
- actualW, actualH,\r
- onEnterFlag = false;\r
- JQ_ICON_WRAP.children( 'div').eq( 0).html( data.filesize + 'bytes');\r
- jqContainer.append( JQ_ICON_WRAP.css( { left: INDEX * itemW}));\r
- \r
- function onLoad( url, _imgW, _imgH){\r
- if( reversibleImage === null) {\r
- alert( url);\r
- return;\r
- }\r
- actualW = _imgW || 64;\r
- actualH = _imgH || 64;\r
- JQ_ICON_WRAP.children( 'div').eq( 1).html( actualW +'x' +actualH);\r
- var zoom = 128 /( actualW > actualH ? actualW : actualH),\r
- _h = Math.floor( actualH *zoom),\r
- _w = Math.floor( actualW *zoom);\r
- reversibleImage.elm.style.width = _w +'px';\r
- reversibleImage.elm.style.height = _h +'px';\r
- reversibleImage.elm.style.margin = Math.floor( itemH /2 -_h /2)+'px 0 0';\r
- reversibleImage.resize( _w, _h);\r
- JQ_ICON_WRAP.click( onClick);\r
- }\r
- \r
- function onClick( e){\r
- pettanr.overlay.hide();\r
- if (onUpdateFunction) {\r
- if( LOW_SRC === null){\r
- onUpdateFunction( SRC, actualW, actualH);\r
- } else {\r
- onCloseUpdate( onUpdateFunction); // close()で値が消えるので、クロージャに保持\r
- }\r
- }\r
- close(); \r
- }\r
- \r
- function onCloseUpdate( onUpdate){\r
- pettanr.util.loadImage( SRC,\r
- function( _abspath, imgW, imgH){\r
- onUpdate( SRC, imgW, imgH);\r
- onUpdate = null;\r
- },\r
- function( _abspath){\r
- onUpdate( SRC, data.width || 64, data.height || 64);\r
- onUpdate = null;\r
- }\r
- );\r
- }\r
- \r
- return {\r
- onEnter: function(){\r
- if( onEnterFlag === true) return;\r
- reversibleImage = pettanr.image.createReversibleImage( LOW_SRC || SRC, itemW, itemH, onLoad);\r
- JQ_ICON_WRAP.children( 'img').replaceWith( reversibleImage.elm);\r
- onEnterFlag = true; \r
- },\r
- destroy: function(){\r
- reversibleImage && reversibleImage.destroy();\r
- JQ_ICON_WRAP.remove();\r
- reversibleImage = JQ_ICON_WRAP = null;\r
- delete this.destroy;\r
- }\r
- }\r
- }\r
- \r
- function close(){\r
- jqContainer.stop().animate( {\r
- height: 0,\r
- top: Math.floor( windowH /2)\r
- }, function(){\r
- jqWrap.hide()\r
- });\r
- while( ICON_ARRAY.length > 0){\r
- ICON_ARRAY.shift().destroy();\r
- }\r
- onEnterInterval !== null && window.clearTimeout( onEnterInterval);\r
- onUpdateFunction = onEnterInterval = null;\r
- }\r
- function onEnterShowImage(){\r
- var l = ICON_ARRAY.length,\r
- _start = -wrapX /itemW -1,\r
- _end = _start + winW /itemW +1;\r
- for( var i=0; i<l; ++i){\r
- _start < i && i < _end && ICON_ARRAY[ i].onEnter();\r
- }\r
- onEnterInterval !== null && window.clearTimeout( onEnterInterval);\r
- onEnterInterval = null;\r
- }\r
- function onCloseClick(){\r
- pettanr.overlay.hide();\r
- // onUpdateFunction && onUpdateFunction( textElement);\r
- close();\r
- }\r
- function onMouseWheel( e, delta){\r
- if( winW < containerW){\r
- wrapX += delta *WHEEL_DELTA;\r
- wrapX = wrapX > 0 ? 0 : wrapX < winW -containerW ? winW -containerW : wrapX;\r
- jqContainer.css( { left: wrapX});\r
- \r
- onEnterInterval !== null && window.clearTimeout( onEnterInterval);\r
- onEnterInterval = window.setTimeout( onEnterShowImage, 500);\r
- }\r
- //e.stopPropagation();\r
- return false; \r
- }\r
- return {\r
- init: function(){\r
- this.jqWrap = jqWrap = $( '#image-gruop-wrapper').hide();\r
- jqContainer = $( '#image-icon-container').mousewheel( onMouseWheel);\r
- containerH = pettanr.util.getElementSize( jqContainer.get( 0)).height;\r
- jqItemOrigin = $( $( '#imageGruopItemTemplete').remove().html());\r
- var itemSize = pettanr.util.getElementSize( jqItemOrigin.get( 0));\r
- itemW = itemSize.width;\r
- itemH = itemSize.height;\r
- jqName = $( '#gruop-name-display');\r
- jqButton = $( '#image-gruop-button').click( onCloseClick);\r
- buttonW = pettanr.util.getElementSize( jqButton.get( 0)).width;\r
- \r
- delete IMAGE_GROUP_EXPROLER.init;\r
- },\r
- jqWrap: null,\r
- show: function( _folder, _onUpdateFunction){\r
- this.init !== undefined && this.init();\r
- \r
- folder = _folder;\r
- onUpdateFunction = _onUpdateFunction;\r
- pettanr.overlay.show( this);\r
- \r
- var l = _folder.getChildFileLength();\r
- for( var i=0; i<l; ++i){\r
- ICON_ARRAY.push( new ImageGroupIconClass( i, _folder.getChildFileByIndex( i)));\r
- }\r
- wrapX = 0;\r
- containerW = l * itemW;\r
- \r
- winW = windowW;\r
- var w = winW > containerW ? winW : containerW,\r
- h = windowH > containerH ? containerH : windowH;\r
- \r
- jqWrap.show();\r
- jqContainer.css( {\r
- width: w,\r
- height: 0,\r
- left: 0,\r
- top: Math.floor( windowH /2)\r
- }).stop().animate( {\r
- height: h,\r
- top: Math.floor( windowH /2 -h /2)\r
- });\r
- \r
- jqButton.css( {\r
- left: Math.floor( winW /2 -buttonW /2),\r
- top: Math.floor( windowH /2 +containerH /2 +10)\r
- });\r
- \r
- onEnterShowImage();\r
- },\r
- onWindowResize: function( _windowW, _windowH){\r
- var w = _windowW > containerW ? _windowW : containerW,\r
- h = _windowH > containerH ? containerH : _windowH,\r
- offsetW = Math.floor( _windowW /2 -winW /2);\r
- winW = _windowW;\r
- if( offsetW <= 0){ // smaller\r
- jqContainer.css( {\r
- left: offsetW,\r
- width: w\r
- }).animate( {\r
- left: 0,\r
- top: Math.floor( _windowH /2 -h /2)\r
- }); \r
- } else {\r
- jqContainer.css( { // bigger\r
- left: 0,\r
- width: w,\r
- borderLeftWidth: offsetW\r
- }).animate( {\r
- top: Math.floor( _windowH /2 -h /2),\r
- borderLeftWidth: 0\r
- });\r
- }\r
- jqButton.css( {\r
- left: Math.floor( _windowW /2 -buttonW /2),\r
- top: Math.floor( _windowH /2 +containerH /2 +10)\r
- });\r
- onEnterShowImage();\r
- },\r
- onClose: close,\r
- ID: 'imageGroupExproler'\r
- }\r
- })();\r
- /*\r
- * \r
- */\r
-\r
- function close(){\r
- currentOverlay && currentOverlay.onClose && currentOverlay.onClose();\r
- pettanr.overlay.hide(); \r
- }\r
- function asyncResize(){\r
- currentOverlay.onWindowResize( windowW, windowH);\r
- }\r
- function onCloseClick( e){\r
- close();\r
- e.preventDefault();\r
- return false; \r
- }\r
- return {\r
- init: function(){\r
- //jqBody = pettanr.jqBody();\r
- jqConteiner = $( '#overlay-container');\r
- jqShadow = $( '#overlay-shadow');\r
- jqCloseButton = $( '#overlay-close-button').click( onCloseClick);\r
- \r
- pettanr.key.addKeyDownEvent( pettanr.view.OVERLAY, 27, false, false, close); // 27.esc\r
- \r
- delete pettanr.overlay.init;\r
- },\r
- show: function( _currentOverlay){\r
- if( visible === true && currentOverlay === _currentOverlay) return;\r
- jqConteiner.stop().css( {\r
- filter: '',\r
- opacity: ''\r
- }).fadeIn();\r
- this.visible = visible = true;\r
- currentOverlay = _currentOverlay;\r
- this.currentID = _currentOverlay.ID;\r
- jqCloseButton.toggle( !!_currentOverlay.onClose);\r
- },\r
- hide: function(){\r
- currentOverlay = null;\r
- if( visible === false) return;\r
- jqConteiner.stop().css( {\r
- filter: '',\r
- opacity: ''\r
- }).fadeOut();\r
- this.visible = visible = false;\r
- this.currentID = null;\r
- },\r
- visible: visible,\r
- currentID: null,\r
- onWindowResize: function( _windowW, _windowH){\r
- jqConteiner.css( { height: _windowH});\r
- jqShadow.css( { height: _windowH});\r
- windowW = _windowW;\r
- windowH = _windowH;\r
- // 先にeditorのcanvasを確定する。\r
- currentOverlay && currentOverlay.onWindowResize && setTimeout( asyncResize, 0);\r
- }\r
- }\r
-})();\r
-\r
-/* ----------------------------------------\r
- * KEY\r
- * \r
- * - EDITABLE_TEXT_CONTROL\r
- * \r
- * .SHIFT_DOWN_EVENT: 'shiftDown',\r
- * .SHIFT_UP_EVENT: 'shiftUp',\r
- * .CTRL_DOWN_EVENT: 'ctrlDown',\r
- * .CTRL_UP_EVENT: 'ctrlUp',\r
- * .SPACE_DOWN_EVENT: 'spaceDown',\r
- * .SPACE_UP_EVENT: 'spaceUp',\r
- * .init: function,\r
- * .addKeyDownEvent: function,\r
- * .keyEventDispatcher: function,\r
- * \r
- * ショートカットキーの監視とテキスト入力(input, textarea)、チェックボックスを管理する。\r
- * キー入力はdocumentで受けて、テキスト編集中(input, textarea)はそちらにキーイベント流す。\r
- * \r
- */\r
-pettanr.key = ( function(){\r
- var log,\r
- jqWindow,\r
- keyOperationChatcher,\r
- KEYEVENT_ARRAY = [],\r
- shiftEnabled = false,\r
- ctrlEnabled = false;\r
- \r
- function keyHit( e){\r
- log.html( [ e.keyCode, e.shiftKey, e.ctrlKey, e.altKey, e.type].join( ','));\r
- //keyOperationChatcher.val( '');\r
- var cancel = false,\r
- callback = e.type,\r
- key = e.keyCode,\r
- overlayEnabled = pettanr.overlay.visible === true,\r
- currentViewID = overlayEnabled === true ? pettanr.overlay.currentID : pettanr.view.currentID;\r
- if( callback === 'keypress') callback = 'keydown';\r
- if( pettanr.form.keyEventRellay( e) === false){\r
- var shift = e.shiftKey,\r
- ctrl = e.ctrlKey,\r
- l = KEYEVENT_ARRAY.length,\r
- d;\r
- if( key === 16 || e.shiftKey === true){\r
- shiftEnabled = callback !== 'keyup';\r
- }\r
- if( key === 17 || e.ctrlKey === true){\r
- ctrlEnabled = callback !== 'keyup';\r
- }\r
-\r
- for( var i=0; i<l; i++){\r
- d = KEYEVENT_ARRAY[ i];\r
- if( (\r
- d.viewID === currentViewID ||\r
- ( overlayEnabled === true && d.viewID === pettanr.view.OVERLAY)\r
- ) &&\r
- d.keyCode === key &&\r
- ( d.shift === undefined || d.shift === shift) &&\r
- ( d.ctrl === undefined || d.ctrl === ctrl)\r
- ){\r
- ( function( func, e){\r
- func && setTimeout( function(){\r
- func( e);\r
- func = e = null;\r
- }, 0);\r
- })( d[callback], e);\r
- cancel = true;\r
- }\r
- }\r
- }\r
- if( cancel === true || key === 18 || key === 9 || key === 27 || e.altKey === true){ // 13.enter 18.esc 9.tab 27.esc || ( key === 13 && overlayEnabled === false)\r
- e.preventDefault();\r
- e.keyCode = 0;\r
- e.cancelBubble = true;\r
- e.returnValue = false;\r
- return false;\r
- }\r
- }\r
- \r
- var keyPress = pettanr.ua.isIE === true && pettanr.ua.ieRenderingVersion < 8 ? ( function( e){\r
- var key = e.keyCode;\r
- if( key === 13 || key === 27){\r
- keyHit( e);\r
- return false;\r
- }\r
- }) : null;\r
- \r
- return {\r
- init: function(){\r
- log = $( '#key-event-log').html( 'ready');\r
-\r
- jqWindow = pettanr.jqWindow().focus();\r
- keyOperationChatcher = pettanr.jqDocument()\r
- .keydown( keyHit)\r
- .keyup( keyHit)\r
- .mouseenter( function(){\r
- jqWindow.focus();\r
- });\r
- keyPress && keyOperationChatcher.keypress( keyPress);\r
-\r
- delete pettanr.key.init;\r
- },\r
- addKeyDownEvent: function( _viewID, _keyCode, _shift, _ctrl, _callbackFunction){\r
- KEYEVENT_ARRAY.push( {\r
- viewID: _viewID,\r
- keyCode: _keyCode,\r
- shift: _shift,\r
- ctrl: _ctrl,\r
- keydown: _callbackFunction\r
- });\r
- },\r
- addKeyUpdateEvent: function( _viewID, _keyCode, _shift, _ctrl, _callbackFunction){\r
- KEYEVENT_ARRAY.push( {\r
- viewID: _viewID,\r
- keyCode: _keyCode,\r
- shift: _shift,\r
- ctrl: _ctrl,\r
- keydown: _callbackFunction,\r
- keyup: _callbackFunction\r
- });\r
- },\r
- addCursorEvent: function( _viewID, _shift, _ctrl, _callbackFunction){\r
- \r
- },\r
- keyEventDispatcher: function(){\r
- return keyOperationChatcher;\r
- },\r
- shiftEnabled: function(){\r
- return shiftEnabled;\r
- },\r
- ctrlEnabled: function(){\r
- return ctrlEnabled;\r
- }\r
- }\r
-})();\r
-\r
-/*\r
- * pettanr.form\r
- * \r
- * keyEventRellay\r
- * form -> overlay -> view\r
- * \r
- */\r
-pettanr.form = ( function(){\r
- var FORM_GROUP_TABLE = {},\r
- currentID = null,\r
- currentItem = null,\r
- ELM_A_ORIGIN = ( function(){\r
- var ret = document.createElement( 'a');\r
- ret.href = '#';\r
- return ret;\r
- })(),\r
- ELM_INPUT_TEXT = ( function(){\r
- var ret = document.createElement( 'input');\r
- ret.type = 'text';\r
- return ret;\r
- })();\r
- \r
- var InputTextClass = function( WRAPPER_ELM, ON_UPDATE_FUNCTION, GROUP_ID, validater){\r
- validater = typeof validater === 'function' ? validater : null;\r
- \r
- var elmValue = pettanr.util.getElementsByClassName( WRAPPER_ELM, 'editable-value')[ 0],\r
- value,\r
- index = GROUP_ID ? FORM_GROUP_TABLE[ GROUP_ID].length : -1,\r
- instance,\r
- focus = false,\r
- visible = true,\r
- enabled = true,\r
- elmA = ELM_A_ORIGIN.cloneNode( true);\r
- \r
- if( elmValue === undefined){\r
- alert( 'error!');\r
- }\r
- value = elmValue.innerHTML;\r
- elmValue.innerHTML = '';\r
- elmValue.className += ' editable-text';\r
- \r
- elmA.innerHTML = value;\r
- elmValue.appendChild( elmA);\r
- WRAPPER_ELM.onclick = onClick;\r
- \r
- function onClick( e){\r
- focus = true;\r
- start( instance);\r
- elmA.style.display = 'none';\r
- elmValue.appendChild( ELM_INPUT_TEXT);\r
- ELM_INPUT_TEXT.value = value;\r
- ELM_INPUT_TEXT.focus();\r
- ELM_INPUT_TEXT.select();\r
- e && e.preventDefault();\r
- return false;\r
- }\r
- \r
- return {\r
- init: function(){\r
- instance = this;\r
- delete this.init;\r
- },\r
- update: function( _value){\r
- if( _value !== undefined){\r
- elmA.innerHTML = _value;\r
- value = _value;\r
- \r
- if( focus === true){\r
- ELM_INPUT_TEXT.value = value;\r
- }\r
- }\r
- currentItem === instance && this.finish();\r
- },\r
- start: function(){\r
- onClick();\r
- },\r
- finish: function( keep){\r
- var _newValue = ELM_INPUT_TEXT.value,\r
- _validated = validater !== null ? '' + validater( _newValue) : _newValue;\r
- _newValue = keep !== true ? _validated : value;\r
-\r
- elmValue.removeChild( ELM_INPUT_TEXT);\r
- \r
- elmA.innerHTML = _newValue;\r
- elmA.style.display = 'block';\r
- \r
- ON_UPDATE_FUNCTION && _newValue !== value && ON_UPDATE_FUNCTION( _newValue, value);\r
- finish( instance);\r
- \r
- focus = false;\r
- },\r
- enabled: function(){\r
- return enabled;\r
- },\r
- visible: function( _visible){\r
- if( _visible === true){\r
- WRAPPER_ELM.style.display = '';\r
- visible = true;\r
- } else\r
- if( _visible === false){\r
- WRAPPER_ELM.style.display = 'none';\r
- visible = false;\r
- }\r
- return visible;\r
- },\r
- index : index,\r
- groupID: GROUP_ID\r
- }\r
- }\r
-\r
-\r
- function start( _currentItem){\r
- currentItem !== _currentItem && currentItem && currentItem.finish();\r
- currentItem = _currentItem;\r
- }\r
- function finish( _currentItem){\r
- if( currentItem !== _currentItem) return;\r
- currentItem = null;\r
- }\r
-\r
- function tabShift( _groupID, _index, _way){\r
- var GROUP_ARRAY = FORM_GROUP_TABLE[ _groupID] || [],\r
- l = GROUP_ARRAY.length,\r
- i = _index +_way;\r
- if( l < 2) return;\r
- while( i !== _index){\r
- i = i < 0 ?\r
- l -1 :\r
- i === l ? 0 : i; // 0 < i < l\r
- if( GROUP_ARRAY[ i].enabled() === true && GROUP_ARRAY[ i].visible() === true) break;\r
- i += _way;\r
- }\r
- if( i === _index) return;\r
- setTimeout( GROUP_ARRAY[ i].start, 0);\r
- }\r
-\r
- return {\r
- init: function(){},\r
- focus: function(){\r
- return currentItem !== null; \r
- },\r
- keyEventRellay: function( e){\r
- if( e.type === 'keyup') return false;\r
- if( currentItem === null) return false;\r
- \r
- var keyCode = e.keyCode;\r
- if( keyCode === 13 || keyCode === 27 || keyCode === 9 || keyCode === 18 || e.altKey === true){ // 13.return 27.esc 9.tab 18.alt\r
- var _groupID = currentItem.groupID,\r
- _index = currentItem.index;\r
- currentItem.finish( keyCode === 27);\r
- keyCode === 9 && _groupID && tabShift( _groupID, _index, e.shiftKey === true ? -1 : 1);\r
- keyCode === 13 && _groupID && tabShift( _groupID, _index, 1);\r
- }\r
- return true;\r
- },\r
- createInputText: function( _elm, _onUpdate, _groupID, _validater){\r
- if( typeof _groupID === 'string' && !FORM_GROUP_TABLE[ _groupID]){\r
- FORM_GROUP_TABLE[ _groupID] = [];\r
- }\r
- var ret = new InputTextClass( _elm, _onUpdate, _groupID, _validater);\r
- ret.init();\r
- _groupID && FORM_GROUP_TABLE[ _groupID].push( ret);\r
- return ret;\r
- },\r
- createCheckBox: function(){\r
- \r
- },\r
- createRadio: function(){\r
- \r
- },\r
- createButton: function(){\r
- \r
- },\r
- createListBox: function(){\r
- \r
- }\r
- }\r
-})();\r
-\r
-\r
-/* ----------------------------------------\r
- * Vector Support\r
- * \r
- * __________\r
- * / \\r
- * / \\r
- * |,startX,Y |\r
- * tailX,Y - < |\r
- * |'endX,Y |\r
- * \ /\r
- * \__________/\r
- * \r
- * SVG\r
- * -----------------------\r
- * ie9, other modern browser\r
- * \r
- * XML\r
- * -----------------------\r
- * ie5.5-8\r
- * \r
- * 内部の角度計算は radian で統一したい。\r
- * 当初 vectorEnabled = true で一度書いてみる。\r
- * 駄目なら、代替のイメージのsrcの用意もここで担当。\r
- * 閲覧と編集両方で使う。\r
- * \r
- */\r
-pettanr.balloon = ( function() {\r
- var MIN_BALLOON_WIDTH = 30,\r
- MIN_BALLOON_HEIGHT = 30,\r
- TAIL_WIDTH = 6,\r
- TAIL_HEIGHT = 10,\r
- STROKE_WIDTH = 1.2,\r
- PADDING_TOP = TAIL_HEIGHT,\r
- PADDING_LEFT = TAIL_HEIGHT,\r
- ACCURACY = 1, // 有効少数桁 \r
- IS_VML = pettanr.ua.isIE === true && pettanr.ua.ieVersion < 9,\r
- ELM_BALLOON_ORIGIN = ( function(){\r
- var ret;\r
- try {\r
- if( IS_VML === true){\r
- ret = document.createElement( 'DIV');\r
- var shape = document.createElement( 'v:shape');\r
- shape.coordorigin = "0,0";\r
- shape.strokecolor = "black";\r
- shape.strokeweight = STROKE_WIDTH;\r
- shape.fillcolor = "white";\r
- ret.appendChild( shape);\r
- } else {\r
- var kSVGNS = 'http://www.w3.org/2000/svg';\r
- ret = document.createElementNS( kSVGNS, 'svg');\r
- var path = document.createElementNS( kSVGNS, 'path');\r
- path.setAttribute( 'fill', "white");\r
- path.setAttribute( 'stroke', "black");\r
- path.setAttribute( 'strokeWidth', STROKE_WIDTH);\r
- ret.appendChild( path);\r
- }\r
- return ret; \r
- } catch( e){\r
- return null;\r
- }\r
- })(),\r
- NUM_BALLOON_IMAGE = 24,\r
- vectorEnabled = ELM_BALLOON_ORIGIN !== null && pettanr.URL_PARAMS.vector !== false;\r
- if( IS_VML === true && pettanr.ua.VML === false) vectorEnabled = false;\r
-\r
- var XBROWSER_BALLOON_CLASS = function( w, h, a){\r
- var balloonElm = vectorEnabled === true ? ELM_BALLOON_ORIGIN.cloneNode( true) : document.createElement( 'img'), // pettanr.imageに変更\r
- path = balloonElm.getElementsByTagName( 'path')[ 0],\r
- shape = balloonElm.getElementsByTagName( 'shape')[ 0],\r
- cos = Math.cos, sin = Math.sin,\r
- abs = Math.abs, pow = Math.pow,\r
- round = Math.round,\r
- floor = Math.floor,\r
- TARGET = TAIL_WIDTH * TAIL_WIDTH,\r
- DEG_TO_RAD = Math.PI / 180,\r
- l = ',';\r
- \r
- draw( a, w, h);\r
- \r
- function draw( _a, _w, _h){\r
- a = _a !== undefined ? _a : a;\r
- w = _w !== undefined ? _w -PADDING_TOP *2 : w;\r
- h = _h !== undefined ? _h -PADDING_LEFT *2 : h;\r
-\r
- if( vectorEnabled === false){\r
- balloonElm.setAttribute( 'src', balloonUrlBuilder( a));\r
- return;\r
- }\r
- \r
- var rx = w /2,\r
- ry = h /2,\r
- tailRad = a * DEG_TO_RAD,\r
- tailX = rx +( rx +TAIL_HEIGHT) * cos( tailRad),\r
- tailY = ry +( ry +TAIL_HEIGHT) * sin( tailRad),\r
- startX, startY, endX, endY;\r
- /*\r
- * tailの太さをTAIL_WIDTHに一致させるため、角度を絞りつつ計算\r
- */\r
- var startRad, endRad,\r
- _startX, _startY, _endX, _endY,\r
- tailDeg = 0, d;\r
- \r
- for( var i = 45; i > 0.01; i /= 2){\r
- d = ( tailDeg +i) /2;\r
- startRad = ( a +d) * DEG_TO_RAD;\r
- endRad = ( a -d) * DEG_TO_RAD;\r
- \r
- _startX = rx +cos( startRad) *rx;\r
- _startY = ry +sin( startRad) *ry;\r
- _endX = rx +cos( endRad) *rx;\r
- _endY = ry +sin( endRad) *ry; //円弧上のY位置＝円中心Y＋sin(角度×PI÷180)×円半径\r
- \r
- if( pow( ( _startX -_endX), 2) + pow( ( _startY -_endY), 2) < TARGET){\r
- tailDeg += i;\r
- startX = _startX;\r
- startY = _startY;\r
- endX = _endX;\r
- endY = _endY; \r
- }\r
- }\r
-\r
- /*\r
- * \r
- */ \r
- if( IS_VML === true){\r
- var _tailX = tailX *10,\r
- _tailY = tailY *10,\r
- __startX = startX *10,\r
- __startY = startY *10,\r
- __endX = endX *10,\r
- __endY = endY *10,\r
- __w = w *10,\r
- __h = h *10;\r
- \r
- shape.style.width = w +'px';\r
- shape.style.height = h +'px';\r
- shape.coordsize = [ __w, __h].join( l);\r
- shape.path = [\r
- ' ar ', 0, l, 0, l, __w, l, __h, l,\r
- round( __endX), l, round( __endY), l,\r
- round( __startX), l, round( __startY),\r
- ' l ', round( _tailX), l, round( _tailY),\r
- ' x e'\r
- ].join( '');\r
-\r
- balloonElm.style.marginTop = _tailY < 0 ? floor( ( 60 +_tailY) /10) : 10;\r
- balloonElm.style.marginLeft = _tailX < 0 ? floor( ( 60 +_tailX) /10) : 10;\r
- } else {\r
- balloonElm.setAttribute( 'width', w +PADDING_LEFT *2);\r
- balloonElm.setAttribute( 'height', h +PADDING_TOP *2);\r
- path.setAttribute( 'd', [\r
- 'M', cround( tailX + PADDING_LEFT), l, cround( tailY +PADDING_TOP),\r
- 'L', cround( startX +PADDING_LEFT), l, cround( startY +PADDING_TOP),\r
- 'A', rx, l, ry,\r
- '0 1 1', // flag\r
- cround( endX +PADDING_LEFT), l, cround( endY +PADDING_TOP),\r
- 'z'\r
- ].join( ' '));\r
- }\r
- function cround( v, r){\r
- r = r || ACCURACY;\r
- return round( v *pow( 10.0, r)) /pow( 10.0, r);\r
- }\r
- }\r
- \r
- function balloonUrlBuilder( _a){\r
- var d = 360 /NUM_BALLOON_IMAGE;\r
- _a += 90 +d /2;\r
- return [ 'system_pictures\/_w', _a < 360 -d /2 ? floor( _a /d) : 0, '.gif'].join( '');\r
- }\r
- return {\r
- elm: balloonElm,\r
- resize: draw,\r
- angle: function( _a){\r
- _a !== undefined && _a !== a &&\r
- vectorEnabled === false ? balloonUrlBuilder( _a) : draw( _a);\r
- return a;\r
- },\r
- type: function( _type){\r
- //draw( _a);\r
- },\r
- getURL: function(){\r
- return balloonUrlBuilder( a);\r
- },\r
- destroy: function(){\r
- balloonElm.parentNode && balloonElm.parentNode.removeChild( balloonElm);\r
- balloonElm = null;\r
- delete this.destroy;\r
- }\r
- }\r
- };\r
- \r
- IS_VML === false && vectorEnabled === true && ( function(){\r
- var detect = XBROWSER_BALLOON_CLASS.apply( {}, [ 100, 100, 0]),\r
- size = pettanr.util.getElementSize( detect.elm);\r
- vectorEnabled = size.width !== 0 && size.height !== 0;\r
- detect.destroy();\r
- detect = size = null;\r
- })();\r
-\r
- return {\r
- createBalloon: function( _w, _h, _a){\r
- return XBROWSER_BALLOON_CLASS.apply( {}, [ _w, _h, _a]);\r
- },\r
- TYPE_NONE: 0,\r
- TYPE_SPEACH_BALLOON: 1,\r
- TYPE_THINKING: 2,\r
- TYPE_BOM: 3,\r
- TYPE_BLACK_BOX: 4,\r
- TYPE_BLUE_BOX: 5\r
- }\r
-})();\r
-\r
-/* ----------------------------------------\r
- * pettanr.image\r
- * \r
- * xBackendな画像反転、画像描画機能。\r
- * \r
- * 画像の反転\r
- * - css3\r
- * - ActiveX (ie)\r
- * - VML (ie)\r
- * - canvas ??\r
- * - flash(lite)\r
- * - silverlight\r
- * - pettan server\r
- * \r
- * png画像の表示(アルファpngをサポートしないie6以下のため)\r
- * - ActiveX\r
- * - VML\r
- * - flash(lite)\r
- * - silverlight\r
- * \r
- * -moz-transform:scale( -1, -1);\r
- */\r
-pettanr.image = ( function(){\r
- var REG_PNG = /\.png?/i,\r
- IS_CSS3 = 0,\r
- IS_VML = 1,\r
- IS_ACTIVEX = 2,\r
- IS_CANVAS = 3,\r
- IS_FLASH = 4,\r
- IS_SILVERLIGHT = 5,\r
- IS_SERVER = 6,\r
- IS_ACTIVEX_SERVER = 7,\r
- BACKEND = ( function(){\r
- if( pettanr.DEBUG === true && pettanr.URL_PARAMS.rimg){\r
- var rimg = pettanr.URL_PARAMS.rimg.toLowerCase();\r
- if( rimg === 'css3') return IS_CSS3;\r
- if( rimg === 'activex') return IS_ACTIVEX;\r
- if( rimg === 'vml') return IS_VML;\r
- }\r
- if( pettanr.ua.isIE === false || pettanr.ua.ieVersion >= 9) return IS_CSS3; // 不十分！\r
- if( pettanr.ua.VML === true) return IS_VML;\r
- if( pettanr.ua.ACTIVEX === true) return IS_ACTIVEX;\r
- if( pettanr.FLASH === true) return IS_FLASH;\r
- if( pettanr.SILVERLIGHT === true) return IS_SILVERLIGHT;\r
- return IS_SERVER;\r
- })(),\r
- BACKEND_WHEN_PNG = ( function(){\r
- if( pettanr.ua.isIE === false || pettanr.ua.ieVersion > 6) return BACKEND;\r
- if( pettanr.ua.VML === true) return IS_VML;\r
- if( pettanr.FLASH === true) return IS_FLASH;\r
- if( pettanr.SILVERLIGHT === true) return IS_SILVERLIGHT;\r
- if( pettanr.ua.ACTIVEX === true) return IS_ACTIVEX_SERVER;\r
- return IS_SERVER;\r
- })(),\r
- ReversibleImageClass,\r
- ReversibleImageClassWithPingfix;\r
- \r
- var XBackendReversibleImageClass = ( function(){\r
- var CLASS_NAME = 'reversible-image-container',\r
- CLASS_NAME_LOADING = CLASS_NAME + ' loading',\r
- CLASS_NAME_ERROR = CLASS_NAME +' error',\r
- RETRY_DELAY = 5000;\r
- NUM_RETRY = 3;\r
- \r
- var css3Image = function( url, w, h, onLoadCallback){\r
- var elmWrap = document.createElement( 'div'),\r
- elmImg,\r
- loaded = false,\r
- retryTimer = null;\r
- elmWrap.className = CLASS_NAME_LOADING;\r
- pettanr.util.loadImage( url, onLoad, onError, 100, 10000);\r
- function onLoad( _url, _actualW, _actualH){\r
- if( elmWrap === null) return;\r
- elmImg = new Image;\r
- /*\r
- * createElement 直後に append しないと、ie(ActiveX)で img が正しく表示されない．\r
- */\r
- elmWrap.appendChild( elmImg);\r
- elmImg.setAttribute( 'src', url);\r
- elmWrap.className = CLASS_NAME;\r
- onLoadCallback && onLoadCallback( _url, _actualW, _actualH);\r
- onLoadCallback = null;\r
- loaded = true;\r
- resize( w, h);\r
- }\r
- function onError( _url){\r
- if( elmWrap === null) return;\r
- elmWrap.className = CLASS_NAME_ERROR;\r
- retryTimer = setTimeout( function(){\r
- elmWrap.className = CLASS_NAME_LOADING;\r
- pettanr.util.loadImage( url, onLoad, onError, 100, 10000);\r
- }, RETRY_DELAY);\r
- }\r
- function resize( _w, _h){\r
- w = _w !== undefined ? _w : w;\r
- h = _h !== undefined ? _h : h;\r
- if( loaded === false) return;\r
- elmImg.className = w < 0 || h < 0 ? ( 'img-flip-' + ( w < 0 && h < 0 ? 'vh' : ( w < 0 ? 'h' : 'v'))) : '';\r
- }\r
- return {\r
- elm : elmWrap,\r
- resize: resize,\r
- destroy: function(){\r
- loaded === true && elmWrap.removeChild( elmImg);\r
- retryTimer !== null && clearTimeout( retryTimer);\r
- elmWrap = vmlImg = onLoadCallback = retryTimer = null;\r
- elmWrap = elmImg = onLoadCallback = null;\r
- delete this.destroy;\r
- }\r
- }\r
- }\r
- var activexImage = css3Image;\r
- var vmlImage = function( url, w, h, onLoadCallback){\r
- var elmWrap = document.createElement( 'div'),\r
- vmlImg,\r
- loaded = false,\r
- retryTimer = null;\r
- elmWrap.className = CLASS_NAME_LOADING;\r
- pettanr.util.loadImage( url, onLoad, onError, 100, 10000);\r
- function onLoad( _url, _actualW, _actualH){\r
- if( elmWrap === null) return;\r
- elmWrap.className = CLASS_NAME;\r
- vmlImg = document.createElement( 'v:image');\r
- vmlImg.src = url;\r
- loaded = true;\r
- resize( w, h);\r
- onLoadCallback && onLoadCallback( _url, _actualW, _actualH);\r
- onLoadCallback = null;\r
- }\r
- function onError( _url){\r
- if( elmWrap === null) return;\r
- elmWrap.className = CLASS_NAME_ERROR;\r
- retryTimer = setTimeout( function(){\r
- elmWrap.className = CLASS_NAME_LOADING;\r
- pettanr.util.loadImage( url, onLoad, onError, 100, 10000);\r
- }, RETRY_DELAY);\r
- }\r
- function resize( _w, _h){\r
- w = _w !== undefined ? _w : w;\r
- h = _h !== undefined ? _h : h;\r
- if( loaded !== true) return;\r
- vmlImg.style.width = w < 0 ? -w : w +'px';\r
- vmlImg.style.height = h < 0 ? -h : h +'px';\r
- //if( flipH !== _flipH || flipV !== _flipV){\r
- vmlImg.parentNode === elmWrap && elmWrap.removeChild( vmlImg);\r
- //}\r
- vmlImg.className = w < 0 || h < 0 ? ( 'img-flip-' + ( w < 0 && h < 0 ? 'vh' : ( w < 0 ? 'h' : 'v'))) : '';\r
- elmWrap.appendChild( vmlImg);\r
- }\r
- return {\r
- elm : elmWrap,\r
- resize: resize,\r
- destroy: function(){\r
- loaded === true && elmWrap.removeChild( vmlImg);\r
- retryTimer !== null && clearTimeout( retryTimer);\r
- elmWrap = vmlImg = onLoadCallback = retryTimer = null;\r
- delete this.destroy;\r
- }\r
- }\r
- }\r
- var serverImage = function( url, w, h, onLoadCallback){\r
- \r
- }\r
- \r
- return function( url, w, h, onLoadCallback){\r
- var flipH = w < 0,\r
- flipV = h < 0,\r
- onLoadCallbackAsync = onLoadCallback,// ? function(){ setTimeout( onLoadCallback, 0);} : undefined,// 一度読み込んだ画像は即座にonLoadになるため遅延\r
- xBackendImage = ( function( urlIsXDomain){\r
- if( BACKEND === IS_CSS3) return css3Image.apply( {}, [ url, w, h, onLoadCallbackAsync]);\r
- if( BACKEND === IS_VML) return vmlImage.apply( {}, [ url, w, h, onLoadCallbackAsync]);\r
- if( BACKEND === IS_ACTIVEX) return activexImage.apply( {}, [ url, w, h, onLoadCallbackAsync]);\r
- return serverImage.apply( {}, [ url, w, h, onLoadCallbackAsync]);\r
- })();\r
- return {\r
- elm: xBackendImage.elm,\r
- w: function( _w){\r
- _w !== undefined && xBackendImage.resize( _w, h);\r
- return w;\r
- },\r
- h: function( _h){\r
- _h !== undefined && xBackendImage.resize( w, _h);\r
- return h;\r
- },\r
- resize: xBackendImage.resize,\r
- destroy: function(){\r
- xBackendImage.destroy && xBackendImage.destroy();\r
- xBackendImage = onLoadCallback = onLoadCallbackAsync = null;\r
- delete this.destroy;\r
- }\r
- }\r
- }\r
- })();\r
- return {\r
- createReversibleImage: function( url, w, h, onLoadCallback){\r
- return XBackendReversibleImageClass.apply( {}, [ url, w, h, onLoadCallback]);\r
- }\r
- }\r
-})();\r
-\r
-/*\r
- * bind : 出版
- */\r
-pettanr.bind = ( function(){\r
- var BIND_WORKER_ARRAY = [],\r
- NAMESPACE_CLASSNAME = pettanr.CONST.NS_PETTANR_COMIC + '-',\r
- RESOURCE_PICTURE_PATH = pettanr.CONST.RESOURCE_PICTURE_PATH,\r
- ELM_DETECT_WIDTH = ( function(){\r
- var ret = document.createElement( 'div');\r
- ret.style.cssText = 'width: auto;height: 0;padding: 0;margin: 0;display: block;visibility: hidden;float: none;position: static;';\r
- return ret;\r
- })();\r
-\r
- /*\r
- * original\r
- * http://d.hatena.ne.jp/uupaa/20090720/1248097177\r
- */\r
- var ResizeAgentClass = function( onResizeFunction, opt_elmCheck){\r
- var _globalLock = 0,\r
- _size = { w: 0, h: 0 };\r
- _ie = !!document.all,\r
- _quirks = (document.compatMode || "") !== "CSS1Compat",\r
- _ieroot = _quirks ? "body" : "documentElement";\r
- _root = opt_elmCheck ? opt_elmCheck : ( _ie ? document[_ieroot] : window);\r
-\r
- function getInnerSize() {\r
- return {\r
- w: _root.innerWidth || _root.clientWidth,\r
- h: _root.innerHeight || _root.clientHeight\r
- };\r
- }\r
-\r
- function loop() {\r
- if (!_globalLock++) {\r
- var size = getInnerSize();\r
- if (_size.w !== size.w || _size.h !== size.h) { // resized\r
- _size = size; // update\r
- onResizeFunction( _size);\r
- }\r
- setTimeout( unlock, 0); // delay unlock\r
- }\r
- setTimeout(loop, 500);\r
- }\r
- function unlock(){\r
- _globalLock = 0;\r
- }\r
- loop();\r
- }\r
- \r
- \r
- var ElementBuilder = ( function(){\r
- var ELM_TITLE_ORIGN = ( function(){\r
- \r
- })(),\r
- ELM_TEXT_ORIGN = ( function(){\r
- var _table = document.createElement( 'table'),\r
- _tr = document.createElement( 'tr');\r
- _table.appendChild( _tr);\r
- _tr.appendChild( document.createElement( 'td'));\r
- _table.cellspacing = '0';\r
- return _table;\r
- })();\r
- \r
- function buildComicElement(){\r
- \r
- }\r
- \r
- function buildPanelElement( elmTarget, json, noClassnameMode){\r
- var _elmPanel = document.createElement( 'div'),\r
- _style = {\r
- "border-width": typeof json.border === 'number' ? json.border + 'px' : 0,\r
- width: json.width + 'px',\r
- height: json.height + 'px'\r
- },\r
- _cssText = [],\r
- _comicElements = json.panel_elements || [],\r
- _comicElement, _elmImgWrap, _rImg, _rPic, _balloon, _elmBalloonWrap, _elmText;\r
- if( noClassnameMode === true){\r
- \r
- } else {\r
- _elmPanel.className = NAMESPACE_CLASSNAME + 'panel';\r
- }\r
- for( var _key in _style){\r
- _cssText.push( _key + ':' + _style[ _key]);\r
- }\r
- _elmPanel.style.cssText = _cssText.join( ';');\r
- elmTarget.appendChild( _elmPanel);\r
- \r
- for( var i=0, l=_comicElements.length; i<l; ++i){\r
- _comicElement = _comicElements[ i];\r
- if( _comicElement.resource_picture){\r
- _rPic = _comicElement.resource_picture || {};\r
- _rImg = pettanr.image.createReversibleImage(\r
- [ RESOURCE_PICTURE_PATH, _rPic.id, '.', _rPic.ext].join( ''),\r
- _comicElement.width, _comicElement.height\r
- );\r
- _elmImgWrap = document.createElement( 'div');\r
- _elmPanel.appendChild( _elmImgWrap);\r
- _elmImgWrap.appendChild( _rImg.elm);\r
- _elmImgWrap.className = NAMESPACE_CLASSNAME + 'image';\r
- _elmImgWrap.style.cssText = [\r
- 'width:', Math.abs( _comicElement.width), 'px;',\r
- 'height:', Math.abs( _comicElement.height), 'px;',\r
- 'left:', _comicElement.x, 'px;',\r
- 'top:', _comicElement.y, 'px;',\r
- 'z-index:', _comicElement.z, ';'\r
- ].join( '');\r
- } else {\r
- _elmBalloonWrap = document.createElement( 'div');\r
- _elmPanel.appendChild( _elmBalloonWrap);\r
- _elmBalloonWrap.className = NAMESPACE_CLASSNAME + 'balloon';\r
- _elmBalloonWrap.style.cssText = [\r
- 'width:', _comicElement.width, 'px;',\r
- 'height:', _comicElement.height, 'px;',\r
- 'left:', _comicElement.x, 'px;',\r
- 'top:', _comicElement.y, 'px;',\r
- 'z-index:', _comicElement.z, ';'\r
- ].join( '');\r
-\r
- _balloon = pettanr.balloon.createBalloon( _comicElement.width, _comicElement.height, _comicElement.tail);\r
- _elmBalloonWrap.appendChild( _balloon.elm);\r
- \r
- _elmText = ELM_TEXT_ORIGN.cloneNode( true);\r
- _elmBalloonWrap.appendChild( _elmText);\r
- _elmText.className = NAMESPACE_CLASSNAME + 'speach';\r
- _elmText.getElementsByTagName( 'td')[ 0].appendChild( document.createTextNode( 'hello'));\r
- }\r
- }\r
- }\r
- \r
- return {\r
- build: function( elmTarget, json, zoom, noClassnameMode){\r
- // clean elmTarget\r
- pettanr.util.removeAllChildren( elmTarget);\r
- \r
- // json is Comic ? Panel ?\r
- if( json.panels){\r
- // comic\r
- \r
- } else\r
- if( json.panel_elements){\r
- // panel\r
- buildPanelElement( elmTarget, json, noClassnameMode);\r
- } else {\r
- // invalid json\r
- }\r
- }\r
- }\r
- })();\r
- \r
- var BindWorkerClass = function( elmTarget, json, zoomSelfEnabled, noClassnameMode){\r
- typeof json === 'object' && build( elmTarget, json);\r
- \r
- var elmDetectW = ELM_DETECT_WIDTH.cloneNode( false)\r
- \r
- if( zoomSelfEnabled === true){\r
- elmTarget.parentNode.insertBefore( elmDetectW, elmTarget);\r
- new ResizeAgentClass( onResize, elmDetectW);\r
- }\r
- function onResize(){\r
- \r
- }\r
- json && ElementBuilder.build( elmTarget, json, zoomSelfEnabled, noClassnameMode);\r
- \r
- return {\r
- init: function(){\r
- \r
- },\r
- zoom: function(){\r
- \r
- },\r
- json: function( _json){\r
- json = _json;\r
- ElementBuilder.build( elmTarget, _json, zoomSelfEnabled, noClassnameMode);\r
- },\r
- targetElement: function(){\r
- \r
- },\r
- layput: function(){\r
- \r
- },\r
- destroy: function(){\r
- \r
- }\r
- }\r
- }\r
- \r
- return {\r
- createBindWorker: function( elmTarget, opt_COMICJSONorPANELJSON, opt_zoomSelfEnabled, opt_noClassnameMode){\r
- var ret = new BindWorkerClass( elmTarget, opt_COMICJSONorPANELJSON, !!opt_zoomSelfEnabled, !!opt_noClassnameMode);\r
- BIND_WORKER_ARRAY.push( ret);\r
- return ret;\r
- },\r
- isBindWorkerInstance: function( _bindWorker){\r
- \r
- }\r
- }\r
-})();\r
-\r
-var VisualEffect = ( function(){\r
- \r
- var ANIMATION_TICKET_ARRAY = [],\r
- fpms = 50,\r
- TIMER = null,\r
- FILTER = 'filter',\r
- OPACITY = 'opacity',\r
- CORON = ':',\r
- EMPTY = '',\r
- SEMICORON = ';';\r
- \r
- function startAnimation( _elm, _cssObject, _onComplete, _onEnterFrame, _numFrames){\r
- var _ticket;\r
- for( var i=0, l=ANIMATION_TICKET_ARRAY.length; i<l; ++i){\r
- _ticket = ANIMATION_TICKET_ARRAY[ i];\r
- if( _ticket.elm === _elm) {\r
- _ticket.destroy();\r
- break;\r
- }\r
- }\r
- // coputedStyle と _cssObject を比較して , 一致及び非数は削除しつつ コピー\r
- //\r
- var _currentParameters = [],\r
- _offsetParameters = [],\r
- _endParameters = [],\r
- _targetAttributes = [];\r
- \r
- ANIMATION_TICKET_ARRAY.push( new AnimationTaskClass(\r
- _elm,\r
- _currentParameters, _offsetParameters, _endParameters, _targetAttributes,\r
- typeof _onComplete === 'function' ? _onComplete : null,\r
- typeof _onEnterFrame === 'function' ? _onEnterFrame : null,\r
- _numFrames\r
- ));\r
- \r
- if( TIMER === null){\r
- TIMER = window.setInterval( onEnterFrame, fpms);\r
- }\r
- }\r
- function onEnterFrame(){\r
- var _ticket,\r
- i = 0;\r
- while( i<ANIMATION_TICKET_ARRAY.length){\r
- _ticket = ANIMATION_TICKET_ARRAY[ i];\r
- if( _ticket.onEnterFrame() === true){\r
- _ticket.destroy();\r
- ANIMATION_TICKET_ARRAY.splice( i, 1);\r
- } else {\r
- ++i;\r
- }\r
- }\r
- if( ANIMATION_TICKET_ARRAY.length === 0){\r
- window.clearInterval( TIMER);\r
- TIMER = null;\r
- }\r
- }\r
- function updateCss( _elm, _updateParameters, _targetAttributes, _numAttributes){\r
- if( _numAttributes > 1){\r
- var _cssTexts = _elm.style.cssText.split( ';'), _css,\r
- _separate,\r
- _cssObject = {}, _target, _value, _number, _type, _new,\r
- j;\r
- for(var i=0, l=_cssTexts.length; i<l; ++i){\r
- _css = _cssTexts[ i];\r
- _separate = _css.indexOf( ':');\r
- if( _separate >= 3){\r
- _target = _css.substr( 0, _separate +1);\r
- _value = _css.substr( _separate +1);\r
- /*\r
- * ie filter
- */\r
- if( _target === FILTER){\r
- for( j=0; j<_numAttributes; ++j){\r
- if( _targetAttributes[ j] === OPACITY){\r
- \r
- \r
- \r
- break;\r
- }\r
- }\r
- /*\r
- * other
- */\r
- } else {\r
- _number = '' + parseFloat( _value);\r
- _type = _value.indexOf( _number);\r
- _type = _type > 0 ? _value.substr( _type + _number.length) : '';\r
- for( j=0; j<_numAttributes; ++j){\r
- if( _targetAttributes[ j] === _target){\r
- _cssTexts[ i] = [ _target, ':', _updateParameters[ j], _type].join( '');\r
- break;\r
- }\r
- } \r
- }\r
- }\r
- }\r
- _elm.style.cssText = _cssTexts.join( ';');\r
- return; \r
- }\r
- /*\r
- * 一度に update する Attributes が少ない場合、cssText は使用しない.
- */\r
- \r
- }\r
- \r
- var AnimationTaskClass = function( ELM, currentParameters, offsetParameters, endParameters, targetAttributes, onComplete, onEnterFrame, numFrames){\r
- var l = targetAttributes.length;\r
- return {\r
- elm: ELM,\r
- onEnterFrame: function(){\r
- var _updateCss = {};\r
- if( numFrames === 1){\r
- for( var i=0; i<l; ++i){\r
- _updateCss[ targetAttributes[ i]] = endParameters[ i];\r
- ++i;\r
- }\r
- updateCss( ELM, currentParameters, targetAttributes, l);\r
- onComplete !== null && onComplete();\r
- } else {\r
- for( var i=0; i<l; ++i){\r
- _updateCss[ targetAttributes[ i]] = currentParameters[ i] = Math.floor( currentParameters[ i] + offsetParameters[ i]);\r
- ++i;\r
- }\r
- updateCss( ELM, currentParameters, targetAttributes, l);\r
- onEnterFrame !== null && onEnterFrame( _updateCss);\r
- }\r
- --numFrames;\r
- return numFrames === 0;\r
- },\r
- destroy: function(){\r
- ELM = onComplete = onEnterFrame = null;\r
- }\r
- }\r
- }\r
- \r
- var VisualEffectClass = function( ELM){\r
- var isHtmlElement;\r
- \r
- function resisterAnime( _cssObject, _onComplete, _onEnterFrame, _time){\r
- var _numFrames = Math.floor( _time / fpms);\r
- startAnimation( ELM, _cssObject, _onComplete, _onEnterFrame, _numFrames);\r
- }\r
- function startFadeIn(){\r
- \r
- }\r
- function startFadeOut(){\r
- \r
- }\r
- function update( _x, _y, _w, _h){\r
- var _cssText = ELM.style.cssText;\r
- \r
- }\r
- \r
- this.anime = resisterAnime;\r
- this.fadeIn = startFadeIn;\r
- this.fadeOut = startFadeOut;\r
- this.update = update;\r
- }\r
- \r
- return {\r
- createVisualEffect: function( _elm){\r
- return new VisualEffectClass( _elm);\r
- },\r
- isInstanceOfVisualEffect: function( _instance){\r
- return _instance instanceof VisualEffectClass;\r
- }\r
- }\r
-})();\r
-\r
-\r
-\r
-/*\r
- * Google Analytics\r
- */\r
-\r
-if( pettanr.LOCAL === false){\r
- var _gaq = _gaq || [];\r
- _gaq.push(['_setAccount', 'UA-28023955-1']);\r
- _gaq.push(['_trackPageview']);\r
- \r
- (function() {\r
- var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;\r
- ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';\r
- var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);\r
- })(); \r
-}
\ No newline at end of file
OSDN Git Service
