Difference between revisions of "Team:CityU HK/Template/js"

(Created page with "<html> <script> /* * jQuery 1.2.6 - New Wave Javascript * * Copyright (c) 2008 John Resig (jquery.com) * Dual licensed under the MIT (MIT-LICENSE.txt) * and GPL (GPL-LICENS...")
 
Line 34: Line 34:
 
s.push(encodeURIComponent(j)+"="+encodeURIComponent(jQuery.isFunction(a[j])?a[j]():a[j]));return s.join("&").replace(/%20/g,"+");}});jQuery.fn.extend({show:function(speed,callback){return speed?this.animate({height:"show",width:"show",opacity:"show"},speed,callback):this.filter(":hidden").each(function(){this.style.display=this.oldblock||"";if(jQuery.css(this,"display")=="none"){var elem=jQuery("<"+this.tagName+" />").appendTo("body");this.style.display=elem.css("display");if(this.style.display=="none")this.style.display="block";elem.remove();}}).end();},hide:function(speed,callback){return speed?this.animate({height:"hide",width:"hide",opacity:"hide"},speed,callback):this.filter(":visible").each(function(){this.oldblock=this.oldblock||jQuery.css(this,"display");this.style.display="none";}).end();},_toggle:jQuery.fn.toggle,toggle:function(fn,fn2){return jQuery.isFunction(fn)&&jQuery.isFunction(fn2)?this._toggle.apply(this,arguments):fn?this.animate({height:"toggle",width:"toggle",opacity:"toggle"},fn,fn2):this.each(function(){jQuery(this)[jQuery(this).is(":hidden")?"show":"hide"]();});},slideDown:function(speed,callback){return this.animate({height:"show"},speed,callback);},slideUp:function(speed,callback){return this.animate({height:"hide"},speed,callback);},slideToggle:function(speed,callback){return this.animate({height:"toggle"},speed,callback);},fadeIn:function(speed,callback){return this.animate({opacity:"show"},speed,callback);},fadeOut:function(speed,callback){return this.animate({opacity:"hide"},speed,callback);},fadeTo:function(speed,to,callback){return this.animate({opacity:to},speed,callback);},animate:function(prop,speed,easing,callback){var optall=jQuery.speed(speed,easing,callback);return this[optall.queue===false?"each":"queue"](function(){if(this.nodeType!=1)return false;var opt=jQuery.extend({},optall),p,hidden=jQuery(this).is(":hidden"),self=this;for(p in prop){if(prop[p]=="hide"&&hidden||prop[p]=="show"&&!hidden)return opt.complete.call(this);if(p=="height"||p=="width"){opt.display=jQuery.css(this,"display");opt.overflow=this.style.overflow;}}if(opt.overflow!=null)this.style.overflow="hidden";opt.curAnim=jQuery.extend({},prop);jQuery.each(prop,function(name,val){var e=new jQuery.fx(self,opt,name);if(/toggle|show|hide/.test(val))e[val=="toggle"?hidden?"show":"hide":val](prop);else{var parts=val.toString().match(/^([+-]=)?([\d+-.]+)(.*)$/),start=e.cur(true)||0;if(parts){var end=parseFloat(parts[2]),unit=parts[3]||"px";if(unit!="px"){self.style[name]=(end||1)+unit;start=((end||1)/e.cur(true))*start;self.style[name]=start+unit;}if(parts[1])end=((parts[1]=="-="?-1:1)*end)+start;e.custom(start,end,unit);}else
 
s.push(encodeURIComponent(j)+"="+encodeURIComponent(jQuery.isFunction(a[j])?a[j]():a[j]));return s.join("&").replace(/%20/g,"+");}});jQuery.fn.extend({show:function(speed,callback){return speed?this.animate({height:"show",width:"show",opacity:"show"},speed,callback):this.filter(":hidden").each(function(){this.style.display=this.oldblock||"";if(jQuery.css(this,"display")=="none"){var elem=jQuery("<"+this.tagName+" />").appendTo("body");this.style.display=elem.css("display");if(this.style.display=="none")this.style.display="block";elem.remove();}}).end();},hide:function(speed,callback){return speed?this.animate({height:"hide",width:"hide",opacity:"hide"},speed,callback):this.filter(":visible").each(function(){this.oldblock=this.oldblock||jQuery.css(this,"display");this.style.display="none";}).end();},_toggle:jQuery.fn.toggle,toggle:function(fn,fn2){return jQuery.isFunction(fn)&&jQuery.isFunction(fn2)?this._toggle.apply(this,arguments):fn?this.animate({height:"toggle",width:"toggle",opacity:"toggle"},fn,fn2):this.each(function(){jQuery(this)[jQuery(this).is(":hidden")?"show":"hide"]();});},slideDown:function(speed,callback){return this.animate({height:"show"},speed,callback);},slideUp:function(speed,callback){return this.animate({height:"hide"},speed,callback);},slideToggle:function(speed,callback){return this.animate({height:"toggle"},speed,callback);},fadeIn:function(speed,callback){return this.animate({opacity:"show"},speed,callback);},fadeOut:function(speed,callback){return this.animate({opacity:"hide"},speed,callback);},fadeTo:function(speed,to,callback){return this.animate({opacity:to},speed,callback);},animate:function(prop,speed,easing,callback){var optall=jQuery.speed(speed,easing,callback);return this[optall.queue===false?"each":"queue"](function(){if(this.nodeType!=1)return false;var opt=jQuery.extend({},optall),p,hidden=jQuery(this).is(":hidden"),self=this;for(p in prop){if(prop[p]=="hide"&&hidden||prop[p]=="show"&&!hidden)return opt.complete.call(this);if(p=="height"||p=="width"){opt.display=jQuery.css(this,"display");opt.overflow=this.style.overflow;}}if(opt.overflow!=null)this.style.overflow="hidden";opt.curAnim=jQuery.extend({},prop);jQuery.each(prop,function(name,val){var e=new jQuery.fx(self,opt,name);if(/toggle|show|hide/.test(val))e[val=="toggle"?hidden?"show":"hide":val](prop);else{var parts=val.toString().match(/^([+-]=)?([\d+-.]+)(.*)$/),start=e.cur(true)||0;if(parts){var end=parseFloat(parts[2]),unit=parts[3]||"px";if(unit!="px"){self.style[name]=(end||1)+unit;start=((end||1)/e.cur(true))*start;self.style[name]=start+unit;}if(parts[1])end=((parts[1]=="-="?-1:1)*end)+start;e.custom(start,end,unit);}else
 
e.custom(start,val,"");}});return true;});},queue:function(type,fn){if(jQuery.isFunction(type)||(type&&type.constructor==Array)){fn=type;type="fx";}if(!type||(typeof type=="string"&&!fn))return queue(this[0],type);return this.each(function(){if(fn.constructor==Array)queue(this,type,fn);else{queue(this,type).push(fn);if(queue(this,type).length==1)fn.call(this);}});},stop:function(clearQueue,gotoEnd){var timers=jQuery.timers;if(clearQueue)this.queue([]);this.each(function(){for(var i=timers.length-1;i>=0;i--)if(timers[i].elem==this){if(gotoEnd)timers[i](true);timers.splice(i,1);}});if(!gotoEnd)this.dequeue();return this;}});var queue=function(elem,type,array){if(elem){type=type||"fx";var q=jQuery.data(elem,type+"queue");if(!q||array)q=jQuery.data(elem,type+"queue",jQuery.makeArray(array));}return q;};jQuery.fn.dequeue=function(type){type=type||"fx";return this.each(function(){var q=queue(this,type);q.shift();if(q.length)q[0].call(this);});};jQuery.extend({speed:function(speed,easing,fn){var opt=speed&&speed.constructor==Object?speed:{complete:fn||!fn&&easing||jQuery.isFunction(speed)&&speed,duration:speed,easing:fn&&easing||easing&&easing.constructor!=Function&&easing};opt.duration=(opt.duration&&opt.duration.constructor==Number?opt.duration:jQuery.fx.speeds[opt.duration])||jQuery.fx.speeds.def;opt.old=opt.complete;opt.complete=function(){if(opt.queue!==false)jQuery(this).dequeue();if(jQuery.isFunction(opt.old))opt.old.call(this);};return opt;},easing:{linear:function(p,n,firstNum,diff){return firstNum+diff*p;},swing:function(p,n,firstNum,diff){return((-Math.cos(p*Math.PI)/2)+0.5)*diff+firstNum;}},timers:[],timerId:null,fx:function(elem,options,prop){this.options=options;this.elem=elem;this.prop=prop;if(!options.orig)options.orig={};}});jQuery.fx.prototype={update:function(){if(this.options.step)this.options.step.call(this.elem,this.now,this);(jQuery.fx.step[this.prop]||jQuery.fx.step._default)(this);if(this.prop=="height"||this.prop=="width")this.elem.style.display="block";},cur:function(force){if(this.elem[this.prop]!=null&&this.elem.style[this.prop]==null)return this.elem[this.prop];var r=parseFloat(jQuery.css(this.elem,this.prop,force));return r&&r>-10000?r:parseFloat(jQuery.curCSS(this.elem,this.prop))||0;},custom:function(from,to,unit){this.startTime=now();this.start=from;this.end=to;this.unit=unit||this.unit||"px";this.now=this.start;this.pos=this.state=0;this.update();var self=this;function t(gotoEnd){return self.step(gotoEnd);}t.elem=this.elem;jQuery.timers.push(t);if(jQuery.timerId==null){jQuery.timerId=setInterval(function(){var timers=jQuery.timers;for(var i=0;i<timers.length;i++)if(!timers[i]())timers.splice(i--,1);if(!timers.length){clearInterval(jQuery.timerId);jQuery.timerId=null;}},13);}},show:function(){this.options.orig[this.prop]=jQuery.attr(this.elem.style,this.prop);this.options.show=true;this.custom(0,this.cur());if(this.prop=="width"||this.prop=="height")this.elem.style[this.prop]="1px";jQuery(this.elem).show();},hide:function(){this.options.orig[this.prop]=jQuery.attr(this.elem.style,this.prop);this.options.hide=true;this.custom(this.cur(),0);},step:function(gotoEnd){var t=now();if(gotoEnd||t>this.options.duration+this.startTime){this.now=this.end;this.pos=this.state=1;this.update();this.options.curAnim[this.prop]=true;var done=true;for(var i in this.options.curAnim)if(this.options.curAnim[i]!==true)done=false;if(done){if(this.options.display!=null){this.elem.style.overflow=this.options.overflow;this.elem.style.display=this.options.display;if(jQuery.css(this.elem,"display")=="none")this.elem.style.display="block";}if(this.options.hide)this.elem.style.display="none";if(this.options.hide||this.options.show)for(var p in this.options.curAnim)jQuery.attr(this.elem.style,p,this.options.orig[p]);}if(done)this.options.complete.call(this.elem);return false;}else{var n=t-this.startTime;this.state=n/this.options.duration;this.pos=jQuery.easing[this.options.easing||(jQuery.easing.swing?"swing":"linear")](this.state,n,0,1,this.options.duration);this.now=this.start+((this.end-this.start)*this.pos);this.update();}return true;}};jQuery.extend(jQuery.fx,{speeds:{slow:600,fast:200,def:400},step:{scrollLeft:function(fx){fx.elem.scrollLeft=fx.now;},scrollTop:function(fx){fx.elem.scrollTop=fx.now;},opacity:function(fx){jQuery.attr(fx.elem.style,"opacity",fx.now);},_default:function(fx){fx.elem.style[fx.prop]=fx.now+fx.unit;}}});jQuery.fn.offset=function(){var left=0,top=0,elem=this[0],results;if(elem)with(jQuery.browser){var parent=elem.parentNode,offsetChild=elem,offsetParent=elem.offsetParent,doc=elem.ownerDocument,safari2=safari&&parseInt(version)<522&&!/adobeair/i.test(userAgent),css=jQuery.curCSS,fixed=css(elem,"position")=="fixed";if(elem.getBoundingClientRect){var box=elem.getBoundingClientRect();add(box.left+Math.max(doc.documentElement.scrollLeft,doc.body.scrollLeft),box.top+Math.max(doc.documentElement.scrollTop,doc.body.scrollTop));add(-doc.documentElement.clientLeft,-doc.documentElement.clientTop);}else{add(elem.offsetLeft,elem.offsetTop);while(offsetParent){add(offsetParent.offsetLeft,offsetParent.offsetTop);if(mozilla&&!/^t(able|d|h)$/i.test(offsetParent.tagName)||safari&&!safari2)border(offsetParent);if(!fixed&&css(offsetParent,"position")=="fixed")fixed=true;offsetChild=/^body$/i.test(offsetParent.tagName)?offsetChild:offsetParent;offsetParent=offsetParent.offsetParent;}while(parent&&parent.tagName&&!/^body|html$/i.test(parent.tagName)){if(!/^inline|table.*$/i.test(css(parent,"display")))add(-parent.scrollLeft,-parent.scrollTop);if(mozilla&&css(parent,"overflow")!="visible")border(parent);parent=parent.parentNode;}if((safari2&&(fixed||css(offsetChild,"position")=="absolute"))||(mozilla&&css(offsetChild,"position")!="absolute"))add(-doc.body.offsetLeft,-doc.body.offsetTop);if(fixed)add(Math.max(doc.documentElement.scrollLeft,doc.body.scrollLeft),Math.max(doc.documentElement.scrollTop,doc.body.scrollTop));}results={top:top,left:left};}function border(elem){add(jQuery.curCSS(elem,"borderLeftWidth",true),jQuery.curCSS(elem,"borderTopWidth",true));}function add(l,t){left+=parseInt(l,10)||0;top+=parseInt(t,10)||0;}return results;};jQuery.fn.extend({position:function(){var left=0,top=0,results;if(this[0]){var offsetParent=this.offsetParent(),offset=this.offset(),parentOffset=/^body|html$/i.test(offsetParent[0].tagName)?{top:0,left:0}:offsetParent.offset();offset.top-=num(this,'marginTop');offset.left-=num(this,'marginLeft');parentOffset.top+=num(offsetParent,'borderTopWidth');parentOffset.left+=num(offsetParent,'borderLeftWidth');results={top:offset.top-parentOffset.top,left:offset.left-parentOffset.left};}return results;},offsetParent:function(){var offsetParent=this[0].offsetParent;while(offsetParent&&(!/^body|html$/i.test(offsetParent.tagName)&&jQuery.css(offsetParent,'position')=='static'))offsetParent=offsetParent.offsetParent;return jQuery(offsetParent);}});jQuery.each(['Left','Top'],function(i,name){var method='scroll'+name;jQuery.fn[method]=function(val){if(!this[0])return;return val!=undefined?this.each(function(){this==window||this==document?window.scrollTo(!i?val:jQuery(window).scrollLeft(),i?val:jQuery(window).scrollTop()):this[method]=val;}):this[0]==window||this[0]==document?self[i?'pageYOffset':'pageXOffset']||jQuery.boxModel&&document.documentElement[method]||document.body[method]:this[0][method];};});jQuery.each(["Height","Width"],function(i,name){var tl=i?"Left":"Top",br=i?"Right":"Bottom";jQuery.fn["inner"+name]=function(){return this[name.toLowerCase()]()+num(this,"padding"+tl)+num(this,"padding"+br);};jQuery.fn["outer"+name]=function(margin){return this["inner"+name]()+num(this,"border"+tl+"Width")+num(this,"border"+br+"Width")+(margin?num(this,"margin"+tl)+num(this,"margin"+br):0);};});})();
 
e.custom(start,val,"");}});return true;});},queue:function(type,fn){if(jQuery.isFunction(type)||(type&&type.constructor==Array)){fn=type;type="fx";}if(!type||(typeof type=="string"&&!fn))return queue(this[0],type);return this.each(function(){if(fn.constructor==Array)queue(this,type,fn);else{queue(this,type).push(fn);if(queue(this,type).length==1)fn.call(this);}});},stop:function(clearQueue,gotoEnd){var timers=jQuery.timers;if(clearQueue)this.queue([]);this.each(function(){for(var i=timers.length-1;i>=0;i--)if(timers[i].elem==this){if(gotoEnd)timers[i](true);timers.splice(i,1);}});if(!gotoEnd)this.dequeue();return this;}});var queue=function(elem,type,array){if(elem){type=type||"fx";var q=jQuery.data(elem,type+"queue");if(!q||array)q=jQuery.data(elem,type+"queue",jQuery.makeArray(array));}return q;};jQuery.fn.dequeue=function(type){type=type||"fx";return this.each(function(){var q=queue(this,type);q.shift();if(q.length)q[0].call(this);});};jQuery.extend({speed:function(speed,easing,fn){var opt=speed&&speed.constructor==Object?speed:{complete:fn||!fn&&easing||jQuery.isFunction(speed)&&speed,duration:speed,easing:fn&&easing||easing&&easing.constructor!=Function&&easing};opt.duration=(opt.duration&&opt.duration.constructor==Number?opt.duration:jQuery.fx.speeds[opt.duration])||jQuery.fx.speeds.def;opt.old=opt.complete;opt.complete=function(){if(opt.queue!==false)jQuery(this).dequeue();if(jQuery.isFunction(opt.old))opt.old.call(this);};return opt;},easing:{linear:function(p,n,firstNum,diff){return firstNum+diff*p;},swing:function(p,n,firstNum,diff){return((-Math.cos(p*Math.PI)/2)+0.5)*diff+firstNum;}},timers:[],timerId:null,fx:function(elem,options,prop){this.options=options;this.elem=elem;this.prop=prop;if(!options.orig)options.orig={};}});jQuery.fx.prototype={update:function(){if(this.options.step)this.options.step.call(this.elem,this.now,this);(jQuery.fx.step[this.prop]||jQuery.fx.step._default)(this);if(this.prop=="height"||this.prop=="width")this.elem.style.display="block";},cur:function(force){if(this.elem[this.prop]!=null&&this.elem.style[this.prop]==null)return this.elem[this.prop];var r=parseFloat(jQuery.css(this.elem,this.prop,force));return r&&r>-10000?r:parseFloat(jQuery.curCSS(this.elem,this.prop))||0;},custom:function(from,to,unit){this.startTime=now();this.start=from;this.end=to;this.unit=unit||this.unit||"px";this.now=this.start;this.pos=this.state=0;this.update();var self=this;function t(gotoEnd){return self.step(gotoEnd);}t.elem=this.elem;jQuery.timers.push(t);if(jQuery.timerId==null){jQuery.timerId=setInterval(function(){var timers=jQuery.timers;for(var i=0;i<timers.length;i++)if(!timers[i]())timers.splice(i--,1);if(!timers.length){clearInterval(jQuery.timerId);jQuery.timerId=null;}},13);}},show:function(){this.options.orig[this.prop]=jQuery.attr(this.elem.style,this.prop);this.options.show=true;this.custom(0,this.cur());if(this.prop=="width"||this.prop=="height")this.elem.style[this.prop]="1px";jQuery(this.elem).show();},hide:function(){this.options.orig[this.prop]=jQuery.attr(this.elem.style,this.prop);this.options.hide=true;this.custom(this.cur(),0);},step:function(gotoEnd){var t=now();if(gotoEnd||t>this.options.duration+this.startTime){this.now=this.end;this.pos=this.state=1;this.update();this.options.curAnim[this.prop]=true;var done=true;for(var i in this.options.curAnim)if(this.options.curAnim[i]!==true)done=false;if(done){if(this.options.display!=null){this.elem.style.overflow=this.options.overflow;this.elem.style.display=this.options.display;if(jQuery.css(this.elem,"display")=="none")this.elem.style.display="block";}if(this.options.hide)this.elem.style.display="none";if(this.options.hide||this.options.show)for(var p in this.options.curAnim)jQuery.attr(this.elem.style,p,this.options.orig[p]);}if(done)this.options.complete.call(this.elem);return false;}else{var n=t-this.startTime;this.state=n/this.options.duration;this.pos=jQuery.easing[this.options.easing||(jQuery.easing.swing?"swing":"linear")](this.state,n,0,1,this.options.duration);this.now=this.start+((this.end-this.start)*this.pos);this.update();}return true;}};jQuery.extend(jQuery.fx,{speeds:{slow:600,fast:200,def:400},step:{scrollLeft:function(fx){fx.elem.scrollLeft=fx.now;},scrollTop:function(fx){fx.elem.scrollTop=fx.now;},opacity:function(fx){jQuery.attr(fx.elem.style,"opacity",fx.now);},_default:function(fx){fx.elem.style[fx.prop]=fx.now+fx.unit;}}});jQuery.fn.offset=function(){var left=0,top=0,elem=this[0],results;if(elem)with(jQuery.browser){var parent=elem.parentNode,offsetChild=elem,offsetParent=elem.offsetParent,doc=elem.ownerDocument,safari2=safari&&parseInt(version)<522&&!/adobeair/i.test(userAgent),css=jQuery.curCSS,fixed=css(elem,"position")=="fixed";if(elem.getBoundingClientRect){var box=elem.getBoundingClientRect();add(box.left+Math.max(doc.documentElement.scrollLeft,doc.body.scrollLeft),box.top+Math.max(doc.documentElement.scrollTop,doc.body.scrollTop));add(-doc.documentElement.clientLeft,-doc.documentElement.clientTop);}else{add(elem.offsetLeft,elem.offsetTop);while(offsetParent){add(offsetParent.offsetLeft,offsetParent.offsetTop);if(mozilla&&!/^t(able|d|h)$/i.test(offsetParent.tagName)||safari&&!safari2)border(offsetParent);if(!fixed&&css(offsetParent,"position")=="fixed")fixed=true;offsetChild=/^body$/i.test(offsetParent.tagName)?offsetChild:offsetParent;offsetParent=offsetParent.offsetParent;}while(parent&&parent.tagName&&!/^body|html$/i.test(parent.tagName)){if(!/^inline|table.*$/i.test(css(parent,"display")))add(-parent.scrollLeft,-parent.scrollTop);if(mozilla&&css(parent,"overflow")!="visible")border(parent);parent=parent.parentNode;}if((safari2&&(fixed||css(offsetChild,"position")=="absolute"))||(mozilla&&css(offsetChild,"position")!="absolute"))add(-doc.body.offsetLeft,-doc.body.offsetTop);if(fixed)add(Math.max(doc.documentElement.scrollLeft,doc.body.scrollLeft),Math.max(doc.documentElement.scrollTop,doc.body.scrollTop));}results={top:top,left:left};}function border(elem){add(jQuery.curCSS(elem,"borderLeftWidth",true),jQuery.curCSS(elem,"borderTopWidth",true));}function add(l,t){left+=parseInt(l,10)||0;top+=parseInt(t,10)||0;}return results;};jQuery.fn.extend({position:function(){var left=0,top=0,results;if(this[0]){var offsetParent=this.offsetParent(),offset=this.offset(),parentOffset=/^body|html$/i.test(offsetParent[0].tagName)?{top:0,left:0}:offsetParent.offset();offset.top-=num(this,'marginTop');offset.left-=num(this,'marginLeft');parentOffset.top+=num(offsetParent,'borderTopWidth');parentOffset.left+=num(offsetParent,'borderLeftWidth');results={top:offset.top-parentOffset.top,left:offset.left-parentOffset.left};}return results;},offsetParent:function(){var offsetParent=this[0].offsetParent;while(offsetParent&&(!/^body|html$/i.test(offsetParent.tagName)&&jQuery.css(offsetParent,'position')=='static'))offsetParent=offsetParent.offsetParent;return jQuery(offsetParent);}});jQuery.each(['Left','Top'],function(i,name){var method='scroll'+name;jQuery.fn[method]=function(val){if(!this[0])return;return val!=undefined?this.each(function(){this==window||this==document?window.scrollTo(!i?val:jQuery(window).scrollLeft(),i?val:jQuery(window).scrollTop()):this[method]=val;}):this[0]==window||this[0]==document?self[i?'pageYOffset':'pageXOffset']||jQuery.boxModel&&document.documentElement[method]||document.body[method]:this[0][method];};});jQuery.each(["Height","Width"],function(i,name){var tl=i?"Left":"Top",br=i?"Right":"Bottom";jQuery.fn["inner"+name]=function(){return this[name.toLowerCase()]()+num(this,"padding"+tl)+num(this,"padding"+br);};jQuery.fn["outer"+name]=function(margin){return this["inner"+name]()+num(this,"border"+tl+"Width")+num(this,"border"+br+"Width")+(margin?num(this,"margin"+tl)+num(this,"margin"+br):0);};});})();
−
 
−
</script>
 
−
</html>
 
−
 
−
 
−
<html>
 
−
<script>
 
−
 
−
/*
 
−
*
 
−
* jqTransform
 
−
* by mathieu vilaplana mvilaplana@dfc-e.com
 
−
* Designer ghyslain armand garmand@dfc-e.com
 
−
*
 
−
*
 
−
* Version 1.0 25.09.08
 
−
* Version 1.1 06.08.09
 
−
* Add event click on Checkbox and Radio
 
−
* Auto calculate the size of a select element
 
−
* Can now, disabled the elements
 
−
* Correct bug in ff if click on select (overflow=hidden)
 
−
* No need any more preloading !!
 
−
*
 
−
******************************************** */
 
−
 
−
(function($){
 
−
var defaultOptions = {preloadImg:true};
 
−
var jqTransformImgPreloaded = false;
 
−
 
−
var jqTransformPreloadHoverFocusImg = function(strImgUrl) {
 
−
//guillemets to remove for ie
 
−
strImgUrl = strImgUrl.replace(/^url\((.*)\)/,'$1').replace(/^\"(.*)\"$/,'$1');
 
−
var imgHover = new Image();
 
−
imgHover.src = strImgUrl.replace(/\.([a-zA-Z]*)$/,'-hover.$1');
 
−
var imgFocus = new Image();
 
−
imgFocus.src = strImgUrl.replace(/\.([a-zA-Z]*)$/,'-focus.$1');
 
−
};
 
−
 
−
 
−
/***************************
 
−
  Labels
 
−
***************************/
 
−
var jqTransformGetLabel = function(objfield){
 
−
var selfForm = $(objfield.get(0).form);
 
−
var oLabel = objfield.next();
 
−
if(!oLabel.is('label')) {
 
−
oLabel = objfield.prev();
 
−
if(oLabel.is('label')){
 
−
var inputname = objfield.attr('id');
 
−
if(inputname){
 
−
oLabel = selfForm.find('label[for="'+inputname+'"]');
 
−
}
 
−
}
 
−
}
 
−
if(oLabel.is('label')){return oLabel.css('cursor','pointer');}
 
−
return false;
 
−
};
 
−
 
−
/* Hide all open selects */
 
−
var jqTransformHideSelect = function(oTarget){
 
−
var ulVisible = $('.jqTransformSelectWrapper ul:visible');
 
−
ulVisible.each(function(){
 
−
var oSelect = $(this).parents(".jqTransformSelectWrapper:first").find("select").get(0);
 
−
//do not hide if click on the label object associated to the select
 
−
if( !(oTarget && oSelect.oLabel && oSelect.oLabel.get(0) == oTarget.get(0)) ){$(this).hide();}
 
−
});
 
−
};
 
−
/* Check for an external click */
 
−
var jqTransformCheckExternalClick = function(event) {
 
−
if ($(event.target).parents('.jqTransformSelectWrapper').length === 0) { jqTransformHideSelect($(event.target)); }
 
−
};
 
−
 
−
/* Apply document listener */
 
−
var jqTransformAddDocumentListener = function (){
 
−
$(document).mousedown(jqTransformCheckExternalClick);
 
−
};
 
−
 
−
/* Add a new handler for the reset action */
 
−
var jqTransformReset = function(f){
 
−
var sel;
 
−
$('.jqTransformSelectWrapper select', f).each(function(){sel = (this.selectedIndex<0) ? 0 : this.selectedIndex; $('ul', $(this).parent()).each(function(){$('a:eq('+ sel +')', this).click();});});
 
−
$('a.jqTransformCheckbox, a.jqTransformRadio', f).removeClass('jqTransformChecked');
 
−
$('input:checkbox, input:radio', f).each(function(){if(this.checked){$('a', $(this).parent()).addClass('jqTransformChecked');}});
 
−
};
 
−
 
−
/***************************
 
−
  Buttons
 
−
***************************/
 
−
$.fn.jqTransInputButton = function(){
 
−
return this.each(function(){
 
−
var newBtn = $('<button id="'+ this.id +'" name="'+ this.name +'" type="'+ this.type +'" class="'+ this.className +' jqTransformButton"><span><span>'+ $(this).attr('value') +'</span></span>')
 
−
.hover(function(){newBtn.addClass('jqTransformButton_hover');},function(){newBtn.removeClass('jqTransformButton_hover')})
 
−
.mousedown(function(){newBtn.addClass('jqTransformButton_click')})
 
−
.mouseup(function(){newBtn.removeClass('jqTransformButton_click')})
 
−
;
 
−
$(this).replaceWith(newBtn);
 
−
});
 
−
};
 
−
 
−
/***************************
 
−
  Text Fields
 
−
***************************/
 
−
$.fn.jqTransInputText = function(){
 
−
return this.each(function(){
 
−
var $input = $(this);
 
−
 
−
if($input.hasClass('jqtranformdone') || !$input.is('input')) {return;}
 
−
$input.addClass('jqtranformdone');
 
−
 
−
var oLabel = jqTransformGetLabel($(this));
 
−
oLabel && oLabel.bind('click',function(){$input.focus();});
 
−
 
−
var inputSize=$input.width();
 
−
if($input.attr('size')){
 
−
inputSize = $input.attr('size')*10;
 
−
$input.css('width',inputSize);
 
−
}
 
−
 
−
$input.addClass("jqTransformInput").wrap('<div class="jqTransformInputWrapper"><div class="jqTransformInputInner"><div></div></div></div>');
 
−
var $wrapper = $input.parent().parent().parent();
 
−
$wrapper.css("width", inputSize+10);
 
−
$input
 
−
.focus(function(){$wrapper.addClass("jqTransformInputWrapper_focus");})
 
−
.blur(function(){$wrapper.removeClass("jqTransformInputWrapper_focus");})
 
−
.hover(function(){$wrapper.addClass("jqTransformInputWrapper_hover");},function(){$wrapper.removeClass("jqTransformInputWrapper_hover");})
 
−
;
 
−
 
−
/* If this is safari we need to add an extra class */
 
−
$.browser.safari && $wrapper.addClass('jqTransformSafari');
 
−
$.browser.safari && $input.css('width',$wrapper.width()+16);
 
−
this.wrapper = $wrapper;
 
−
 
−
});
 
−
};
 
−
 
−
/***************************
 
−
  Check Boxes
 
−
***************************/
 
−
$.fn.jqTransCheckBox = function(){
 
−
return this.each(function(){
 
−
if($(this).hasClass('jqTransformHidden')) {return;}
 
−
 
−
var $input = $(this);
 
−
var inputSelf = this;
 
−
 
−
//set the click on the label
 
−
var oLabel=jqTransformGetLabel($input);
 
−
oLabel && oLabel.click(function(){aLink.trigger('click');});
 
−
 
−
var aLink = $('<a href="#" class="jqTransformCheckbox"></a>');
 
−
//wrap and add the link
 
−
$input.addClass('jqTransformHidden').wrap('<span class="jqTransformCheckboxWrapper"></span>').parent().prepend(aLink);
 
−
//on change, change the class of the link
 
−
$input.change(function(){
 
−
this.checked && aLink.addClass('jqTransformChecked') || aLink.removeClass('jqTransformChecked');
 
−
return true;
 
−
});
 
−
// Click Handler, trigger the click and change event on the input
 
−
aLink.click(function(){
 
−
//do nothing if the original input is disabled
 
−
if($input.attr('disabled')){return false;}
 
−
//trigger the envents on the input object
 
−
$input.trigger('click').trigger("change");
 
−
return false;
 
−
});
 
−
 
−
// set the default state
 
−
this.checked && aLink.addClass('jqTransformChecked');
 
−
});
 
−
};
 
−
/***************************
 
−
  Radio Buttons
 
−
***************************/
 
−
$.fn.jqTransRadio = function(){
 
−
return this.each(function(){
 
−
if($(this).hasClass('jqTransformHidden')) {return;}
 
−
 
−
var $input = $(this);
 
−
var inputSelf = this;
 
−
 
−
oLabel = jqTransformGetLabel($input);
 
−
oLabel && oLabel.click(function(){aLink.trigger('click');});
 
−
 
−
var aLink = $('<a href="#" class="jqTransformRadio" rel="'+ this.name +'"></a>');
 
−
$input.addClass('jqTransformHidden').wrap('<span class="jqTransformRadioWrapper"></span>').parent().prepend(aLink);
 
−
 
−
$input.change(function(){
 
−
inputSelf.checked && aLink.addClass('jqTransformChecked') || aLink.removeClass('jqTransformChecked');
 
−
return true;
 
−
});
 
−
// Click Handler
 
−
aLink.click(function(){
 
−
if($input.attr('disabled')){return false;}
 
−
$input.trigger('click').trigger('change');
 
−
 
−
// uncheck all others of same name input radio elements
 
−
$('input[name="'+$input.attr('name')+'"]',inputSelf.form).not($input).each(function(){
 
−
$(this).attr('type')=='radio' && $(this).trigger('change');
 
−
});
 
−
 
−
return false;
 
−
});
 
−
// set the default state
 
−
inputSelf.checked && aLink.addClass('jqTransformChecked');
 
−
});
 
−
};
 
−
 
−
/***************************
 
−
  TextArea
 
−
***************************/
 
−
$.fn.jqTransTextarea = function(){
 
−
return this.each(function(){
 
−
var textarea = $(this);
 
−
 
−
if(textarea.hasClass('jqtransformdone')) {return;}
 
−
textarea.addClass('jqtransformdone');
 
−
 
−
oLabel = jqTransformGetLabel(textarea);
 
−
oLabel && oLabel.click(function(){textarea.focus();});
 
−
 
−
var strTable = '<table cellspacing="0" cellpadding="0" border="0" class="jqTransformTextarea">';
 
−
strTable +='<tr><td id="jqTransformTextarea-tl"></td><td id="jqTransformTextarea-tm"></td><td id="jqTransformTextarea-tr"></td></tr>';
 
−
strTable +='<tr><td id="jqTransformTextarea-ml">&nbsp;</td><td id="jqTransformTextarea-mm"><div></div></td><td id="jqTransformTextarea-mr">&nbsp;</td></tr>';
 
−
strTable +='<tr><td id="jqTransformTextarea-bl"></td><td id="jqTransformTextarea-bm"></td><td id="jqTransformTextarea-br"></td></tr>';
 
−
strTable +='</table>';
 
−
var oTable = $(strTable)
 
−
.insertAfter(textarea)
 
−
.hover(function(){
 
−
!oTable.hasClass('jqTransformTextarea-focus') && oTable.addClass('jqTransformTextarea-hover');
 
−
},function(){
 
−
oTable.removeClass('jqTransformTextarea-hover');
 
−
})
 
−
;
 
−
 
−
textarea
 
−
.focus(function(){oTable.removeClass('jqTransformTextarea-hover').addClass('jqTransformTextarea-focus');})
 
−
.blur(function(){oTable.removeClass('jqTransformTextarea-focus');})
 
−
.appendTo($('#jqTransformTextarea-mm div',oTable))
 
−
;
 
−
this.oTable = oTable;
 
−
if($.browser.safari){
 
−
$('#jqTransformTextarea-mm',oTable)
 
−
.addClass('jqTransformSafariTextarea')
 
−
.find('div')
 
−
.css('height',textarea.height())
 
−
.css('width',textarea.width())
 
−
;
 
−
}
 
−
});
 
−
};
 
−
 
−
/***************************
 
−
  Select
 
−
***************************/
 
−
$.fn.jqTransSelect = function(){
 
−
return this.each(function(index){
 
−
var $select = $(this);
 
−
 
−
if($select.hasClass('jqTransformHidden')) {return;}
 
−
if($select.attr('multiple')) {return;}
 
−
 
−
var oLabel  =  jqTransformGetLabel($select);
 
−
/* First thing we do is Wrap it */
 
−
var $wrapper = $select
 
−
.addClass('jqTransformHidden')
 
−
.wrap('<div class="jqTransformSelectWrapper"></div>')
 
−
.parent()
 
−
.css({zIndex: 10-index})
 
−
;
 
−
 
−
/* Now add the html for the select */
 
−
$wrapper.prepend('<div><span></span><a href="#" class="jqTransformSelectOpen"></a></div><ul></ul>');
 
−
var $ul = $('ul', $wrapper).css('width',$select.width()).hide();
 
−
/* Now we add the options */
 
−
$('option', this).each(function(i){
 
−
var oLi = $('<li><a href="#" index="'+ i +'">'+ $(this).html() +'</a></li>');
 
−
$ul.append(oLi);
 
−
});
 
−
 
−
/* Add click handler to the a */
 
−
$ul.find('a').click(function(){
 
−
$('a.selected', $wrapper).removeClass('selected');
 
−
$(this).addClass('selected');
 
−
/* Fire the onchange event */
 
−
if ($select[0].selectedIndex != $(this).attr('index') && $select[0].onchange) { $select[0].selectedIndex = $(this).attr('index'); $select[0].onchange(); }
 
−
$select[0].selectedIndex = $(this).attr('index');
 
−
$('span:eq(0)', $wrapper).html($(this).html());
 
−
$ul.hide();
 
−
return false;
 
−
});
 
−
/* Set the default */
 
−
$('a:eq('+ this.selectedIndex +')', $ul).click();
 
−
$('span:first', $wrapper).click(function(){$("a.jqTransformSelectOpen",$wrapper).trigger('click');});
 
−
oLabel && oLabel.click(function(){$("a.jqTransformSelectOpen",$wrapper).trigger('click');});
 
−
this.oLabel = oLabel;
 
−
 
−
/* Apply the click handler to the Open */
 
−
var oLinkOpen = $('a.jqTransformSelectOpen', $wrapper)
 
−
.click(function(){
 
−
//Check if box is already open to still allow toggle, but close all other selects
 
−
if( $ul.css('display') == 'none' ) {jqTransformHideSelect();}
 
−
if($select.attr('disabled')){return false;}
 
−
 
−
$ul.slideToggle('fast', function(){
 
−
var offSet = ($('a.selected', $ul).offset().top - $ul.offset().top);
 
−
$ul.animate({scrollTop: offSet});
 
−
});
 
−
return false;
 
−
})
 
−
;
 
−
 
−
// Set the new width
 
−
var iSelectWidth = $select.outerWidth();
 
−
var oSpan = $('span:first',$wrapper);
 
−
var newWidth = (iSelectWidth > oSpan.innerWidth())?iSelectWidth+oLinkOpen.outerWidth():$wrapper.width();
 
−
$wrapper.css('width',newWidth);
 
−
$ul.css('width',newWidth-2);
 
−
oSpan.css({width:iSelectWidth});
 
−
 
−
// Calculate the height if necessary, less elements that the default height
 
−
//show the ul to calculate the block, if ul is not displayed li height value is 0
 
−
$ul.css({display:'block',visibility:'hidden'});
 
−
var iSelectHeight = ($('li',$ul).length)*($('li:first',$ul).height());//+1 else bug ff
 
−
(iSelectHeight < $ul.height()) && $ul.css({height:iSelectHeight,'overflow':'hidden'});//hidden else bug with ff
 
−
$ul.css({display:'none',visibility:'visible'});
 
−
 
−
});
 
−
};
 
−
$.fn.jqTransform = function(options){
 
−
var opt = $.extend({},defaultOptions,options);
 
−
 
−
/* each form */
 
−
return this.each(function(){
 
−
var selfForm = $(this);
 
−
if(selfForm.hasClass('jqtransformdone')) {return;}
 
−
selfForm.addClass('jqtransformdone');
 
−
 
−
$('input:submit, input:reset, input[type="button"]', this).jqTransInputButton();
 
−
$('input:text, input:password', this).jqTransInputText();
 
−
$('input:checkbox', this).jqTransCheckBox();
 
−
$('input:radio', this).jqTransRadio();
 
−
$('textarea', this).jqTransTextarea();
 
−
 
−
if( $('select', this).jqTransSelect().length > 0 ){jqTransformAddDocumentListener();}
 
−
selfForm.bind('reset',function(){var action = function(){jqTransformReset(this);}; window.setTimeout(action, 10);});
 
−
 
−
//preloading dont needed anymore since normal, focus and hover image are the same one
 
−
/*if(opt.preloadImg && !jqTransformImgPreloaded){
 
−
jqTransformImgPreloaded = true;
 
−
var oInputText = $('input:text:first', selfForm);
 
−
if(oInputText.length > 0){
 
−
//pour ie on eleve les ""
 
−
var strWrapperImgUrl = oInputText.get(0).wrapper.css('background-image');
 
−
jqTransformPreloadHoverFocusImg(strWrapperImgUrl);
 
−
var strInnerImgUrl = $('div.jqTransformInputInner',$(oInputText.get(0).wrapper)).css('background-image');
 
−
jqTransformPreloadHoverFocusImg(strInnerImgUrl);
 
−
}
 
−
 
−
var oTextarea = $('textarea',selfForm);
 
−
if(oTextarea.length > 0){
 
−
var oTable = oTextarea.get(0).oTable;
 
−
$('td',oTable).each(function(){
 
−
var strImgBack = $(this).css('background-image');
 
−
jqTransformPreloadHoverFocusImg(strImgBack);
 
−
});
 
−
}
 
−
}*/
 
−
 
−
 
−
}); /* End Form each */
 
−
 
−
};/* End the Plugin */
 
−
 
−
})(jQuery);
 
−
 
 
−
 
 
</script>
 
</script>
 
</html>
 
</html>

Revision as of 14:12, 13 July 2015