";
marker.style.cssText="position:absolute; margin:0; padding:0; background-color:transparent; border-style:none; font-size:small;z-index:1000; width:100%";
var cs=clientSize(); var d=document;
marker.style.marginLeft="-"+ (atoi(currentStyle(doc.body,"marginLeft"),0)+atoi(currentStyle(doc.body,"borderLeftWidth"),0)+atoi(currentStyle(doc.body,"paddingLeft"),0))+"px";
marker.style.top=getPageYOffset()+2; marker.style.visibility="hidden"; doc.body.appendChild(marker);
this.e = marker.firstChild;
this.set(str); this._d = setTimeout(bindThis(marker,function(){this.style.visibility="visible";}),delay);
this._t = setInterval(
bindThis(this, function(){
var cs=clientSize();
(function(c,s){
switch(v) {
case "c": s.top=getPageYOffset()+Math.round((cs.height-this._pos.height)/2) + "px"; break;
case "b": s.top=getPageYOffset()+cs.height-this._pos.height+"px"; break;
case "t": default: s.top=getPageYOffset()+"px"; break;
}
switch(h) {
case "l": c.left="0"; break;
case "c": c.left=getPageXOffset()+Math.round(cs.width/2-this._pos.width/2)+"px"; break;
case "r": default: c.left=getPageXOffset()+cs.width-this._pos.width+"px"; break;
}
})(this.marker.firstChild.style,this.marker.style);
/*
with ({c:this.marker.firstChild.style, s:this.marker.style}) {
switch(v) {
case "c": s.top=getPageYOffset()+Math.round((cs.height-this._pos.height)/2) + "px"; break;
case "b": s.top=getPageYOffset()+cs.height-this._pos.height+"px"; break;
case "t": default: s.top=getPageYOffset()+"px"; break;
}
switch(h) {
case "l": c.left="0"; break;
case "c": c.left=getPageXOffset()+Math.round(cs.width/2-this._pos.width/2)+"px"; break;
case "r": default: c.left=getPageXOffset()+cs.width-this._pos.width+"px"; break;
}
}
*/
}),10);
};
Indicator.prototype.set = function(str) {
this.e.innerHTML=(str===undefined?"":str);
this._pos=pos(this.e, true);
};
Indicator.prototype.remove = function(str, delay) {
delay=(delay===undefined)?(str?1000:1):Math.max(delay,1); if (str) this.set(str); clearTimeout(this._d);
setTimeout(bindThis(this, function() { clearInterval(this._t); this._t=null; removeElement(this.marker)}), delay);
};
G.Indicator=Indicator;
/*
* G.PHistory.add(on back function?); TODO
*/
G.PHistory = function(){
var fr=doc.createElement("iframe");
fr.id="phistory"; fr.name="phistory";
};
/**
* make mask div element (z-index:e+1 or 100);
* @param {htmlElement} e optional: target element (default:whole client area)
* @param {string} cssText optional: cssText for mask
* @param {string} className optional: class for mask element (default:mask)
*/
function createMask(e,cssText,className) {
className=className||"mask"; cssText=cssText||""; var z=(e)?(atoi("0"+currentStyle(e,"zIndex"))):99, p;
if(e){p=pos(e); p.z=z+1;}
else{var c=clientSize(),d=documentSize(); p={top:0,left:0,width:Math.max(c.width,d.width),height:Math.max(c.height,d.height),z:z+1};}
var m=doc.createElement("div"); doc.body.appendChild(m);
m.className=className;
m.style.cssText=cssText+";padding:0;margin:0;border-style:none;position:absolute;zoom:1;"
+tmpl("width:${width}px;height:${height}px;top:${top}px;left:${left}px;z-index:${z};",p);
return m;
};
G.createMask=createMask;
/**
* make dummy div element for effects.
* @param {htmlElement} e source element;
*/
function createDummy(e){
var c=e.cloneNode(true), n=doc.createElement("div"), p=pos(e); n.appendChild(c);
n.style.cssText="padding:0;margin:0;";
/*
for (var s in e.style) {
var ss=s;
switch(s) {
case "length": case "cssText": case "parentRule": case "item": break;
case "cssFloat": case "styleFloat": ss="float";
default: try{var cs=currentStyle(e,ss); if (typeof cs=="string") {n.style[s]=cs;}}catch(ex){CONSOLE.error("createDummy():style="+s+":"+dump(ex));}
}
}
n.style.width=p.width+"px"; n.style.height=p.height+"px"; n.style.padding="0"; n.style.borderStyle="none";
//c.style.margin="0";
c.style.left="0"; c.style.top="0";
*/
return n;
};
G.createDummy=createDummy;
/**
* calculate inartia like start-end point
* @param {number} s start number
* @param {Object} e end number
* @param {Object} t ticks count
*/
function calcAnim(s,e,t) {
var ret=[]; for(var i=Math.PI; i
e.style.display="" and shutter up effect with dummy element
* @param {htmlElement} e source element
* @param {object} p {width:(px),height:(px)}
* @param {function} f on sutter complete functoin(e)
* @param {object} pos for display
*/
function shadedown(e,f,tick,p){
//MEMO: IE has window.offscreenBuffering? http://msdn.microsoft.com/workshop/author/dhtml/reference/properties/offscreenbuffering.asp
//MEMO: Safari cannot get styles with display:none;
tick=(tick===undefined)?8:tick;
if (p===undefined) {
var ob=window.offscreenBuffering; window.offscreenBuffering = true;
e.style.display="block"; p=pos(e,true); e.style.display="none";
window.offscreenBuffering = ob;
}
CONSOLE.log("shadedown():pos="+p);
var ctnr=createDummy(e); e.parentNode.insertBefore(ctnr,e);
switch(ctnr.style.position) { case "absolute": case "relative": break; default: ctnr.style.position="relative";}
var c=ctnr.firstChild; c.style.width=p.cw+"px"; c.style.position="absolute"; // clip は absoluteでないと効かない
var an=calcAnim(p.height,0,tick);
//ctnr.style.cssText+="visibility:visible;display:block;";
ctnr.style.visibility="visible";ctnr.style.display="block";
var doanim = bindThis({e:e, c:c, an:an, p:p, ctnr:ctnr, f:f},function(){
var t=this.an.shift();
var ob=window.offscreenBuffering; window.offscreenBuffering=true;
this.ctnr.style.height=Math.max(0,this.p.ch-t)+"px";
this.c.style.marginTop=(-1)*t+"px";
this.c.style.clip=tmpl("rect(${t}px,${r}px,${b}px,${l}px)",{t:t,b:this.p.height,l:0,r:this.p.width});
window.offscreenBuffering=ob;
//c.style.cssText+="visibility:visible;display:block";
c.style.visibility="visible";c.style.display="block";
if (this.an.length==0){ clearInterval(tm);
var ob=window.offscreenBuffering; window.offscreenBuffering=true;
//this.e.style.cssText+="visibility:visible;display:block";
this.e.style.visibility="visible";this.e.style.display="block";
//this.ctnr.parentNode.replaceChild(e,this.ctnr);
this.ctnr.parentNode.insertBefore(e,this.ctnr);
G.removeElement(this.ctnr); this.ctnr=null;
window.offscreenBuffering=ob;
if (this.f){this.f(this.e);}
}
});
var tm=setInterval(doanim,50);
};
G.shadedown=shadedown;
/**
* toggle block element by another block
* @param {htmlElement} s switch element
* @param {htmlElement} t target element
* @param {function} f on complete toggle function(ishidden)
* @param {number} tick optional: tick count for animation
*/
function toggleBlock(s,t,f,tick){
if (!toggleBlock._ctn) { toggleBlock._ctn=setStyleSheet(".tbctnr {padding:0;margin:0;border-style:none;overflow:hidden;} ");}
return G.addEvent(s,"click", bindThis({s:s,t:t,f:f,tick:tick},function(e){
CONSOLE.log("toggleBlock():display="+currentStyle(this.t,"display"));
if (toggleBlock._toggling){return stopBubble(G.parseEvent(e));}
e=G.parseEvent(e); /*var p=pos(this.t);*/
if (currentStyle(this.t,"display")=="none"){
toggleBlock._toggling=true;
shadedown(this.t, bindThis({f:this.f},function(e){toggleBlock._toggling=false; if(this.f){this.f(true)};}),this.tick);
} else {
toggleBlock._toggling=true;
shadeup(this.t, bindThis({f:this.f},function(e){toggleBlock._toggling=false;if(this.f){this.f(false);}}),this.tick);
}
return stopBubble(e);
}));
};
G.toggleBlock=toggleBlock;
/**
* cross browser opacity css string.
* @param {number} o opacity 0(transparent) to 1
*/
function opacity(o) {return tmpl("opacity:${o};-moz-opacity:${o};zoom:1;filter:alpha(opacity=${op})",{o:o,op:Math.floor(o*100)});};
G.opacity=opacity;
/**
* cross browser opacity setting.
* @param {htmlElement} e target element
* @param {number} o opacity (0 to 1)
*/
function setOpacity(e,o){
if (window.ActiveXObject){if(!e.currentStyle.hasLayout){e.style.zoom=1;} e.style.filter="alpha(opacity="+Math.floor(o*100)+")";}
else {e.style.opacity=o; e.style.MozOpacity=o;}
};
G.setOpacity=setOpacity;
/**
* G.fadeout element to visibility:hidden
* @param {htmlElement} e target element
* @param {number} ms optional: msec for G.fadeout (defalut:500)
* @param {function} f optional: function(e,orgCssText) execute after G.fadeout completed
* @return {function} css reset function(e,originalCssText)
*/
function fadeout(e,ms,f) {
ms=ms||1000;var o=e.style.cssText, n=createDummy(e);
setTimeout(bindThis({e:e,n:n},function(){this.e.style.display="none";this.e.parentNode.insertBefore(this.n,this.e);}),1);
var t=setInterval(bindThis({e:e,n:n,o:o,f:f}, function(){
ms-=100;if(ms<5){clearInterval(t);
e.style.cssText=this.o+";visibility:hidden;"; this.n.style.display="none";
setTimeout(function(){removeElement(this);}.bindThis(this.n),10);if(this.f){this.f(this.e,o);}
return;}
setOpacity(this.n,(1-100/ms));
}),100);
return bindThis({e:e,o:o},function(){this.e.style.cssText=this.o;});
};
G.fadeout=fadeout;
/**
* G.fadein visibility:hidden element to visibility:visible
* @param {htmlElement} e target element
* @param {number} ms optional: msec for G.fadein (default:500)
* @param {function} f optional: function(e,orgCssText) execute after G.fadein completed
* @return {function} css reset function
*/
function fadein(e,ms,f) {
ms=ms||1000;var r, a, o=e.style.cssText;
(r?r.e:e).style.visibility="visible"; setOpacity(e,0);
var t=setInterval((function(e,r,ms,o,f){
return function(){
ms=ms-100;if(ms<5){clearInterval(t);if(r){r();} e.style.cssText=o+";visibility:visible;";if(f){f(e,o);} return;}
setOpacity((r?r.e:e),(100/ms));
};})(e,r,ms,o,f),100);
return (function(e,o){return function(){if(r){r();} if(e){e.style.cssText=o;e=null;o=null;}};})(a,o,r);
};
G.fadein=fadein;
/**
* vibration element
* @param {htmlElement} e target element
* @param {number} ms optional: msec for G.vibrate (default:500)
* @param {function} optional: function(e) execute after vibration complete
*/
function vibrate(e,ms,f) {
ms=(ms===undefined)?500:ms;var ot=atoi("0"+currentStyle(e,"top")),ol=atoi("0"+currentStyle(e,"left"));
var oc=e.style.cssText, cnt=0, P=vibrate._P;
if (currentStyle(e,"position")!="absolute") {e.style.position="relative";}
var it=setInterval((function(e,f){return function(){
if(cnt*50>ms){clearInterval(it);e.style.cssText=oc;if(f){f(e);} return;}
e.style.top=ot+P[cnt%P.length][0]+"px"; e.style.left=ol+P[cnt%P.length][1]+"px"; cnt++;
};})(e,f),50);
};
vibrate._P = [[-3,0],[0,-3],[0,3],[3,0]];
G.vibrate=vibrate;
/**
* add drop shadow divs.
* insert a div element as firstchild
* @param {htmlElement} e target
*/
function addShadow(e) {
if(!addShadow._s) {addShadow._s = G.setStyleSheet(
".dropshadow {margin:0;padding:0;line-height:0;font-size:0;position:relative;border-style:none;width:0;height:0;}"+
".dropshadow * { left:10px; top:10px; "+
" border-style:none;margin:0;padding:0;line-height:0;font-size:0;position:absolute;" +
" background:url("+G._BASEPATH+"dropshadow.png) no-repeat right bottom; background-color:transparent; " +
" opacity:0.3; -moz-opacity:0.3; filter:alpha(opacity=30),progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+G._BASEPATH+"dropshadow.png')} "
);}
switch(e.style.position){ case "absolute": case "relative": break; default: e.style.positon="relative"; }
var s=doc.createElement("div"); s.className="dropshadow"; s.innerHTML="";
e.insertBefore(s, e.firstChild);
var resizeFunc=bindThis({s:s,e:e},function(){
var e=this.e,s=this.s,p=pos(e),zi=atoi(currentStyle(e,"zIndex"),0)-1;
s.style.cssText="left:-"+(atoi(currentStyle(e,"paddingLeft"),0)+atoi(currentStyle(e,"borderLeftWidth",0)))+"px;"
+"top:-"+(atoi(currentStyle(e,"paddingTop"),0)+atoi(currentStyle(e,"borderTopWidth"),0))+"px;z-index:"+zi+";";
s.firstChild.style.cssText="width:10px;height:"+p.height+"px;left:"+p.width+"px";
s.lastChild.style.cssText="width:"+(p.width-10)+"px;height:10px;background-position:left bottom;top:"+(p.height)+"px";
//CONSOLE.log("shadow resize");
});
resizeFunc();
//G.addEvent(window,"resize",resizeFunc); // 動きがいまいち
//G.addEvent(e,"resize",resizeFunc); // 動きがいまいち
s._resizeNotify=resizeFunc;
return s;
};
G.addShadow=addShadow;
/* test */
function Marquee(b,c){
this.box=b;
switch(G.currentStyle(b,"positon")){
case "relative": case "absolute":
break;
default:
b.style.position="relative";
}
this.cont=c;
c.style.whiteSpace="nowrap;";
c.style.position="absolute";
this._orgleft=c.style.left;
}
Marquee.prototype.start=function(interval){
interval=interval||200;
this._timer=setInterval((function(){
if(!this.cont){clearInterval(this._timer);return;}
var left=G.atoi((G.currentStyle(this.cont,"left")||"0px").replace("px",""));
this.cont.style.left=left-4+"px";
}).bindThis(this),interval);
};
Marquee.prototype.reset=function(){
clearInterval(this._timer);
this.cont.style.left=this._orgleft;
};
G.Marquee=Marquee;
/**
* create popupmenu (display:none)
* @param {object} md object for menu.
* [
* {l:"label", // or lh:"label html"
* f:function(e){clicked process}, // onclick
* s:true, // ispmenusep
* m:[ ] // submenu
* },
* ]
* sample css .pmenu { list-style-type:none; font-size:x-small; }, .focuseditem { }
* @param {string} css width for menu
*/
function PopupMenu(md, w) {
w=(w===undefined)?"7em":w;
if (!PopupMenu._s) { PopupMenu._s = G.setStyleSheet(
".pmenu { text-align:left; cursor:default; z-index:10000; margin:0; padding:0; position:absolute; list-style-type:none; /* font-size:small; */ font-family:sans-serif; } " +
".pmenu li { padding:2px 0.5em; position:relative; white-space:nowrap; } " +
".pmenu li.pmenusep { padding:0; margin:2px auto; height:0; width:95%; font-size:0px; line-height:0px; } " +
".pmenu img { vertical-align:middle; border:none; }"+
".pmenu .pmenu { display:none; } " +
".pmenu .focusedpmitem .pmenu { display:block; } " +
".pmenu .pmsub { background: url("+G._BASEPATH+"tricl12.png) no-repeat right center; } " +
"" +
"/* windows classic style */ " +
".pmenu { background-color:#bbb; color:black; border-top:2px solid #ddd; border-left:2px solid #ddd; border-bottom:2px solid #888; border-right:2px solid #888; } " +
".pmenu li.pmenusep { border-top:1px solid #999; border-bottom:1px solid #ddd; } " +
".pmenu li.focusedpmitem { color:white; background-color:#009;} " +
".pmenu li.focusedpmitem .pmenu { background-color:#bbb;} " +
"" +
"/* windows XP style */ " +
".pmenu { background-color:white; color:black; border:1px solid #bb9; padding:2px; } " +
".pmenu li.pmenusep { border-style:none; border-top:1px solid #bb9; } " +
".pmenu li.focusedpmitem .pmenu { background-color:white;} "
);}
var m=doc.createElement("ul"), sms=[];
m.id="pmenu-"+(PopupMenu._cnt++);
m.className="pmenu"; m.style.position="absolute"; m.style.width=w;
G.each(md, function(v){
var l=doc.createElement("li"); m.appendChild(l);
if ("l" in v || "lh" in v){
l.innerHTML=v.l?G.esc(v.l):v.lh;
if(v.f){
G.setHover(l,
function(e){G.addClassName(this,"focusedpmitem");},
function(e){G.removeClassName(this,"focusedpmitem");}
);
}
}
if ("m" in v){
var cm=new PopupMenu(v.m); sms.push(cm); l.appendChild(cm.e); G.addClassName(l, "pmsub");
G.setHover(l,(function(l,cm){return function(e){
var p=G.pos(l,true);
cm.show(0,p.width-8);
};})(l,cm));
}
if ("f" in v){var cf=function(e){e=G.parseEvent(e);v.f(e);return stopBubble(e);}; G.addEvent(l,"mouseup",cf); G.addEvent(l,"click",function(e){return stopBubble(G.parseEvent(e));}); G.addEvent(l,"mousedown",function(e){return stopBubble(G.parseEvent(e));});}
if ("s" in v){l.className="pmenusep";}
});
doc.body.appendChild(m);
this.e=m;
/*
G.setHover(m,null,(function(pm){return function(e){
pm.hide();
};})(this));
*/
//(function (){this._shadow=addShadow(m);}).bindThis(this).later(1000);
//return m;
};
PopupMenu._cnt=0;
PopupMenu.prototype.show=function(x,y){
this.e.style.top=y+"px";
this.e.style.left=x+"px";
if(this.e.style.display=="block"){return;}
this.e.style.display="block";
this._eh=[
G.addEvent(document,"click",(function(ev){
ev=G.parseEvent(ev);
if(!ev.click.l){return;}
if(!G.$SA(ev.target,"#"+this.e.id)){
this.hide();
return G.stopBubble(ev,true);
}
}).bindThis(this)),
G.addEvent(document,"keypress",(function(ev){
ev=G.parseEvent(ev);
if(ev.keyAsc==27){
this.hide();
return G.stopBubble(ev,true);
}
}).bindThis(this))
];
};
PopupMenu.prototype.hide = function(){
this.e.style.display="none";
while(this._eh&&this._eh[0]){
G.removeEvent(this._eh.pop());
}
G.$C({c:"focusedpmitem",f:function(e){G.removeClassName(e,"focusedpmitem");}});
};
G.PopupMenu=PopupMenu;
/**
* create tree
* @param {object} td object for tree.
* [{l:"label",f:function(e){clicked process},c:[childtree td] },...]
* sample css .pmenu { list-style-type:none; font-size:x-small; }, .focuseditem { }
* @param {string} css width for menu
* @param {boolean} optional:expandall defalult:false
* @return {htmlUlElement} element
*/
function tree(td,w,f) {
w=(w===undefined)?"":w; f=(f===undefined)?false:f;
if (!tree._s) { tree._s = setStyleSheet(
".tree { list-style:none } " +
".tree, .tree * { cursor:default; margin:0; padding:0; font-family:sans-serif; } " +
".tree .treelabel { }" +
".tree .tree {margin-left:1em}"
);}
var d=doc.createElement("ul"); d.className="tree"; d.style.width=w;
G.each(td, function(v) {
var sd=doc.createElement("li"); d.appendChild(sd);
if ("l" in v){
var a=doc.createElement("label"); a.className="treelabel"; a.innerHTML=v.l;
sd.appendChild(a);
}
if ("c" in v){
G.addClassName(sd.firstChild,"treefolderlabel")
var ct=tree(v.c); sd.appendChild(ct);
if(!f){ct.style.display="none";}
toggleBlock(a,ct,null,3);
}
if ("f" in v){var cf=function(e){e=G.parseEvent(e);if(e.currentTarget==e.target)v.f(e);return stopBubble(e);}; G.addEvent(a,"click",cf);}
});
return d;
};
G.tree=tree;
function genTreeDefFromObj(o,fo,fn){
fo=(fo===undefined)?function(p,v){return {l:"["+p+"]"};}:fo;
fn=(fn===undefined)?function(p,v){return {l:" "+p+":"+v}}:fn;
var r=[];
G.each(o,function(v,p){
if(isObject(v)){ var d=fo(p,v,o); d.c=genTreeDefFromObj(v,fo,fn); r.push(d);}
else{var d=fn(p,v,o); r.push(d);}
});
return r;
}
G.genTreeDefFromObj=genTreeDefFromObj;
/**
* genTreeDefFromXML converts XML string to E4X like object (without xml header).
* @param {string} str source XML string
*/
function genTreeDefFromXML(str) {
var ret=[],m,s=0,a,c=ret,p=[],t,pn=[];
function addN(o,p,v){ if(!(v instanceof Array)){o.push({l:p,v:v,f:function(){alert(this.v);}});}else{o.push({l:"<"+p+">", c:v});} }
var add=addN;
function addAttrs(o,str){
var m,r=new RegExp("\\s*(([^\\s=]+?)\\s*=\\s*\"(.*?)\"|([^\\s=]+?)\\s*=\\s*'(.*?)')\\s*","gm");
while((m=r.exec(str))){if(m===null){break;} o.push({l:"@"+(m[2]||m[4]),v:unesc((m[3]||m[5]),"X"),f:function(){alert(this.v)}}) ;}
}
var r = new RegExp("("+[fromXML.XMLDECL_STR,fromXML.COMMENT_STR,fromXML.CDATA_STR,
fromXML.OPTAGRX_STR,fromXML.CLTAGRX_STR,fromXML.OCTAGRX_STR].join("|")+")", "gm");
var no;
while((m=r.exec(str))){
if (m===null) {break;}
t=str.substring(s,r.lastIndex-m[0].length); if(t&&t.length>0){ add(c,"#text",unesc(t,"X")); }
if(m[5]!==undefined){no=[];if(m[6]){addAttrs(no,m[6]);} add(c,m[5],no); p.push(c); pn.push(m[5]); c=no; }//OP
else if(m[7]!==undefined){ //CL
/*
if (!n) {
var cn=0; for (var pr in c){ if (c.hasOwnProperty(pr)){cn++;} }
if (cn==1&&("#text" in c)) {p[p.length-1][pn[pn.length-1]]=c["#text"];}
}
*/
c=p.pop(); pn.pop();
}
else if(m[8]!==undefined){no=[];if(m[9]){addAttrs(no,m[9]);} add(c,m[8],no);}//OPCL
else if(m[3]!==undefined){add(c,"#comment",m[3]);}//COMMENT
else if(m[4]!==undefined){add(c,"#cdata-section",m[4]);}//CDATA
else if(m[2]){}//DECL
s=r.lastIndex;
}
//CONSOLE.log(toJSON(ret,true));
return ret;
};
G.genTreeDefFromXML=genTreeDefFromXML;
/**
* document auto scroll vertical
* @param {boolean} f optional: true/false
*/
function autoscroll(f) {
if (f||f===undefined) {
function scrollin(cx, cy, cs) {
var ox=getPageXOffset(),oy=getPageYOffset()
if (cy < 15) {scrollBy(0,Math.round((cy-15)/1.5)) } else if (cy > cs.height - 15) {scrollBy(0,Math.round((15-cs.height+cy)/1.5)) }
//if (cx < 15) {scrollBy(Math.round((cx-15)/1.5),0) } else if (cx > cs.width - 15) {scrollBy(Math.round((15-cs.width+cx)/1.5),0) }
if (ox!=getPageXOffset()||oy!=getPageYOffset()) autoscroll._t=setTimeout(bindThis({cx:cx, cy:cy, cs:cs }, function(){scrollin(this.cx, this.cy, this.cs)}), 15);
}
autoscroll._e=G.addEvent(document, "mousemove", function(e) {
clearTimeout(autoscroll._t); var cs = clientSize(); e=G.parseEvent(e); scrollin(e.clientX, e.clientY, cs);
});
} else { autoscroll._e && G.removeEvent(autoscroll._e); delete autoscroll._e; }
};
G.autoscroll=autoscroll;
/**
* element resizable
* @param {htmlElement} e target element;
* @param {string} css cursor style for resizable mark ()
* @param {function} optional: onresizestart on resize start function(event, element, maskElement)
* @param {function} optional: onresizing on resizing function(event, element, maskElement);
* @param {function} optional: onresizefix on fix function(event, elment);
*/
function setResizable(e,cursor,onresizestart, onresizing,onresizefix) {
cursor=(cursor)?cursor:"se-resize"; var redo;
G.addEvent(e, "mousemove", bindThis({e:e, c:cursor}, function(ev) {
ev=G.parseEvent(ev); var p=pos(this.e,true), ox=p.left+p.width, oy=p.top+p.height;
if (ox-8 < ev.pos.x && ev.pos.x <= ox && oy-8 < ev.pos.y && ev.pos.y <= oy) { this.e.style.cursor=this.c;}
else { this.e.style.cursor=""}
return stopBubble(ev);
}));
G.addEvent(e, "mousedown", bindThis({e:e, cursor:cursor, onresizestart:onresizestart, onresizing:onresizing, onresizefix:onresizefix },function(ev) {
ev=G.parseEvent(ev);
if (currentStyle(this.e, "cursor")!=this.cursor) { return stopBubble(ev,false); }
var os=this.e.style.cssText, m=createMask(); m.style.cursor="se-resize";
m.style.backgroundColor="white"; setOpacity(m,0.5);
// this.epos: pos(e) when mouse down, this.o: ev.pos when mouse down
var e1 = G.addEvent(m, "mousemove",
bindThis({m:m, e:this.e, epos:pos(this.e,true), o:ev.pos, f:this.onresizing }, function(ev) {
ev=G.parseEvent(ev); var w= this.epos.cw + (ev.pos.x - this.o.x), h=this.epos.ch + (ev.pos.y - this.o.y);
this.e.style.width=w+"px"; this.e.style.height=h+ "px";
var c=documentSize();
m.style.height=c.height+"px"; m.style.width=c.width+"px";
if (this.f){this.f(ev,this.e,this.m)}
return stopBubble(ev);
}));
// this.m: mask element, this.e:e, this.e1:event, this.e2:event
var e2 = G.addEvent(m, "mouseup",
bindThis({m:m, e:this.e, e1:e1, e2:e2, cursor:this.cursor, f:this.onresizefix }, function(ev) {
ev=G.parseEvent(ev); G.removeEvent(this.e1); G.removeEvent(this.e2); removeElement(this.m);
this.e.style.cursor="auto"; if (this.f) {this.f(ev,this.e);} // onresizefix()
return stopBubble(ev);
}));
if (this.onresizestart) {this.onresizestart(ev, this.e, m)}
return stopBubble(ev);
}))
};
G.setResizable=setResizable;
/**
* edit inner text (or html).
* focus out : fix, esc key : cancel
* @param {htmlElement} e target element
* @param {boolean} f optional: if true, edit HTML source. (default:false)
* @param {function} sf optional: function onstartedit(inputelement,originalelement);
* @param {function} ef optional: function onendedit(originalelement,newvalue,inputelement);
*/
function editInnerText(e,f,sf,ef) {
if (e._editing) {return;} e._editing=true;
f=(f===undefined)?false:f; var p=pos(e,true), nt="textarea";
var ed={cw:Math.max(p.cw,150),ch:p.ch};
switch(currentStyle(e,"display")){ case "inline": case "run-in": case "inline-table": nt="input";}
if(nt=="textarea"){ed.ch=Math.max(p.ch,50);}
var n=e.cloneNode(false),ie=doc.createElement(nt),os=e.style.cssText;
ie.style.cssText=
"margin:-2px;padding:0;font-family:inherit;font-style:inherit;background-color:inherit;color:inherit;font-size:inherit;"
+"overflow:visible;"
+tmpl("width:${cw}px;height:${ch}px;",ed);
if (f) {ie.value=e.innerHTML;}
else {
n.innerHTML=e.innerHTML.replace(/\r?\n/g,"").replace(/<(br|\/h\d+|p|\/div|\/tr)\s*\/?>/ig,"\u0001");
ie.value=(n.textContent||n.innerText||"").replace(/\u0001/g,"\n");
n.innerHTML="";
}
n.appendChild(ie); e.style.display="none"; e.parentNode.insertBefore(n,e);
setResizable(ie); ie.focus();
var e1=G.addEvent(ie, "blur", bindThis({e:e,n:n,ie:ie,os:os,ef:ef}, function(){
e=G.parseEvent(e); var v=this.ie.value; this.e.innerHTML=esc(v).replace(/\n/g,"
");
this.e.style.cssText=this.os; removeElement(this.n); this.e._editing=null;
if (this.ef){this.ef(this.e,v,this.ie);}
return stopBubble(e,false);
}));
var e2=G.addEvent(ie, "keyup", bindThis({e:e,n:n,ie:ie,os:os}, function(e){
e=G.parseEvent(e);var r=false;
if (e.keyCode===27 /* ESC */) {r=true; removeElement(this.n); this.e.style.cssText=this.os; this.e._editing=null;}
return stopBubble(e,r);
}));
if (sf){sf(ie,e);}
};
G.editInnerText=editInnerText;
/**
* select all text in INPUT type=text
* @param {htmlInputElement} e
*/
function inputSelectAll(e){
if (e.createTextRange){ //IE
var r=e.createTextRange();e.focus();
r.move("character", (-1)*e.value.length); // んー…
r.moveStart("character", 0);
r.moveEnd("character", e.value.length-0);
r.select();
e.focus();
} else if (e.setSelectionRange) {
e.focus(); e.setSelectionRange(0, e.value.length);
}
};
G.inputSelectAll=inputSelectAll;
function setAutoInputSelectAll(e){
G.each(G.$C({t:/^(input|textarea)$/i},e),function(e){
switch(e.tagName.toLowerCase()){
case "input":
if(e.type!="password"&&e.type!="text"&&e.type!=""){return;}
case "textarea":
G.addEvent(e,"focus",G.inputSelectAll.bindArgs(e));
}
});
}
G.setAutoInputSelectAll=setAutoInputSelectAll;
/**
* usage:
*
* var wiz=new Wizard(G.$("wizelem"));
* wiz.onNext=function(idx){if(err){return function(wiz){onerror}}}; // onPrev,onCancel,onComplete ,onEnable
* wiz.onCancel=function(idx){if(err){return function(wiz){onerror}}}; // true -> break cancel;
* wiz.onComplete=function(idx){if(err){return function(wiz){onerror}}}; // true -> break complete;
* wiz.start();
* @param {Object} e
*/
function Wizard(e){
if(!Wizard._s){Wizard._s=setStyleSheet(".wizpage { display:none } ")}
this.e=e; this.seq=G.$S(".wizpage",e); this.cur=0; this.last=-1;
G.addEvent(e,"click",G.bindThis(this,wizClickHandler));
function wizClickHandler(e){
e=G.parseEvent(e);
var btn;
if(e.target.tagName.toLowerCase()=="input"){
btn=e.target.name;
}
switch(btn){
case "_wiznext": this.next(); break;
case "_wizprev": this.prev(); break;
case "_wizcancel": this.cancel(); break;
case "_wizcomplete": this.complete(); break;
default: return G.stopBubble(e,false);
}
return G.stopBubble(e,true);
}
}
Wizard.prototype.onEnable=wizonenable;function wizonenable(idx,wiz,lastidx){};
Wizard.prototype.onNext=wizonnext;function wizonnext(idx,wiz){};
Wizard.prototype.onPrev=wizonprev;function wizonprev(idx,wiz){};
Wizard.prototype.onCancel=wizoncancel;function wizoncancel(idx,wiz){};
Wizard.prototype.onComplete=wizoncomplete;function wizoncomplete(idx,wiz){};
Wizard.prototype.start=function wizstart(f){
f&&f(this);
this.last=-1;
this.enable(0);
};
Wizard.prototype.enable=function wizenable(idx,f){
this.seq[this.cur].style.display="none";
this.cur=idx;
this.seq[idx].style.display="block";
if(idx>this.last){
this.onEnable(idx,this,this.last);
}
this.last=idx;
if(f){f(idx,this);}
};
Wizard.prototype.next=function wiznext(f){
var self=this;
((f||this.onNext)(this.cur,this)||function(){self.enable(self.cur+1);})(this);
};
Wizard.prototype.prev=function wizprev(f){
var self=this;
((f||this.onPrev)(this.cur,this)||function(){self.enable(self.cur-1);})(this);
//var f=this.onPrev(this.cur,this);if(typeof f=="function"){f(this);}else{this.enable(this.cur-1);}
};
Wizard.prototype.cancel=function wizcancel(f){
var self=this;
((f||this.onCancel)(this.cur,this)||function(){self.enable(0);})(this);
//var f=this.onCancel(this.cur,this);if(typeof f=="function"){f(this);}else{this.enable(0);}
};
Wizard.prototype.complete=function wizcomplete(f){
((f||this.onComplete)(this.cur,this)||function(){})(this);
//var f=this.onComplete(this.cur,this);if(typeof f=="function"){f(this);}else{}
};
G.Wizard=Wizard;
/**
* usage:
* .......dialog content
* var dlg=new Dialog(G.$("idforwizard"));
* dlg.onShow=function(elem){}; dlg.onHide=function(elem){};
* dlg.show(); dlg.hide();
* @param {htmlElement} e target block element
*/
function Dialog(e){
if(!Dialog._s){Dialog._s=setStyleSheet(
".dialog { position:absolute; width:50%; height:auto; background-color:white; top:0; left:0;border:1px solid black; z-index:200; display:none; } "+
".dialogmask {position:absolute; background-color:#000;"+opacity(0.25)+"; z-index:199; display:none; } "+
"/* body.showingdialog select, body.showingdialog embed, body.showingdialog object {visibility:hidden;} */ "+
"/* body.showingdialog .dlgshowing select, body.showingdialog .dlgshowing embed, body.showingdialog .dlgshowing object {visibility:visible;} */ "
);
var im=doc.createElement("iframe");
im.src=G._BASEPATH+"dummy.html";
im.style.cssText="z-index:199;display:none;border:none;margin:0;padding:0;";
im.className="dialog";
doc.body.appendChild(im);
Dialog.prototype.im=im;
}
var ob=window.offscreenBuffering;window.offscreenBuffering=true;
var d=documentSize(), c=clientSize();
G.addClassName(e,"dialog");e.style.display="block"; /*this._shadow=addShadow(e);*/ e.style.display="none";
window.offscreenBuffering=ob;
this.e=e; //this.m=m;
};
Dialog.prototype.show = function(){
Dialog.showing=true;
G.addClassName(this.e,"dlgshowing");
G.addClassName(doc.body,"showingdialog");
var ob=window.offscreenBuffering;window.offscreenBuffering=true;
//this.m.style.display="block";
var m=createMask(); G.addClassName(m,"dialogmask"); m.style.display="block"; this.m=m;
this.e.style.display="block";
function centerize(e){
var c=clientSize(),p=pos(e);
var t=Math.max(0,getPageYOffset()+Math.floor((c.height-p.height)/2));
var l=Math.max(0,getPageXOffset()+Math.floor((c.width-p.width)/2));
e.style.top=t+"px"; e.style.left=l+"px";
return {top:t,left:l,width:p.width,height:p.height};
}
var a=centerize(this.e);
if(this.im){
this.im.style.display="block";
this.im.style.width=a.width+"px";this.im.style.height=a.height+"px";
this.im.style.top=a.top+"px";this.im.style.left=a.left+"px";
}
this.e.focus(); if(this.onShow){this.onShow(this.e);}
window.offscreenBuffering=ob;
};
Dialog.prototype.hide = function(){
Dialog.showing=false;
G.removeClassName(this.e,"dlgshowing");
G.removeClassName(doc.body,"showingdialog");
var ob=window.offscreenBuffering;window.offscreenBuffering=true;
removeElement(this.m); this.e.style.display="none"; if(this.im){this.im.style.display="none";}
if(this.onHide){this.onHide(this.e);}
window.offscreenBuffering=ob;
};
Dialog.prototype.resizeNotify = function(){
function centerize(e){
var c=clientSize(),p=pos(e);
var t=Math.max(0,getPageYOffset()+Math.floor((c.height-p.height)/2));
var l=Math.max(0,getPageXOffset()+Math.floor((c.width-p.width)/2));
e.style.top=t+"px"; e.style.left=l+"px";
return {top:t,left:l,width:p.width,height:p.height};
}
var a=centerize(this.e);
if(this.im){
this.im.style.display="block";
this.im.style.width=a.width+"px";this.im.style.height=a.height+"px";
this.im.style.top=a.top+"px";this.im.style.left=a.left+"px";
}
};
G.Dialog=Dialog;
/**
* tab and tab contents
*
* ...
* ...
*
* ...
* ...
* new Tabs(G.$("NAME"),{ "NAME_SUB1":function(contElem,tabElem){...} });
* class:"tabselected", "tabselectedcont"
*
* @param {htmlElement} e element include tab elements
* @param {Object} fs { "tabid":onEnableFunction(tebcontElem,tabElem),... }
*/
function Tabs(e,fs,style){
if (Tabs._s == undefined) {
Tabs._s = setStyleSheet(".tabselected { font-weight:bold; } .tabcont { display:none; } .tabcont.tabselectedcont { display:block; } ");
}
this.baseId=e.id; this.tabs=[]; this.contents={}; this.onenable=fs;
this._initializedtab={};
G.each(G.$C({i:new RegExp(esc("^"+e.id+"_","R"))},e),bindThis(this,function(te){
//CONSOLE.log("Tabs:found tab:"+getXPath(te));
this.tabs.push(te);
if(G.$(te.id+"_cont")){
this.contents[te.id]=G.$(te.id+"_cont");
//CONSOLE.log("Tabs:found cont:"+getXPath(G.$(te.id+"_cont")));
G.addClassName(G.$(te.id+"_cont"),"tabcont");
G.addEvent(G.$(te.id),"click",bindThis({t:this,te:te},function(e){
e=G.parseEvent(e);
if(!e.click.l){return;}
//if(e.target!=te){return;}
this.t.enable(this.te);
//return stopBubble(e,true);
}));
}
}));
}
Tabs._tmpcnt=0;
Tabs.prototype.add = tabsadd;
function tabsadd(tabelm, tabcontelm){
if(!tabelm.id){tabelm.id="tmptab-"+Tabs._tmpcnt++;}
this.tabs.push(tabelm);
G.addClassName(tabcontelm,"tabcont");
G.addEvent(tabelm,"click",bindThis({t:this,te:te},function(e){
e=G.parseEvent(e);
if(!e.click.l){return;}
if(e.target!=te){return;}
this.t.enable(this.te);
//return stopBubble(e,true);
//return stopDefault(e,true);
}));
};
/**
* @param {htmlElement} tab element for enable
* @param {boolean} c cancel on enable (default false)
*/
Tabs.prototype.enable = tabsenable;
function tabsenable(e,c){
c=(c===undefined?false:c);
this._lastenabled=this._enabled;
this._enabled=e; this._cancelenable=c;
G.each(this.tabs, G.bindThis(this,function(te){
if(te.id==this._enabled.id){
G.addClassName(this.contents[te.id],"tabselectedcont");
G.addClassName(te,"tabselected");
if(this.onenable&&!this._cancelenable){
var initid=te.id+":init";
if(!this._initializedtab[initid]){
this._initializedtab[initid]=true;
if(this.onenable["*:init"]){
this.onenable["*:init"].later(1,this,this.contents[te.id],te,this);
}
if(this.onenable[initid]){
this.onenable[initid].later(1,this,this.contents[te.id],te,this);
}
}
if(this.onenable["*"]){
this.onenable["*"].later(1,this,this.contents[te.id],te,this);
}
if(this.onenable[te.id]){
this.onenable[te.id].later(1,this,this.contents[te.id],te,this);
}
}
} else {
G.removeClassName(this.contents[te.id],"tabselectedcont");
G.removeClassName(te,"tabselected");
}
}));
//e.scrollIntoView();
};
Tabs.prototype.remove=function(){
G.each(this.contents,function(v,p,o){
G.removeElement(v); delete o[p];
});
G.each(this.tabs,function(v,p,o){
G.removeElement(v); delete o[p];
});
};
G.Tabs=Tabs;
function normalizeHtml(str,mode,f){
if(G.isIPhone&&mode=="html"){return str;}
var div=normalizeHtml.doc || doc.createElement("div"),ret="";
div.style.cssText="visibility:hidden;position:absolute;background:none transparent;width:0;height:0;";
if(mode=="text"){
str=str.replace(/<[^<]*$/,"");
str=str.replace(/<(img[^>]*)>/gi,"");
}
div.innerHTML=str;
f&&f(div);
switch(mode){
case "xhtml": ret=G.getXhtml(div); break;
case "dom": ret=div.cloneNode(true); break;
//case "text": ret=G.isMSIE?div.innerText.replace(/<[^<]*$/,""):div.textContent; break;
case "text": ret=G.isMSIE?div.innerText:div.textContent; break;
default: ret=div.innerHTML;
}
//div=null;
return ret;
}
G.normalizeHtml=normalizeHtml;
function scrollIntoView(e,scr,margin){
margin=margin||0;
/*
if(!scr){
scr=document.documentElement;
if(e.scrollIntoView){
e.scrollIntoView();
return;
}
}*/
if(!scr){
scr=G.findAncestor({f:function(e){
var of=G.currentStyle("overflow");
switch(of){
case "hidden": case "visible":
return;
}
var ofY=G.currentStyle("overflowY");
switch(ofY){
case "hidden": case "visible":
return;
}
return true;
}});
}
if(!scr){
scr=dedb;
var spos={
"top":0-G.getPageYOffset(),
"bottom":G.clientSize().height-G.getPageYOffset()
}
}else{
var spos=G.pos(scr);
}
var pos=G.pos(e);
if(pos.bottom>spos.bottom){
scr.scrollTop+=pos.bottom-spos.bottom+margin;
pos.top-=pos.bottom-spos.bottom+margin;
}
if (pos.top < spos.top) {
scr.scrollTop-=spos.top-pos.top+margin;
}
}
G.scrollIntoView=scrollIntoView;
function setwait(){
setwait._cnt++;
if (setwait._s){return;}
setwait._s=setStyleSheet("* {cursor:wait!important;}");
}
function clearwait(){
setwait._cnt--;
if(setwait._cnt==0){removeStyleSheet(setwait._s); delete setwait._s;}
}
setwait._cnt=0;
G.setwait=setwait;
G.clearwait=clearwait;
// 登録したイベントの後処理
G.addEvent(document,"beforeunload",function(e){G.each(addEvent._list, function(i){G.removeEvent(G.addEvent._list[i]);});});
G.addEvent(document,"unload",function(e){G.each(G.addEvent._list, function(i){G.removeEvent(G.addEvent._list[i]);});});
// エラーはコンソールに → eがイベントになるのがつらいのでやめておく？
//G.addEvent(window,"error",function(e){CONSOLE.error(e + "\n"+dumpStack());return G.stopBubble(e)});
//window.onerror=function(m,u,l){CONSOLE.error([m,u,l].join("\n") + "\n"+G.dumpStack());return true};
// Shift+Ctrl+Dでコンソールバッファ表示
if(G._DEBUG){
//G.addEvent(window,"load",function(e){
function showDebugMk(e){
var div=doc.createElement("div");
div.id="g-debug";
G.setStyleSheet(
"#g-debug {position:fixed;top:0;right:0;z-index:32767; "+
" background:red; color:white; cursor:default; font-family:monospace; } "+
"* html #g-debug { position:absolute; }"+
"#g-debug a { cursor:pointer; color:white; } "+
"#domins-disp {position:absolute;top:0;right:0;z-index:32766; "+
" background:white; color:black; font-family:monospace; "+
" width:200px; font-size:12px; border:1px solid blue; } "+
".domins-marker { position:absolute; z-index:32766; "+
" font-size:0px; line-height:0px; width:0; height:0; "+
" border:0px dashed red; } "+
""
);
div.innerHTML=
"[I]"+
"[E]"+
"[D]"+
"[C]"+
"[C]"+
"";
(function(doc,div){
doc.body.appendChild(div);
}).bindArgs(doc,div).poll((function(){
return this.body
}).bind(doc));
};
G.showDebugMk=showDebugMk;
if(location.hash=="#S_DEBUG"){
showDebugMk();
}else{
//G.setOnLoadHtml(showDebugMk);
G.addEvent(window,"load",showDebugMk);
}
G.addEvent(document,"keyup",function(e){
e=G.parseEvent(e);
if(e.ctrlKey&&e.shiftKey){
switch(e.keyAsc){
case 68: case 100:
CONSOLE.show();
showDebugMk();
return stopBubble(e,true);
}
}
});
function toggleDomInspector(){
if(!G.domins){
G.domins={};
//G.domins.id="domins"+(new Date()).valueOf();
if(!G.domins.div){
var div=doc.createElement("div");
div.id="domins-disp";
G.domins.div=div;
doc.body.appendChild(div);
G.domins.marker={};
G.each(["top","left","right","bottom"],function(v){
div=doc.createElement("div");
div.id="domins-marker-"+v;
div.className="domins-marker";
doc.body.appendChild(div);
G.domins.marker[v]=div;
});
}else{
G.domins.div.style.display="block";
}
}
if(!G.domins.eh){
G.domins.eh=G.addEvent(document,"mouseover",function(e){
e=G.parseEvent(e);
//var pos=G.pos(e.target);
if(e.target.id.indexOf("domins-")>=0){return;}
//if(e.relatedTarget.id=="domins-disp"||e.relatedTarget.id=="domins-marker"){return;}
var cs=G.clientSize();
var x=G.getPageXOffset();
var y=G.getPageYOffset();
if(e.pos.clientX<200){x+=200;}
if(e.pos.clientY<100){y+=100;}
G.domins.div.style.left=x+"px";
G.domins.div.style.top=y+"px";
var pos=G.pos(e.target);
clearTimeout(G.domins.timer);
G.setStyles(G.domins.marker.left,{
display:"block",
left:pos.left-2+"px",top:pos.top-2+"px",height:pos.height+"px",
borderRightWidth:"2px"
});
G.setStyles(G.domins.marker.top,{
display:"block",
left:pos.left-2+"px",top:pos.top-2+"px",width:pos.width+"px",
borderBottomWidth:"2px"
});
G.setStyles(G.domins.marker.right,{
display:"block",
left:pos.right+"px",top:pos.top-2+"px",height:pos.height+"px",
borderLeftWidth:"2px"
});
G.setStyles(G.domins.marker.bottom,{
display:"block",
left:pos.left-2+"px",top:pos.bottom+"px",width:pos.width+"px",
borderTopWidth:"2px"
});
G.domins.timer=setTimeout(function(){
G.each(["left","top","right","bottom"],function(v){
G.domins.marker[v].style.display="none";
});
},3000);
var m={};G.each(["Top","Right","Bottom","Left"],function(v){m[v]=G.currentStyle(e.target,"margin"+v);});
G.domins.div.innerHTML=
"pos:"+G.currentStyle(e.target,"position")+",fl:"+G.currentStyle(e.target,"float")+" "+
G.tmpl("P[${left}x${top}+${width}x${height}]",pos)+" "+
G.tmpl("M[${Top} ${Right} ${Bottom} ${Left}]",m)+
"
---
"+
G.getSelectorPath(e.target,doc.body).split(">").reverse().join("
-").replace(/\./g," .");
});
}else{
G.removeEvent(G.domins.eh);
delete G.domins.eh;
G.domins.div.style.display="none";
}
}
G.toggleDI=toggleDomInspector;
}
G.initialized=true;
})(G);