--- /dev/null
+/* Nifty Corners Cube - rounded corners with CSS and Javascript\r
+Copyright 2006 Alessandro Fulciniti (a.fulciniti@html.it)\r
+\r
+This program is free software; you can redistribute it and/or modify\r
+it under the terms of the GNU General Public License as published by\r
+the Free Software Foundation; either version 2 of the License, or\r
+(at your option) any later version.\r
+\r
+This program is distributed in the hope that it will be useful,\r
+but WITHOUT ANY WARRANTY; without even the implied warranty of\r
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\r
+GNU General Public License for more details.\r
+\r
+You should have received a copy of the GNU General Public License\r
+along with this program; if not, write to the Free Software\r
+Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA 02110-1301 USA\r
+*/\r
+\r
+var niftyOk=(document.getElementById && document.createElement && Array.prototype.push);\r
+var niftyCss=false;\r
+\r
+String.prototype.find=function(what){\r
+return(this.indexOf(what)>=0 ? true : false);\r
+}\r
+\r
+var oldonload=window.onload;\r
+if(typeof(NiftyLoad)!='function') NiftyLoad=function(){};\r
+if(typeof(oldonload)=='function')\r
+ window.onload=function(){oldonload();AddCss('/plekit/niftycorner');NiftyLoad()};\r
+else window.onload=function(){AddCss('/plekit/niftycorner');NiftyLoad()};\r
+\r
+function AddCss(path){\r
+niftyCss=true;\r
+var l=CreateEl("link");\r
+l.setAttribute("type","text/css");\r
+l.setAttribute("rel","stylesheet");\r
+l.setAttribute("href",path+"/niftyCorners.css");\r
+l.setAttribute("media","screen");\r
+document.getElementsByTagName("head")[0].appendChild(l);\r
+}\r
+\r
+function Nifty(selector,options){\r
+if(niftyOk==false) return;\r
+if(niftyCss==false) AddCss('/plekit/niftycorner');\r
+var i,v=selector.split(","),h=0;\r
+if(options==null) options="";\r
+if(options.find("fixed-height"))\r
+ h=getElementsBySelector(v[0])[0].offsetHeight;\r
+for(i=0;i<v.length;i++)\r
+ Rounded(v[i],options);\r
+if(options.find("height")) SameHeight(selector,h);\r
+}\r
+\r
+function Rounded(selector,options){\r
+var i,top="",bottom="",v=new Array();\r
+if(options!=""){\r
+ options=options.replace("left","tl bl");\r
+ options=options.replace("right","tr br");\r
+ options=options.replace("top","tr tl");\r
+ options=options.replace("bottom","br bl");\r
+ options=options.replace("transparent","alias");\r
+ if(options.find("tl")){\r
+ top="both";\r
+ if(!options.find("tr")) top="left";\r
+ }\r
+ else if(options.find("tr")) top="right";\r
+ if(options.find("bl")){\r
+ bottom="both";\r
+ if(!options.find("br")) bottom="left";\r
+ }\r
+ else if(options.find("br")) bottom="right";\r
+ }\r
+if(top=="" && bottom=="" && !options.find("none")){top="both";bottom="both";}\r
+v=getElementsBySelector(selector);\r
+for(i=0;i<v.length;i++){\r
+ FixIE(v[i]);\r
+ if(top!="") AddTop(v[i],top,options);\r
+ if(bottom!="") AddBottom(v[i],bottom,options);\r
+ }\r
+}\r
+\r
+function AddTop(el,side,options){\r
+var d=CreateEl("b"),lim=4,border="",p,i,btype="r",bk,color;\r
+d.style.marginLeft="-"+getPadding(el,"Left")+"px";\r
+d.style.marginRight="-"+getPadding(el,"Right")+"px";\r
+if(options.find("alias") || (color=getBk(el))=="transparent"){\r
+ color="transparent";bk="transparent"; border=getParentBk(el);btype="t";\r
+ }\r
+else{\r
+ bk=getParentBk(el); border=Mix(color,bk);\r
+ }\r
+d.style.background=bk;\r
+d.className="niftycorners";\r
+p=getPadding(el,"Top");\r
+if(options.find("small")){\r
+ d.style.marginBottom=(p-2)+"px";\r
+ btype+="s"; lim=2;\r
+ }\r
+else if(options.find("big")){\r
+ d.style.marginBottom=(p-10)+"px";\r
+ btype+="b"; lim=8;\r
+ }\r
+else d.style.marginBottom=(p-5)+"px";\r
+for(i=1;i<=lim;i++)\r
+ d.appendChild(CreateStrip(i,side,color,border,btype));\r
+el.style.paddingTop="0";\r
+el.insertBefore(d,el.firstChild);\r
+}\r
+\r
+function AddBottom(el,side,options){\r
+var d=CreateEl("b"),lim=4,border="",p,i,btype="r",bk,color;\r
+d.style.marginLeft="-"+getPadding(el,"Left")+"px";\r
+d.style.marginRight="-"+getPadding(el,"Right")+"px";\r
+if(options.find("alias") || (color=getBk(el))=="transparent"){\r
+ color="transparent";bk="transparent"; border=getParentBk(el);btype="t";\r
+ }\r
+else{\r
+ bk=getParentBk(el); border=Mix(color,bk);\r
+ }\r
+d.style.background=bk;\r
+d.className="niftycorners";\r
+p=getPadding(el,"Bottom");\r
+if(options.find("small")){\r
+ d.style.marginTop=(p-2)+"px";\r
+ btype+="s"; lim=2;\r
+ }\r
+else if(options.find("big")){\r
+ d.style.marginTop=(p-10)+"px";\r
+ btype+="b"; lim=8;\r
+ }\r
+else d.style.marginTop=(p-5)+"px";\r
+for(i=lim;i>0;i--)\r
+ d.appendChild(CreateStrip(i,side,color,border,btype));\r
+el.style.paddingBottom=0;\r
+el.appendChild(d);\r
+}\r
+\r
+function CreateStrip(index,side,color,border,btype){\r
+var x=CreateEl("b");\r
+x.className=btype+index;\r
+x.style.backgroundColor=color;\r
+x.style.borderColor=border;\r
+if(side=="left"){\r
+ x.style.borderRightWidth="0";\r
+ x.style.marginRight="0";\r
+ }\r
+else if(side=="right"){\r
+ x.style.borderLeftWidth="0";\r
+ x.style.marginLeft="0";\r
+ }\r
+return(x);\r
+}\r
+\r
+function CreateEl(x){\r
+return(document.createElement(x));\r
+}\r
+\r
+function FixIE(el){\r
+if(el.currentStyle!=null && el.currentStyle.hasLayout!=null && el.currentStyle.hasLayout==false)\r
+ el.style.display="inline-block";\r
+}\r
+\r
+function SameHeight(selector,maxh){\r
+var i,v=selector.split(","),t,j,els=[],gap;\r
+for(i=0;i<v.length;i++){\r
+ t=getElementsBySelector(v[i]);\r
+ els=els.concat(t);\r
+ }\r
+for(i=0;i<els.length;i++){\r
+ if(els[i].offsetHeight>maxh) maxh=els[i].offsetHeight;\r
+ els[i].style.height="auto";\r
+ }\r
+for(i=0;i<els.length;i++){\r
+ gap=maxh-els[i].offsetHeight;\r
+ if(gap>0){\r
+ t=CreateEl("b");t.className="niftyfill";t.style.height=gap+"px";\r
+ nc=els[i].lastChild;\r
+ if(nc.className=="niftycorners")\r
+ els[i].insertBefore(t,nc);\r
+ else els[i].appendChild(t);\r
+ }\r
+ }\r
+}\r
+\r
+function getElementsBySelector(selector){\r
+var i,j,selid="",selclass="",tag=selector,tag2="",v2,k,f,a,s=[],objlist=[],c;\r
+if(selector.find("#")){ //id selector like "tag#id"\r
+ if(selector.find(" ")){ //descendant selector like "tag#id tag"\r
+ s=selector.split(" ");\r
+ var fs=s[0].split("#");\r
+ if(fs.length==1) return(objlist);\r
+ f=document.getElementById(fs[1]);\r
+ if(f){\r
+ v=f.getElementsByTagName(s[1]);\r
+ for(i=0;i<v.length;i++) objlist.push(v[i]);\r
+ }\r
+ return(objlist);\r
+ }\r
+ else{\r
+ s=selector.split("#");\r
+ tag=s[0];\r
+ selid=s[1];\r
+ if(selid!=""){\r
+ f=document.getElementById(selid);\r
+ if(f) objlist.push(f);\r
+ return(objlist);\r
+ }\r
+ }\r
+ }\r
+if(selector.find(".")){ //class selector like "tag.class"\r
+ s=selector.split(".");\r
+ tag=s[0];\r
+ selclass=s[1];\r
+ if(selclass.find(" ")){ //descendant selector like tag1.classname tag2\r
+ s=selclass.split(" ");\r
+ selclass=s[0];\r
+ tag2=s[1];\r
+ }\r
+ }\r
+var v=document.getElementsByTagName(tag); // tag selector like "tag"\r
+if(selclass==""){\r
+ for(i=0;i<v.length;i++) objlist.push(v[i]);\r
+ return(objlist);\r
+ }\r
+for(i=0;i<v.length;i++){\r
+ c=v[i].className.split(" ");\r
+ for(j=0;j<c.length;j++){\r
+ if(c[j]==selclass){\r
+ if(tag2=="") objlist.push(v[i]);\r
+ else{\r
+ v2=v[i].getElementsByTagName(tag2);\r
+ for(k=0;k<v2.length;k++) objlist.push(v2[k]);\r
+ }\r
+ }\r
+ }\r
+ }\r
+return(objlist);\r
+}\r
+\r
+function getParentBk(x){\r
+var el=x.parentNode,c;\r
+while(el.tagName.toUpperCase()!="HTML" && (c=getBk(el))=="transparent")\r
+ el=el.parentNode;\r
+if(c=="transparent") c="#FFFFFF";\r
+return(c);\r
+}\r
+\r
+function getBk(x){\r
+var c=getStyleProp(x,"backgroundColor");\r
+if(c==null || c=="transparent" || c.find("rgba(0, 0, 0, 0)"))\r
+ return("transparent");\r
+if(c.find("rgb")) c=rgb2hex(c);\r
+return(c);\r
+}\r
+\r
+function getPadding(x,side){\r
+var p=getStyleProp(x,"padding"+side);\r
+if(p==null || !p.find("px")) return(0);\r
+return(parseInt(p));\r
+}\r
+\r
+function getStyleProp(x,prop){\r
+if(x.currentStyle)\r
+ return(x.currentStyle[prop]);\r
+if(document.defaultView.getComputedStyle)\r
+ return(document.defaultView.getComputedStyle(x,'')[prop]);\r
+return(null);\r
+}\r
+\r
+function rgb2hex(value){\r
+var hex="",v,h,i;\r
+var regexp=/([0-9]+)[, ]+([0-9]+)[, ]+([0-9]+)/;\r
+var h=regexp.exec(value);\r
+for(i=1;i<4;i++){\r
+ v=parseInt(h[i]).toString(16);\r
+ if(v.length==1) hex+="0"+v;\r
+ else hex+=v;\r
+ }\r
+return("#"+hex);\r
+}\r
+\r
+function Mix(c1,c2){\r
+var i,step1,step2,x,y,r=new Array(3);\r
+if(c1.length==4)step1=1;\r
+else step1=2;\r
+if(c2.length==4) step2=1;\r
+else step2=2;\r
+for(i=0;i<3;i++){\r
+ x=parseInt(c1.substr(1+step1*i,step1),16);\r
+ if(step1==1) x=16*x+x;\r
+ y=parseInt(c2.substr(1+step2*i,step2),16);\r
+ if(step2==1) y=16*y+y;\r
+ r[i]=Math.floor((x*50+y*50)/100);\r
+ r[i]=r[i].toString(16);\r
+ if(r[i].length==1) r[i]="0"+r[i];\r
+ }\r
+return("#"+r[0]+r[1]+r[2]);\r
+}\r
git://git.onelab.eu / plewww.git / blobdiff