Your IP : 172.28.240.42
/**
* Cornerz 0.4 - Bullet Proof Corners
* Jonah Fox (jonah@parkerfox.co.uk) 2008
*
* Usage: $('.myclass').curve(options)
* options is a hash with the following parameters. Bracketed is the default
* radius (10)
* borderWidth (read from BorderTopWidth or 0)
* background ("white"). Note that this is not calculated from the HTML as it is expensive
* borderColor (read from BorderTopColor)
* corners ("tl br tr bl"). Specify which borders
*/
;(function($){
if($.browser.msie && document.namespaces["v"] == null) {
document.namespaces.add("v", "urn:schemas-microsoft-com:vml");
var ss = document.createStyleSheet().owningElement;
ss.styleSheet.cssText = "v\\:*{behavior:url(#default#VML);}"
}
$.fn.cornerz = function(options){
function canvasCorner(t,l, r,bw,bc,bg){
var sa,ea,cw,sx,sy,x,y, p = 1.57, css="position:absolute;"
if(t)
{sa=-p; sy=r; y=0; css+="top:-"+bw+"px;"; }
else
{sa=p; sy=0; y=r; css+="bottom:"+(-bw)+"px;"; }
if(l)
{ea=p*2; sx=r; x=0; css+="left:-"+bw+"px;"}
else
{ea=0; sx=0; x=r; css+="right:"+(-bw)+"px;"; }
var canvas=$("<canvas width="+r+"px height="+ r +"px style='" + css+"' ></canvas>")
var ctx=canvas[0].getContext('2d')
ctx.beginPath();
ctx.lineWidth=bw*2;
ctx.arc(sx,sy,r,sa,ea,!(t^l));
ctx.strokeStyle=bc
ctx.stroke()
ctx.lineWidth = 0
ctx.lineTo(x,y)
ctx.fillStyle=bg
ctx.fill()
return canvas
}
function canvasCorners(corners, r, bw,bc,bg,w,h,f) {
var hh = $("<div style='display: inherit' />") // trying out style='float:left'
$.each(corners.split(" "), function() {
hh.append(canvasCorner(this[0]=="t",this[1]=="l", r,bw,bc,bg,w,h,f))
})
return hh
}
function vmlCurve(r,b,c,m,ml,mt, right_fix) {
var l = m-ml-right_fix
var t = m-mt
return "<v:arc filled='False' strokeweight='"+b+"px' strokecolor='"+c+"' startangle='0' endangle='361' style=' top:" + t +"px;left: "+ l + ";width:" + r+ "px; height:" + r+ "px' />"
}
function vmlCorners(corners, r, bw, bc, bg, w, h) {
var html ="<div style='text-align:left; '>"
$.each($.trim(corners).split(" "), function() {
var css,ml=1,mt=1,right_fix=0
if(this.charAt(0)=="t") {
css="top:-"+bw+"px;"
}
else {
css= "top:"+(h-r-bw)+"px;"
mt=r;
}
if(this.charAt(1)=="l")
css+="left:-"+bw+"px;"
else {
css +="left:"+(-bw+w-r)+"px; "
ml=r
}
html+="<div style='"+css+"; position: absolute; overflow:hidden; width:"+ r +"px; height: " + r + "px;'>"
html+= "<v:group style='width:1000px;height:1000px;position:absolute;' coordsize='1000,1000' >"
html+= vmlCurve(r*3,r+bw,bg, -r/2,ml,mt,right_fix)
if(bw>0)
html+= vmlCurve(r*2-bw,bw,bc, bw/2,ml,mt,right_fix)
html+="</v:group>"
html+= "</div>"
})
html += "</div>"
return html
}
var settings = {
corners : "tl tr bl br",
radius : 10,
background: "white",
borderWidth: 0
}
$.extend(settings, options || {});
var incrementProperty = function(elem, prop, x) {
var y = parseInt(elem.css(prop)) || 0
elem.css(prop, x+y)
}
return this.each(function() {
var $$ = $(this)
var r = settings.radius*1.0
var bw = (settings.borderWidth || parseInt($$.css("borderTopWidth")) || 0)*1.0
var bg = settings.background
var bc = settings.borderColor
bc = bc || ( bw > 0 ? $$.css("borderTopColor") : bg)
var cs = settings.corners
if($.browser.msie) {//need to use innerHTML rather than jQuery
h = vmlCorners(cs,r,bw,bc,bg, $$.outerWidth(), $$.outerHeight()) // can't use relative positioning with IE as it can't handle right/bottom for odd (2n+1) dimensions
this.innerHTML += h
}
else //canvasCorners returns a DOM element
$$.append(canvasCorners(cs,r,bw,bc,bg))
if(this.style.position != "absolute")
this.style.position = "relative"
this.style.zoom = 1 // give it a layout in IE
}
)
}
})(jQuery);