Embed Size (px)
DESCRIPTION
marco
Citation preview
example 2<script type="text/javascript" src="cust.js"></script>$(document).ready(function() { $("div").click(function() {
alert("Hello Friends!"); });});
example 3<link rel="stylesheet" type="text/css" href="style.css" />ol, li{
margin: 0;padding: 0;
}li { margin-left: 20px; }
.red { background-color: red; }
.blue { color: blue; }
.green { color: green; }
hover {background-color: #fc7;
}
<script src="custom.js" type="text/javascript"></script> $(document).ready(function() { $("#orderedlist li:last").hover(function() { $(this).addClass("green"); },function(){ $(this).removeClass("green"); });
});
example 11 hide show image by click<script src="custom.js" type="text/javascript"></script>
$(document).ready(function() { $("#orderedlist li:last").hover(function() { $(this).addClass("green"); },function(){ $(this).removeClass("green"); });
});
example 26 the innerfade effect using jquery plug-in<script type="text/javascript" src="jqfade.js"></script>
(function($) {
$.fn.innerfade = function(options) { return this.each(function() { $.innerfade(this, options); }); };
$.innerfade = function(container, options) { var settings = { 'animationtype': 'fade', 'speed': 'normal', 'type': 'sequence', 'timeout': 2000, 'containerheight': 'auto', 'runningclass': 'innerfade', 'children': null }; if (options) $.extend(settings, options); if (settings.children === null) var elements = $(container).children(); else var elements = $(container).children(settings.children); if (elements.length > 1) { $(container).css('position', 'relative').css('height', settings.containerheight).addClass(settings.runningclass); for (var i = 0; i < elements.length; i++) { $(elements[i]).css('z-index', String(elements.length-i)).css('position', 'absolute').hide(); }; if (settings.type == "sequence") { setTimeout(function() { $.innerfade.next(elements, settings, 1, 0); }, settings.timeout); $(elements[0]).show(); } else if (settings.type == "random") { var last = Math.floor ( Math.random () * ( elements.length ) ); setTimeout(function() { do {
current = Math.floor ( Math.random ( ) * ( elements.length ) );}
while (last == current );
$.innerfade.next(elements, settings, current, last); }, settings.timeout); $(elements[last]).show();
} else if ( settings.type == 'random_start' ) {
settings.type = 'sequence';
var current = Math.floor ( Math.random () * ( elements.length ) );
setTimeout(function(){
$.innerfade.next(elements, settings, (current + 1) % elements.length, current);
}, settings.timeout);
$(elements[current]).show();
} else {alert('Innerfade-Type
must either be \'sequence\', \'random\' or \'random_start\'');}
} };
$.innerfade.next = function(elements, settings, current, last) { if (settings.animationtype == 'slide') { $(elements[last]).slideUp(settings.speed); $(elements[current]).slideDown(settings.speed); } else if (settings.animationtype == 'fade') { $(elements[last]).fadeOut(settings.speed); $(elements[current]).fadeIn(settings.speed, function() {
removeFilter($(this)[0]);
}); } else alert('Innerfade-animationtype must either be \'slide\' or \'fade\''); if (settings.type == "sequence") { if ((current + 1) < elements.length) { current = current + 1; last = current - 1; } else { current = 0; last = elements.length - 1; } } else if (settings.type == "random") { last = current; while (current == last) current = Math.floor(Math.random() * elements.length); } else alert('Innerfade-Type must either be \'sequence\', \'random\' or \'random_start\''); setTimeout((function() { $.innerfade.next(elements, settings, current, last); }), settings.timeout); };
})(jQuery);
// **** remove Opacity-Filter in ie ****function removeFilter(element) {
if(element.style.removeAttribute){element.style.removeAttribute('filter');
}}
example 27 the innerfade effect with images using jquery plug-in
<script type="text/javascript" src="jqfade.js"></script>
(function($) {
$.fn.innerfade = function(options) { return this.each(function() { $.innerfade(this, options); }); };
$.innerfade = function(container, options) { var settings = { 'animationtype': 'fade', 'speed': 'normal', 'type': 'sequence', 'timeout': 2000, 'containerheight': 'auto', 'runningclass': 'innerfade', 'children': null }; if (options) $.extend(settings, options); if (settings.children === null) var elements = $(container).children(); else var elements = $(container).children(settings.children); if (elements.length > 1) { $(container).css('position', 'relative').css('height', settings.containerheight).addClass(settings.runningclass); for (var i = 0; i < elements.length; i++) { $(elements[i]).css('z-index', String(elements.length-i)).css('position', 'absolute').hide(); }; if (settings.type == "sequence") { setTimeout(function() { $.innerfade.next(elements, settings, 1, 0); }, settings.timeout); $(elements[0]).show(); } else if (settings.type == "random") { var last = Math.floor ( Math.random () * ( elements.length ) ); setTimeout(function() { do {
current = Math.floor ( Math.random ( ) * ( elements.length ) );}
while (last == current );
$.innerfade.next(elements, settings, current, last); }, settings.timeout); $(elements[last]).show();
} else if ( settings.type == 'random_start' ) {
settings.type = 'sequence';
var current = Math.floor ( Math.random () * ( elements.length ) );
setTimeout(function(){
$.innerfade.next(elements, settings, (current + 1) % elements.length, current);
}, settings.timeout);
$(elements[current]).show();
} else {alert('Innerfade-Type
must either be \'sequence\', \'random\' or \'random_start\'');}
} };
$.innerfade.next = function(elements, settings, current, last) { if (settings.animationtype == 'slide') { $(elements[last]).slideUp(settings.speed); $(elements[current]).slideDown(settings.speed); } else if (settings.animationtype == 'fade') { $(elements[last]).fadeOut(settings.speed); $(elements[current]).fadeIn(settings.speed, function() {
removeFilter($(this)[0]);
}); } else alert('Innerfade-animationtype must either be \'slide\' or \'fade\''); if (settings.type == "sequence") { if ((current + 1) < elements.length) { current = current + 1; last = current - 1; } else { current = 0; last = elements.length - 1; } } else if (settings.type == "random") { last = current; while (current == last) current = Math.floor(Math.random() * elements.length); } else alert('Innerfade-Type must either be \'sequence\', \'random\' or \'random_start\''); setTimeout((function() { $.innerfade.next(elements, settings, current, last); }), settings.timeout); };
})(jQuery);
// **** remove Opacity-Filter in ie ****function removeFilter(element) {
if(element.style.removeAttribute){element.style.removeAttribute('filter');
}}
example 28 the easy slider plug-in of jquery<script type="text/javascript" src="easySlider1.7.js"></script>/* * Easy Slider 1.7 - jQuery plugin * written by Alen Grakalic * http://cssglobe.com/post/4004/easy-slider-15-the-easiest-jquery-plugin-for-sliding * * Copyright (c) 2009 Alen Grakalic (http://cssglobe.com) * Dual licensed under the MIT (MIT-LICENSE.txt) * and GPL (GPL-LICENSE.txt) licenses. * * Built for jQuery library * http://jquery.com * */ /* * markup example for $("#slider").easySlider(); * * <div id="slider"> * <ul> * <li><img src="images/01.jpg" alt="" /></li> * <li><img src="images/02.jpg" alt="" /></li> * <li><img src="images/03.jpg" alt="" /></li> * <li><img src="images/04.jpg" alt="" /></li> * <li><img src="images/05.jpg" alt="" /></li> * </ul> * </div> * */
(function($) {
$.fn.easySlider = function(options){
// default configuration propertiesvar defaults = {
prevId: 'prevBtn',prevText: 'Previous',nextId: 'nextBtn',nextText: 'Next',controlsShow: true,controlsBefore:'',controlsAfter: '',controlsFade: true,firstId: 'firstBtn',firstText: 'First',firstShow: false,lastId: 'lastBtn',
lastText: 'Last',lastShow: false,vertical: false,speed: 800,auto: false,pause: 2000,continuous: false, numeric: false,numericId: 'controls'
};
var options = $.extend(defaults, options);
this.each(function() { var obj = $(this); var s = $("li", obj).length;var w = $("li", obj).width(); var h = $("li", obj).height(); var clickable = true;obj.width(w); obj.height(h); obj.css("overflow","hidden");var ts = s-1;var t = 0;$("ul", obj).css('width',s*w);
if(options.continuous){$("ul", obj).prepend($("ul li:last-child",
obj).clone().css("margin-left","-"+ w +"px"));$("ul", obj).append($("ul li:nth-child(2)",
obj).clone());$("ul", obj).css('width',(s+1)*w);
};
if(!options.vertical) $("li", obj).css('float','left');
if(options.controlsShow){var html = options.controlsBefore;if(options.numeric){
html += '<ol id="'+ options.numericId +'"></ol>';
} else {if(options.firstShow) html += '<span
id="'+ options.firstId +'"><a href=\"javascript:void(0);\">'+ options.firstText +'</a></span>';
html += ' <span id="'+ options.prevId +'"><a href=\"javascript:void(0);\">'+ options.prevText +'</a></span>';
html += ' <span id="'+ options.nextId +'"><a href=\"javascript:void(0);\">'+ options.nextText +'</a></span>';
if(options.lastShow) html += ' <span id="'+ options.lastId +'"><a href=\"javascript:void(0);\">'+ options.lastText +'</a></span>';
};
html += options.controlsAfter;$(obj).after(html);
};
if(options.numeric){for(var i=0;i<s;i++){
$(document.createElement("li")).attr('id',options.numericId +
(i+1)).html('<a rel='+ i +'
href=\"javascript:void(0);\">'+ (i+1) +'</a>').appendTo($("#"+
options.numericId)).click(function(){
animate($("a",$(this)).attr('rel'),true);
});
};} else {
$("a","#"+options.nextId).click(function(){animate("next",true);
});$("a","#"+options.prevId).click(function(){
animate("prev",true);});$("a","#"+options.firstId).click(function(){
animate("first",true);});$("a","#"+options.lastId).click(function(){
animate("last",true);});
};
function setCurrent(i){i = parseInt(i)+1;$("li", "#" +
options.numericId).removeClass("current");$("li#" + options.numericId +
i).addClass("current");};
function adjust(){if(t>ts) t=0;if(t<0) t=ts;if(!options.vertical) {
$("ul",obj).css("margin-left",(t*w*-1));
} else {$("ul",obj).css("margin-left",(t*h*-
1));}clickable = true;if(options.numeric) setCurrent(t);
};
function animate(dir,clicked){if (clickable){
clickable = false;var ot = t;
switch(dir){case "next":
t = (ot>=ts) ? (options.continuous ? t+1 : ts) : t+1;
break; case "prev":
t = (t<=0) ? (options.continuous ? t-1 : 0) : t-1;
break; case "first":
t = 0;break;
case "last":t = ts;break;
default:t = dir;break;
};var diff = Math.abs(ot-t);var speed = diff*options.speed;if(!options.vertical) {
p = (t*w*-1);$("ul",obj).animate(
{ marginLeft: p }, { queue:false,
duration:speed, complete:adjust });
} else {p = (t*h*-1);$("ul",obj).animate(
{ marginTop: p }, { queue:false,
duration:speed, complete:adjust });
};
if(!options.continuous && options.controlsFade){
if(t==ts){$
("a","#"+options.nextId).hide();$
("a","#"+options.lastId).hide();} else {
$("a","#"+options.nextId).show();
$("a","#"+options.lastId).show();
};if(t==0){
$("a","#"+options.prevId).hide();
$("a","#"+options.firstId).hide();
} else {
$("a","#"+options.prevId).show();
$("a","#"+options.firstId).show();
};};
if(clicked) clearTimeout(timeout);if(options.auto && dir=="next" && !
clicked){;timeout = setTimeout(function(){
animate("next",false);
},diff*options.speed+options.pause);};
};
};// initvar timeout;if(options.auto){;
timeout = setTimeout(function(){animate("next",false);
},options.pause);};
if(options.numeric) setCurrent(0);
if(!options.continuous && options.controlsFade){$("a","#"+options.prevId).hide();$("a","#"+options.firstId).hide();
};
}); };
})(jQuery);
<link href="css/screen.css" rel="stylesheet" type="text/css" media="screen" />
/* image replacement */ .graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next{ margin:0; padding:0; display:block; overflow:hidden; text-indent:-8000px; } /* // image replacement */
#container{margin:0 auto;position:relative;text-align:left;
width:696px;background:#fff;margin-bottom:2em;}
/* Easy Slider */
#slider ul, #slider li,#slider2 ul, #slider2 li{
margin:0;padding:0;list-style:none;}
#slider2{margin-top:1em;}#slider li, #slider2 li{ /*
define width and height of list item (slide)entire slider area will adjust according to the
parameters provided here*/ width:260px;height:260px;overflow:hidden; }
#prevBtn, #nextBtn,#slider1next, #slider1prev{
display:block;width:30px;height:77px;position:absolute;left:-30px;top:71px;z-index:1000;}
#nextBtn, #slider1next{ left:260px;}
#prevBtn a, #nextBtn a,#slider1next a, #slider1prev a{
display:block;position:relative;width:30px;height:77px;background:url(../images/btn_prev.gif) no-repeat 0 0;}
#nextBtn a, #slider1next a{ background:url(../images/btn_next.gif) no-repeat 0 0;}
/* numeric controls */
ol#controls{margin:1em 0;padding:0;height:28px;}
ol#controls li{
margin:0 10px 0 0; padding:0;float:left;list-style:none;height:28px;line-height:28px;}
ol#controls li a{float:left;height:28px;line-height:28px;border:1px solid #ccc;background:#DAF3F8;color:#555;padding:0 10px;text-decoration:none;}
ol#controls li.current a{background:#5DC9E1;color:#fff;}
ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
/* // Easy Slider */
1. example 29 The easy slider plug-in implementing with numeric boxes
<script type="text/javascript" src="easySlider1.7.js"></script>/* * Easy Slider 1.7 - jQuery plugin * written by Alen Grakalic * http://cssglobe.com/post/4004/easy-slider-15-the-easiest-jquery-plugin-for-sliding * * Copyright (c) 2009 Alen Grakalic (http://cssglobe.com) * Dual licensed under the MIT (MIT-LICENSE.txt) * and GPL (GPL-LICENSE.txt) licenses. * * Built for jQuery library * http://jquery.com * */ /* * markup example for $("#slider").easySlider(); * * <div id="slider"> * <ul> * <li><img src="images/01.jpg" alt="" /></li> * <li><img src="images/02.jpg" alt="" /></li> * <li><img src="images/03.jpg" alt="" /></li> * <li><img src="images/04.jpg" alt="" /></li> * <li><img src="images/05.jpg" alt="" /></li>
* </ul> * </div> * */
(function($) {
$.fn.easySlider = function(options){
// default configuration propertiesvar defaults = {
prevId: 'prevBtn',prevText: 'Previous',nextId: 'nextBtn',nextText: 'Next',controlsShow: true,controlsBefore:'',controlsAfter: '',controlsFade: true,firstId: 'firstBtn',firstText: 'First',firstShow: false,lastId: 'lastBtn',lastText: 'Last',lastShow: false,vertical: false,speed: 800,auto: false,pause: 2000,continuous: false, numeric: false,numericId: 'controls'
};
var options = $.extend(defaults, options);
this.each(function() { var obj = $(this); var s = $("li", obj).length;var w = $("li", obj).width(); var h = $("li", obj).height(); var clickable = true;obj.width(w); obj.height(h); obj.css("overflow","hidden");var ts = s-1;var t = 0;$("ul", obj).css('width',s*w);
if(options.continuous){$("ul", obj).prepend($("ul li:last-child",
obj).clone().css("margin-left","-"+ w +"px"));$("ul", obj).append($("ul li:nth-child(2)",
obj).clone());$("ul", obj).css('width',(s+1)*w);
};
if(!options.vertical) $("li", obj).css('float','left');
if(options.controlsShow){var html = options.controlsBefore;if(options.numeric){
html += '<ol id="'+ options.numericId +'"></ol>';
} else {if(options.firstShow) html += '<span
id="'+ options.firstId +'"><a href=\"javascript:void(0);\">'+ options.firstText +'</a></span>';
html += ' <span id="'+ options.prevId +'"><a href=\"javascript:void(0);\">'+ options.prevText +'</a></span>';
html += ' <span id="'+ options.nextId +'"><a href=\"javascript:void(0);\">'+ options.nextText +'</a></span>';
if(options.lastShow) html += ' <span id="'+ options.lastId +'"><a href=\"javascript:void(0);\">'+ options.lastText +'</a></span>';
};
html += options.controlsAfter;$(obj).after(html);
};
if(options.numeric){for(var i=0;i<s;i++){
$(document.createElement("li")).attr('id',options.numericId +
(i+1)).html('<a rel='+ i +'
href=\"javascript:void(0);\">'+ (i+1) +'</a>').appendTo($("#"+
options.numericId)).click(function(){
animate($("a",$(this)).attr('rel'),true);
});
};} else {
$("a","#"+options.nextId).click(function(){animate("next",true);
});$("a","#"+options.prevId).click(function(){
animate("prev",true);});$("a","#"+options.firstId).click(function(){
animate("first",true);});$("a","#"+options.lastId).click(function(){
animate("last",true);});
};
function setCurrent(i){i = parseInt(i)+1;
$("li", "#" + options.numericId).removeClass("current");
$("li#" + options.numericId + i).addClass("current");
};
function adjust(){if(t>ts) t=0;if(t<0) t=ts;if(!options.vertical) {
$("ul",obj).css("margin-left",(t*w*-1));
} else {$("ul",obj).css("margin-left",(t*h*-
1));}clickable = true;if(options.numeric) setCurrent(t);
};
function animate(dir,clicked){if (clickable){
clickable = false;var ot = t;switch(dir){
case "next":t = (ot>=ts) ?
(options.continuous ? t+1 : ts) : t+1;break;
case "prev":t = (t<=0) ?
(options.continuous ? t-1 : 0) : t-1;break;
case "first":t = 0;break;
case "last":t = ts;break;
default:t = dir;break;
};var diff = Math.abs(ot-t);var speed = diff*options.speed;if(!options.vertical) {
p = (t*w*-1);$("ul",obj).animate(
{ marginLeft: p }, { queue:false,
duration:speed, complete:adjust });
} else {p = (t*h*-1);$("ul",obj).animate(
{ marginTop: p },
{ queue:false, duration:speed, complete:adjust }
);};
if(!options.continuous && options.controlsFade){
if(t==ts){$
("a","#"+options.nextId).hide();$
("a","#"+options.lastId).hide();} else {
$("a","#"+options.nextId).show();
$("a","#"+options.lastId).show();
};if(t==0){
$("a","#"+options.prevId).hide();
$("a","#"+options.firstId).hide();
} else {$
("a","#"+options.prevId).show();$
("a","#"+options.firstId).show();};
};
if(clicked) clearTimeout(timeout);if(options.auto && dir=="next" && !
clicked){;timeout = setTimeout(function(){
animate("next",false);
},diff*options.speed+options.pause);};
};
};// initvar timeout;if(options.auto){;
timeout = setTimeout(function(){animate("next",false);
},options.pause);};
if(options.numeric) setCurrent(0);
if(!options.continuous && options.controlsFade){$("a","#"+options.prevId).hide();$("a","#"+options.firstId).hide();
};
}); };
})(jQuery);
<link href="css/screen.css" rel="stylesheet" type="text/css" media="screen" />
/* image replacement */ .graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next{ margin:0; padding:0; display:block; overflow:hidden; text-indent:-8000px; } /* // image replacement */
#container{margin:0 auto;position:relative;text-align:left;width:696px;background:#fff;margin-bottom:2em;}
/* Easy Slider */
#slider ul, #slider li,#slider2 ul, #slider2 li{
margin:0;padding:0;list-style:none;}
#slider2{margin-top:1em;}#slider li, #slider2 li{ /*
define width and height of list item (slide)entire slider area will adjust according to the
parameters provided here*/ width:260px;height:260px;overflow:hidden; }
#prevBtn, #nextBtn,#slider1next, #slider1prev{
display:block;width:30px;height:77px;position:absolute;left:-30px;top:71px;
z-index:1000;}
#nextBtn, #slider1next{ left:260px;}
#prevBtn a, #nextBtn a,#slider1next a, #slider1prev a{
display:block;position:relative;width:30px;height:77px;background:url(../images/btn_prev.gif) no-repeat 0 0;}
#nextBtn a, #slider1next a{ background:url(../images/btn_next.gif) no-repeat 0 0;}
/* numeric controls */
ol#controls{margin:1em 0;padding:0;height:28px;}
ol#controls li{margin:0 10px 0 0; padding:0;float:left;list-style:none;height:28px;line-height:28px;}
ol#controls li a{float:left;height:28px;line-height:28px;border:1px solid #ccc;background:#DAF3F8;color:#555;padding:0 10px;text-decoration:none;}
ol#controls li.current a{background:#5DC9E1;color:#fff;}
ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
/* // Easy Slider */
1. example 30 The animation of image using the 'animate' effect of jQuery
<script src="jquery.imghover-1.1rc.js" type="text/javascript"></script>
this program is not working in their web sitedisplay error Sorry, the page you requested was not found in the directory.
1. example 35 Enlarge Image pop up on hovering the image using plugin
<script src="jquery.thumbhover.js"></script>
(function($) {$.fn.thumbPopup = function(options){
//Combine the passed in options with the default settingssettings = jQuery.extend({
popupId: "thumbPopup",popupCSS: {'border': '1px solid #000000', 'background':
'#FFFFFF'},imgSmallFlag: "_t",imgLargeFlag: "_l",cursorTopOffset: 15,cursorLeftOffset: 15,loadingHtml: "<span style='padding:
5px;'>Loading</span>"}, options);
//Create our popup elementpopup =$("<div />").css(settings.popupCSS).attr("id", settings.popupId).css("position", "absolute").appendTo("body").hide();
//Attach hover events that manage the popup$(this).hover(setPopup).mousemove(updatePopupPosition).mouseout(hidePopup);
function setPopup(event){
var fullImgURL = $(this).attr("src").replace(settings.imgSmallFlag, settings.imgLargeFlag);
$(this).data("hovered", true);
//Load full image in popup$("<img />").bind("load", {thumbImage: this}, function(event){
//Only display the larger image if the thumbnail is still being hovered
if ($(event.data.thumbImage).data("hovered") == true) {
$(popup).empty().append(this);updatePopupPosition(event);$(popup).show();
}$(event.data.thumbImage).data("cached", true);
}).attr("src", fullImgURL);
//If no image has been loaded yet then place a loading message
if ($(this).data("cached") != true) {$(popup).append($(settings.loadingHtml));$(popup).show();
}
updatePopupPosition(event);}
function updatePopupPosition(event){
var windowSize = getWindowSize();var popupSize = getPopupSize();if (windowSize.width + windowSize.scrollLeft <
event.pageX + popupSize.width + settings.cursorLeftOffset){$(popup).css("left", event.pageX -
popupSize.width - settings.cursorLeftOffset);} else {
$(popup).css("left", event.pageX + settings.cursorLeftOffset);
}if (windowSize.height + windowSize.scrollTop <
event.pageY + popupSize.height + settings.cursorTopOffset){$(popup).css("top", event.pageY -
popupSize.height - settings.cursorTopOffset);} else {
$(popup).css("top", event.pageY + settings.cursorTopOffset);
}}
function hidePopup(event){
$(this).data("hovered", false);$(popup).empty().hide();
}
function getWindowSize() {return {
scrollLeft: $(window).scrollLeft(),scrollTop: $(window).scrollTop(),width: $(window).width(),height: $(window).height()
};}
function getPopupSize() {return {
width: $(popup).width(),height: $(popup).height()
};
}
//Return original selection for chainingreturn this;
};})(jQuery);
1. example 42 Auto complete text box using jQuery plug in
<link rel="stylesheet" href="css/jquery.autocomplete.css" type="text/css" />
.ac_results {padding: 0px;border: 1px solid black;background-color: white;overflow: hidden;z-index: 99999;
}
.ac_results ul {width: 100%;list-style-position: outside;list-style: none;padding: 0;margin: 0;
}
.ac_results li {margin: 0px;padding: 2px 5px;cursor: default;display: block;/* if width will be 100% horizontal scrollbar will apear when scroll mode will be used*//*width: 100%;*/font: menu;font-size: 12px;/* it is very important, if line-height not setted or setted in relative units scroll will be broken in firefox*/line-height: 16px;overflow: hidden;
}
.ac_loading {background: white url('indicator.gif') right center no-repeat;
}
.ac_odd {background-color: #eee;
}
.ac_over {background-color: #0A246A;color: white;
}
<script type="text/javascript" src="jquery.autocomplete.js"></script>
/* * Autocomplete - jQuery plugin 1.1pre * * Copyright (c) 2007 Dylan Verheul, Dan G. Switzer, Anjesh Tuladhar, Jörn Zaefferer * * Dual licensed under the MIT and GPL licenses: * http://www.opensource.org/licenses/mit-license.php * http://www.gnu.org/licenses/gpl.html * * Revision: $Id: jquery.autocomplete.js 5785 2008-07-12 10:37:33Z joern.zaefferer $ * */
;(function($) {
$.fn.extend({autocomplete: function(urlOrData, options) {
var isUrl = typeof urlOrData == "string";options = $.extend({}, $.Autocompleter.defaults, {
url: isUrl ? urlOrData : null,data: isUrl ? null : urlOrData,delay: isUrl ? $.Autocompleter.defaults.delay : 10,max: options && !options.scroll ? 10 : 150
}, options);
// if highlight is set to false, replace it with a do-nothing function
options.highlight = options.highlight || function(value) { return value; };
// if the formatMatch option is not specified, then use formatItem for backwards compatibility
options.formatMatch = options.formatMatch || options.formatItem;
return this.each(function() {new $.Autocompleter(this, options);
});},result: function(handler) {
return this.bind("result", handler);},search: function(handler) {
return this.trigger("search", [handler]);
},flushCache: function() {
return this.trigger("flushCache");},setOptions: function(options){
return this.trigger("setOptions", [options]);},unautocomplete: function() {
return this.trigger("unautocomplete");}
});
$.Autocompleter = function(input, options) {
var KEY = {UP: 38,DOWN: 40,DEL: 46,TAB: 9,RETURN: 13,ESC: 27,COMMA: 188,PAGEUP: 33,PAGEDOWN: 34,BACKSPACE: 8
};
// Create $ object for input elementvar $input = $(input).attr("autocomplete",
"off").addClass(options.inputClass);
var timeout;var previousValue = "";var cache = $.Autocompleter.Cache(options);var hasFocus = 0;var lastKeyPressCode;var config = {
mouseDownOnSelect: false};var select = $.Autocompleter.Select(options, input, selectCurrent,
config);
var blockSubmit;
// prevent form submit in opera when selecting with return key$.browser.opera && $(input.form).bind("submit.autocomplete",
function() {if (blockSubmit) {
blockSubmit = false;return false;
}});
// only opera doesn't trigger keydown multiple times while pressed, others don't work with keypress at all
$input.bind(($.browser.opera ? "keypress" : "keydown") + ".autocomplete", function(event) {
// track last key pressedlastKeyPressCode = event.keyCode;switch(event.keyCode) {
case KEY.UP:event.preventDefault();if ( select.visible() ) {
select.prev();} else {
onChange(0, true);}break;
case KEY.DOWN:event.preventDefault();if ( select.visible() ) {
select.next();} else {
onChange(0, true);}break;
case KEY.PAGEUP:event.preventDefault();if ( select.visible() ) {
select.pageUp();} else {
onChange(0, true);}break;
case KEY.PAGEDOWN:event.preventDefault();if ( select.visible() ) {
select.pageDown();} else {
onChange(0, true);}break;
// matches also semicoloncase options.multiple &&
$.trim(options.multipleSeparator) == "," && KEY.COMMA:case KEY.TAB:case KEY.RETURN:
if( selectCurrent() ) {// stop default to prevent a form
submit, Opera needs special handlingevent.preventDefault();blockSubmit = true;return false;
}break;
case KEY.ESC:select.hide();break;
default:clearTimeout(timeout);timeout = setTimeout(onChange, options.delay);break;
}}).focus(function(){
// track whether the field has focus, we shouldn't process any// results if the field no longer has focushasFocus++;
}).blur(function() {hasFocus = 0;if (!config.mouseDownOnSelect) {
hideResults();}
}).click(function() {// show select when clicking in a focused fieldif ( hasFocus++ > 1 && !select.visible() ) {
onChange(0, true);}
}).bind("search", function() {// TODO why not just specifying both arguments?var fn = (arguments.length > 1) ? arguments[1] : null;function findValueCallback(q, data) {
var result;if( data && data.length ) {
for (var i=0; i < data.length; i++) {if( data[i].result.toLowerCase() ==
q.toLowerCase() ) {result = data[i];break;
}}
}if( typeof fn == "function" ) fn(result);else $input.trigger("result", result && [result.data,
result.value]);}$.each(trimWords($input.val()), function(i, value) {
request(value, findValueCallback, findValueCallback);});
}).bind("flushCache", function() {cache.flush();
}).bind("setOptions", function() {$.extend(options, arguments[1]);// if we've updated the data, repopulateif ( "data" in arguments[1] )
cache.populate();}).bind("unautocomplete", function() {
select.unbind();$input.unbind();$(input.form).unbind(".autocomplete");
});
function selectCurrent() {var selected = select.selected();
if( !selected )return false;
var v = selected.result;previousValue = v;
if ( options.multiple ) {var words = trimWords($input.val());if ( words.length > 1 ) {
v = words.slice(0, words.length - 1).join( options.multipleSeparator ) + options.multipleSeparator + v;
}v += options.multipleSeparator;
}
$input.val(v);hideResultsNow();$input.trigger("result", [selected.data, selected.value]);return true;
}
function onChange(crap, skipPrevCheck) {if( lastKeyPressCode == KEY.DEL ) {
select.hide();return;
}
var currentValue = $input.val();
if ( !skipPrevCheck && currentValue == previousValue )return;
previousValue = currentValue;
currentValue = lastWord(currentValue);if ( currentValue.length >= options.minChars) {
$input.addClass(options.loadingClass);if (!options.matchCase)
currentValue = currentValue.toLowerCase();request(currentValue, receiveData, hideResultsNow);
} else {stopLoading();select.hide();
}};
function trimWords(value) {if ( !value ) {
return [""];}var words = value.split( options.multipleSeparator );var result = [];$.each(words, function(i, value) {
if ( $.trim(value) )result[i] = $.trim(value);
});return result;
}
function lastWord(value) {if ( !options.multiple )
return value;var words = trimWords(value);return words[words.length - 1];
}
// fills in the input box w/the first match (assumed to be the best match)
// q: the term entered// sValue: the first matching resultfunction autoFill(q, sValue){
// autofill in the complete box w/the first match as long as the user hasn't entered in more data
// if the last user key pressed was backspace, don't autofillif( options.autoFill && (lastWord($input.val()).toLowerCase()
== q.toLowerCase()) && lastKeyPressCode != KEY.BACKSPACE ) {// fill in the value (keep the case the user has typed)$input.val($input.val() +
sValue.substring(lastWord(previousValue).length));// select the portion of the value not typed by the
user (so the next character will erase)$.Autocompleter.Selection(input, previousValue.length,
previousValue.length + sValue.length);}
};
function hideResults() {clearTimeout(timeout);timeout = setTimeout(hideResultsNow, 200);
};
function hideResultsNow() {var wasVisible = select.visible();select.hide();clearTimeout(timeout);stopLoading();if (options.mustMatch) {
// call search and run callback$input.search(
function (result){// if no value found, clear the input
boxif( !result ) {
if (options.multiple) {var words =
trimWords($input.val()).slice(0, -1);
$input.val( words.join(options.multipleSeparator) + (words.length ? options.multipleSeparator : "") );
}else
$input.val( "" );}
}
);}if (wasVisible)
// position cursor at end of input field$.Autocompleter.Selection(input, input.value.length,
input.value.length);};
function receiveData(q, data) {if ( data && data.length && hasFocus ) {
stopLoading();select.display(data, q);autoFill(q, data[0].value);select.show();
} else {hideResultsNow();
}};
function request(term, success, failure) {if (!options.matchCase)
term = term.toLowerCase();var data = cache.load(term);// recieve the cached dataif (data && data.length) {
success(term, data);// if an AJAX url has been supplied, try loading the data now} else if( (typeof options.url == "string") &&
(options.url.length > 0) ){
var extraParams = {timestamp: +new Date()
};$.each(options.extraParams, function(key, param) {
extraParams[key] = typeof param == "function" ? param() : param;
});
$.ajax({// try to leverage ajaxQueue plugin to abort
previous requestsmode: "abort",// limit abortion to this inputport: "autocomplete" + input.name,dataType: options.dataType,url: options.url,data: $.extend({
q: lastWord(term),limit: options.max
}, extraParams),success: function(data) {
var parsed = options.parse && options.parse(data) || parse(data);
cache.add(term, parsed);success(term, parsed);
}});
} else {// if we have a failure, we need to empty the list --
this prevents the the [TAB] key from selecting the last successful matchselect.emptyList();failure(term);
}};
function parse(data) {var parsed = [];var rows = data.split("\n");for (var i=0; i < rows.length; i++) {
var row = $.trim(rows[i]);if (row) {
row = row.split("|");parsed[parsed.length] = {
data: row,value: row[0],result: options.formatResult &&
options.formatResult(row, row[0]) || row[0]};
}}return parsed;
};
function stopLoading() {$input.removeClass(options.loadingClass);
};
};
$.Autocompleter.defaults = {inputClass: "ac_input",resultsClass: "ac_results",loadingClass: "ac_loading",minChars: 1,delay: 400,matchCase: false,matchSubset: true,matchContains: false,cacheLength: 10,max: 100,mustMatch: false,extraParams: {},selectFirst: true,formatItem: function(row) { return row[0]; },formatMatch: null,autoFill: false,width: 0,multiple: false,multipleSeparator: ", ",highlight: function(value, term) {
return value.replace(new RegExp("(?![^&;]+;)(?!<[^<>]*)(" + term.replace(/([\^\$\(\)\[\]\{\}\*\.\+\?\|\\])/gi, "\\$1") + ")(?![^<>]*>)(?![^&;]+;)", "gi"), "<strong>$1</strong>");
},
scroll: true, scrollHeight: 180};
$.Autocompleter.Cache = function(options) {
var data = {};var length = 0;
function matchSubset(s, sub) {if (!options.matchCase)
s = s.toLowerCase();var i = s.indexOf(sub);if (options.matchContains == "word"){
i = s.toLowerCase().search("\\b" + sub.toLowerCase());}if (i == -1) return false;return i == 0 || options.matchContains;
};
function add(q, value) {if (length > options.cacheLength){
flush();}if (!data[q]){
length++;}data[q] = value;
}
function populate(){if( !options.data ) return false;// track the matchesvar stMatchSets = {},
nullData = 0;
// no url was specified, we need to adjust the cache length to make sure it fits the local data store
if( !options.url ) options.cacheLength = 1;
// track all options for minChars = 0stMatchSets[""] = [];
// loop through the array and create a lookup structurefor ( var i = 0, ol = options.data.length; i < ol; i++ ) {
var rawValue = options.data[i];// if rawValue is a string, make an array otherwise
just reference the arrayrawValue = (typeof rawValue == "string") ? [rawValue] :
rawValue;
var value = options.formatMatch(rawValue, i+1, options.data.length);
if ( value === false )continue;
var firstChar = value.charAt(0).toLowerCase();
// if no lookup array for this character exists, look it up now
if( !stMatchSets[firstChar] ) stMatchSets[firstChar] = [];
// if the match is a stringvar row = {
value: value,data: rawValue,result: options.formatResult &&
options.formatResult(rawValue) || value};
// push the current match into the set liststMatchSets[firstChar].push(row);
// keep track of minChars zero itemsif ( nullData++ < options.max ) {
stMatchSets[""].push(row);}
};
// add the data items to the cache$.each(stMatchSets, function(i, value) {
// increase the cache sizeoptions.cacheLength++;// add to the cacheadd(i, value);
});}
// populate any existing datasetTimeout(populate, 25);
function flush(){data = {};length = 0;
}
return {flush: flush,add: add,populate: populate,load: function(q) {
if (!options.cacheLength || !length)return null;
/* * if dealing w/local data and matchContains than we
must make sure * to loop through all the data collections looking for
matches */if( !options.url && options.matchContains ){
// track all matchesvar csub = [];// loop through all the data grids for matchesfor( var k in data ){
// don't search through the stMatchSets[""] (minChars: 0) cache
// this prevents duplicatesif( k.length > 0 ){
var c = data[k];$.each(c, function(i, x) {
// if we've got a match, add it to the array
if (matchSubset(x.value, q)) {
csub.push(x);}
});}
}return csub;
} else // if the exact item exists, use itif (data[q]){
return data[q];} elseif (options.matchSubset) {
for (var i = q.length - 1; i >= options.minChars; i--) {
var c = data[q.substr(0, i)];if (c) {
var csub = [];$.each(c, function(i, x) {
if (matchSubset(x.value, q)) {
csub[csub.length] = x;}
});return csub;
}}
}return null;
}};
};
$.Autocompleter.Select = function (options, input, select, config) {var CLASSES = {
ACTIVE: "ac_over"};
var listItems,active = -1,data,term = "",needsInit = true,element,list;
// Create results
function init() {if (!needsInit)
return;element = $("<div/>").hide().addClass(options.resultsClass).css("position", "absolute").appendTo(document.body);
list = $("<ul/>").appendTo(element).mouseover( function(event) {
if(target(event).nodeName && target(event).nodeName.toUpperCase() == 'LI') {
active = $("li", list).removeClass(CLASSES.ACTIVE).index(target(event));
$(target(event)).addClass(CLASSES.ACTIVE); }
}).click(function(event) {$(target(event)).addClass(CLASSES.ACTIVE);select();// TODO provide option to avoid setting focus again
after selection? useful for cleanup-on-focusinput.focus();return false;
}).mousedown(function() {config.mouseDownOnSelect = true;
}).mouseup(function() {config.mouseDownOnSelect = false;
});
if( options.width > 0 )element.css("width", options.width);
needsInit = false;}
function target(event) {var element = event.target;while(element && element.tagName != "LI")
element = element.parentNode;// more fun with IE, sometimes event.target is empty, just
ignore it thenif(!element)
return [];return element;
}
function moveSelect(step) {listItems.slice(active, active +
1).removeClass(CLASSES.ACTIVE);movePosition(step);
var activeItem = listItems.slice(active, active + 1).addClass(CLASSES.ACTIVE); if(options.scroll) { var offset = 0; listItems.slice(0, active).each(function() {
offset += this.offsetHeight;
}); if((offset + activeItem[0].offsetHeight - list.scrollTop()) > list[0].clientHeight) { list.scrollTop(offset + activeItem[0].offsetHeight - list.innerHeight()); } else if(offset < list.scrollTop()) { list.scrollTop(offset); } }
};
function movePosition(step) {active += step;if (active < 0) {
active = listItems.size() - 1;} else if (active >= listItems.size()) {
active = 0;}
}
function limitNumberOfItems(available) {return options.max && options.max < available
? options.max: available;
}
function fillList() {list.empty();var max = limitNumberOfItems(data.length);for (var i=0; i < max; i++) {
if (!data[i])continue;
var formatted = options.formatItem(data[i].data, i+1, max, data[i].value, term);
if ( formatted === false )continue;
var li = $("<li/>").html( options.highlight(formatted, term) ).addClass(i%2 == 0 ? "ac_even" : "ac_odd").appendTo(list)[0];
$.data(li, "ac_data", data[i]);}listItems = list.find("li");if ( options.selectFirst ) {
listItems.slice(0, 1).addClass(CLASSES.ACTIVE);active = 0;
}// apply bgiframe if availableif ( $.fn.bgiframe )
list.bgiframe();}
return {display: function(d, q) {
init();data = d;term = q;fillList();
},
next: function() {moveSelect(1);
},prev: function() {
moveSelect(-1);},pageUp: function() {
if (active != 0 && active - 8 < 0) {moveSelect( -active );
} else {moveSelect(-8);
}},pageDown: function() {
if (active != listItems.size() - 1 && active + 8 > listItems.size()) {
moveSelect( listItems.size() - 1 - active );} else {
moveSelect(8);}
},hide: function() {
element && element.hide();listItems && listItems.removeClass(CLASSES.ACTIVE);active = -1;
},visible : function() {
return element && element.is(":visible");},current: function() {
return this.visible() && (listItems.filter("." + CLASSES.ACTIVE)[0] || options.selectFirst && listItems[0]);
},show: function() {
var offset = $(input).offset();element.css({
width: typeof options.width == "string" || options.width > 0 ? options.width : $(input).width(),
top: offset.top + input.offsetHeight,left: offset.left
}).show(); if(options.scroll) { list.scrollTop(0); list.css({
maxHeight: options.scrollHeight,overflow: 'auto'
});
if($.browser.msie && typeof document.body.style.maxHeight === "undefined") {
var listHeight = 0;listItems.each(function() {
listHeight += this.offsetHeight;});var scrollbarsVisible = listHeight >
options.scrollHeight;
list.css('height', scrollbarsVisible ? options.scrollHeight : listHeight );
if (!scrollbarsVisible) {// IE doesn't recalculate width
when scrollbar disappearslistItems.width( list.width() -
parseInt(listItems.css("padding-left")) - parseInt(listItems.css("padding-right")) );
} } }
},selected: function() {
var selected = listItems && listItems.filter("." + CLASSES.ACTIVE).removeClass(CLASSES.ACTIVE);
return selected && selected.length && $.data(selected[0], "ac_data");
},emptyList: function (){
list && list.empty();},unbind: function() {
element && element.remove();}
};};
$.Autocompleter.Selection = function(field, start, end) {if( field.createTextRange ){
var selRange = field.createTextRange();selRange.collapse(true);selRange.moveStart("character", start);selRange.moveEnd("character", end);selRange.select();
} else if( field.setSelectionRange ){field.setSelectionRange(start, end);
} else {if( field.selectionStart ){
field.selectionStart = start;field.selectionEnd = end;
}}field.focus();
};
})(jQuery);
1. example 49 Pop up on hover using jQuery plug in
<script type="text/javascript" src="hovertip.js"></script>
/** * Hovertip - easy and elegant tooltips
* * By Dave Cohen <http://dave-cohen.com> * With ideas and and javascript code borrowed from many folks. * (See URLS in the comments) * * Licensed under GPL. * Requires jQuery.js. <http://jquery.com>, * which may be distributed under a different licence. * * $Date: 2006-09-15 12:49:19 -0700 (Fri, 15 Sep 2006) $ * $Rev: $ * $Id:$ //// mouse events /////** * To make hovertips appear correctly we need the exact mouse position. * These functions make that possible. */
// use globals to track mouse positionvar hovertipMouseX;var hovertipMouseY;function hovertipMouseUpdate(e) { var mouse = hovertipMouseXY(e); hovertipMouseX = mouse[0]; hovertipMouseY = mouse[1];}
// http://www.howtocreate.co.uk/tutorials/javascript/eventinfofunction hovertipMouseXY(e) { if( !e ) { if( window.event ) { //Internet Explorer e = window.event; } else { //total failure, we have no way of referencing the event return; } } if( typeof( e.pageX ) == 'number' ) { //most browsers var xcoord = e.pageX; var ycoord = e.pageY; } else if( typeof( e.clientX ) == 'number' ) { //Internet Explorer and older browsers //other browsers provide this, but follow the pageX/Y branch var xcoord = e.clientX; var ycoord = e.clientY; var badOldBrowser = ( window.navigator.userAgent.indexOf( 'Opera' ) + 1 ) || ( window.ScriptEngine && ScriptEngine().indexOf( 'InScript' ) + 1 ) || ( navigator.vendor == 'KDE' ); if( !badOldBrowser ) { if( document.body && ( document.body.scrollLeft || document.body.scrollTop ) ) { //IE 4, 5 & 6 (in non-standards compliant mode) xcoord += document.body.scrollLeft;
ycoord += document.body.scrollTop; } else if( document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) ) { //IE 6 (in standards compliant mode) xcoord += document.documentElement.scrollLeft; ycoord += document.documentElement.scrollTop; } } } else { //total failure, we have no way of obtaining the mouse coordinates return; } return [xcoord, ycoord];}
//// target selectors ////
/** * These selectors find the targets for a given tooltip element. * Several methods are supported. * * You may write your own selector functions to customize. */
/** * For this model: * <span hovertip="ht1">target term</span>... * <div class="hovertip" id="ht1">tooltip text</div> */targetSelectById = function(el, config) { var id; var selector; if (id = el.getAttribute('id')) { selector = '*[@'+config.attribute+'=\''+id+'\']'; return $(selector); }};
/** * For this model: * <span id="ht1">target term</span>... * <div class="hovertip" target="ht1">tooltip text</div> */targetSelectByTargetAttribute = function(el, config) { target_list = el.getAttribute('target'); if (target_list) { // use for attribute to specify targets target_ids = target_list.split(' '); var selector = '#' + target_ids.join(',#'); return $(selector); }};
/**
* For this model: * <span>target term</span><span class="hovertip">tooltip text</span> */targetSelectByPrevious = function(el, config) { return $(el.previousSibling);}
/** * Make all siblings targets. Experimental. */targetSelectBySiblings = function(el, config) { return $(el).siblings();}
//// prepare tip elements ////
/** * The tooltip element needs special preparation. You may define your own * prepare functions to cusomize the behavior. */
// adds a close link to clicktipsclicktipPrepareWithCloseLink = function(o, config) { return o.append("<a class='clicktip_close'><span>close</span></a>") .find('a.clicktip_close').click(function(e) { o.hide(); return false; }).end(); };
// ensure that hovertips do not disappear when the mouse is over them.// also position the hovertip as an absolutely positioned child of body.hovertipPrepare = function(o, config) { return o.hover(function() { hovertipHideCancel(this); }, function() { hovertipHideLater(this); }).css('position', 'absolute').each(hovertipPosition);};
// do not modify tooltips when preparinghovertipPrepareNoOp = function(o, config) { return o;}
//// manipulate tip elements //////** * A variety of functions to modify tooltip elements */
// move tooltips to body, so they are not descended from other absolutely// positioned elements.hovertipPosition = function(i) { document.body.appendChild(this);}
hovertipIsVisible = function(el) {
return (jQuery.css(el, 'display') != 'none');}
// show the tooltip under the mouse.// Introduce a delay, so tip appears only if cursor rests on target for more than an instant.hovertipShowUnderMouse = function(el) { hovertipHideCancel(el); if (!hovertipIsVisible(el)) { el.ht.showing = // keep reference to timer window.setTimeout(function() { el.ht.tip.css({ 'position':'absolute', 'top': hovertipMouseY + 'px', 'left': hovertipMouseX + 'px'}) .show(); }, el.ht.config.showDelay); }};
// do not hidehovertipHideCancel = function(el) { if (el.ht.hiding) { window.clearTimeout(el.ht.hiding); el.ht.hiding = null; } };
// Hide a tooltip, but only after a delay.// The delay allow the tip to remain when user moves mouse from target to tooltiphovertipHideLater = function(el) { if (el.ht.showing) { window.clearTimeout(el.ht.showing); el.ht.showing = null; } if (el.ht.hiding) { window.clearTimeout(el.ht.hiding); el.ht.hiding = null; } el.ht.hiding = window.setTimeout(function() { if (el.ht.hiding) { // fadeOut, slideUp do not work on Konqueror el.ht.tip.hide(); } }, el.ht.config.hideDelay);};
//// prepare target elements /////** * As we prepared the tooltip elements, the targets also need preparation. * * You may define your own custom behavior. */
// when clicked on target, toggle visibilty of tooltipclicktipTargetPrepare = function(o, el, config) { return o.addClass(config.attribute + '_target') .click(function() { el.ht.tip.toggle(); return false; });};
// when hover over target, make tooltip appearhovertipTargetPrepare = function(o, el, config) { return o.addClass(config.attribute + '_target') .hover(function() { // show tip when mouse over target hovertipShowUnderMouse(el); }, function() { // hide the tip // add a delay so user can move mouse from the target to the tip hovertipHideLater(el); });};
/** * hovertipActivate() is our jQuery plugin function. It turns on hovertip or * clicktip behavior for a set of elements. * * @param config * controls aspects of tooltip behavior. Be sure to define * 'attribute', 'showDelay' and 'hideDelay'. * * @param targetSelect * function finds the targets of a given tooltip element. * * @param tipPrepare * function alters the tooltip to display and behave properly * * @param targetPrepare * function alters the target to display and behave properly. */jQuery.fn.hovertipActivate = function(config, targetSelect, tipPrepare, targetPrepare) { //alert('activating ' + this.size()); // unhide so jquery show/hide will work. return this.css('display', 'block') .hide() // don't show it until click .each(function() { if (!this.ht) this.ht = new Object(); this.ht.config = config; // find our targets var targets = targetSelect(this, config); if (targets && targets.size()) { if (!this.ht.targets) this.ht.targets = targetPrepare(targets, this, config);
else this.ht.targets.add(targetPrepare(targets, this, config)); // listen to mouse move events so we know exatly where to place hovetips targets.mousemove(hovertipMouseUpdate); // prepare the tooltip element // is it bad form to call $(this) here? if (!this.ht.tip) this.ht.tip = tipPrepare($(this), config); } }) ;};
/** * Here's an example ready function which shows how to enable tooltips. * * You can make this considerably shorter by choosing only the markup style(s) * you will use. * * You may also remove the code that wraps hovertips to produce drop-shadow FX * * Invoke this function or one like it from your $(document).ready(). * * Here, we break the action up into several timout callbacks, to avoid * locking up browsers. */function hovertipInit() { // specify the attribute name we use for our clicktips var clicktipConfig = {'attribute':'clicktip'}; /** * To enable this style of markup (id on tooltip): * <span clicktip="foo">target</span>... * <div id="foo" class="clicktip">blah blah</div> */ window.setTimeout(function() { $('.clicktip').hovertipActivate(clicktipConfig, targetSelectById, clicktipPrepareWithCloseLink, clicktipTargetPrepare); }, 0); /** * To enable this style of markup (id on target): * <span id="foo">target</span>... * <div target="foo" class="clicktip">blah blah</div> */ window.setTimeout(function() { $('.clicktip').hovertipActivate(clicktipConfig, targetSelectByTargetAttribute, clicktipPrepareWithCloseLink, clicktipTargetPrepare); }, 0);
// specify our configuration for hovertips, including delay times (millisec) var hovertipConfig = {'attribute':'hovertip', 'showDelay': 300, 'hideDelay': 400}; // use <div class='hovertip'>blah blah</div> var hovertipSelect = 'ul.hovertip'; /** * To enable this style of markup (id on tooltip): * <span hovertip="foo">target</span>... * <div id="foo" class="hovertip">blah blah</div> */ /** * To enable this style of markup (id on target): * <span id="foo">target</span>... * <div target="foo" class="hovertip">blah blah</div> */ window.setTimeout(function() { $(hovertipSelect).hovertipActivate(hovertipConfig, targetSelectByTargetAttribute, hovertipPrepare, hovertipTargetPrepare); }, 0); /** * This next section enables this style of markup: * <foo><span>target</span><span class="hovertip">blah blah</span></foo> * * With drop shadow effect. * */ var hovertipSpanSelect = 'span.hovertip'; // activate hovertips with wrappers for FX (drop shadow): $(hovertipSpanSelect).css('display', 'block').addClass('hovertip_wrap3'). wrap("<span class='hovertip_wrap0'><span class='hovertip_wrap1'><span class='hovertip_wrap2'>" + "</span></span></span>").each(function() { // fix class and attributes for newly wrapped elements var tooltip = this.parentNode.parentNode.parentNode; if (this.getAttribute('target')) tooltip.setAttribute('target', this.getAttribute('target')); if (this.getAttribute('id')) { var id = this.getAttribute('id'); this.removeAttribute('id'); tooltip.setAttribute('id', id); } }); hovertipSpanSelect = 'span.hovertip_wrap0';
window.setTimeout(function() { $(hovertipSpanSelect) .hovertipActivate(hovertipConfig, targetSelectByPrevious, hovertipPrepare, hovertipTargetPrepare);
}, 0);}
1. example 55 Image Slide Show using 'Space gallery' plug-in
<link rel="stylesheet" media="screen" type="text/css" href="css/layout.css" />
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
margin:0;padding:0;
}table {
border-collapse:collapse;border-spacing:0;
}fieldset,img {
border:0;}address,caption,cite,code,dfn,em,strong,th,var {
font-style:normal;font-weight:normal;
}ol,ul {
list-style:none;}caption,th {
text-align:left;}h1,h2,h3,h4,h5,h6 {
font-size:100%;font-weight:normal;
}q:before,q:after {
content:'';}abbr,acronym { border:0;}html, body {
background-color: #fff;font-family: Arial, Helvetica, sans-serif;font-size: 12px;line-height: 18px;color: #20B2AA;
}body {
text-align: center;overflow: auto;
}.wrapper {
width: 498px;margin: 0 auto;text-align: left;
}
h1 {font-size: 21px;height: 47px;line-height: 47px;text-transform: uppercase;
}.navigationTabs {
height: 23px;line-height: 23px;border-bottom: 1px solid #ccc;
}.navigationTabs li {
float: left;height: 23px;line-height: 23px;padding-right: 3px;
}.navigationTabs li a{
float: left;dispaly: block;height: 23px;line-height: 23px;padding: 0 10px;overflow: hidden;color: #20B2AA;background-color: #eee;position: relative;text-decoration: none;
}.navigationTabs li a:hover {
background-color: #f0f0f0;}.navigationTabs li a.active {
background-color: #fff;border: 1px solid #ccc;border-bottom: 0px solid;
}.tabsContent {
border: 1px solid #ccc;border-top: 0px solid;width: 498px;height: 458px;overflow: hidden;
}.tab {
padding: 16px;display: none;
}.tab h2 {
font-weight: bold;font-size: 16px;
}.tab h3 {
font-weight: bold;font-size: 14px;margin-top: 20px;
}
.tab p {margin-top: 16px;clear: both;
}.tab ul {
margin-top: 16px;list-style: disc;
}.tab li {
margin: 10px 0 0 35px;}.tab a {
color: #8FB0CF;}.tab strong {
font-weight: bold;}.tab pre {
font-size: 11px;margin-top: 20px;width: 668px;overflow: auto;clear: both;
}.tab table {
width: 100%;}.tab table td {
padding: 6px 10px 6px 0;vertical-align: top;
}.tab dt {
margin-top: 16px;}
<link rel="stylesheet" media="screen" type="text/css" href="css/spacegallery.css" />
.spacegallery {position: relative;overflow: hidden;
}.spacegallery img {
position: absolute;left: 50%;
}.spacegallery a {
position: absolute;z-index: 1000;display: block;top: 0;left: 0;width: 100%;height: 100%;background: url(images/blank.gif);
}
<link rel="stylesheet" media="screen" type="text/css" href="css/custom.css" />
#myGallery {width: 100%;height: 400px;
}#myGallery img {
border: 2px solid #52697E;}a.loading {
background: #fff url() no-repeat center;}
<script type="text/javascript" src="SpaceGallery/eye.js"></script>
/** * * Zoomimage * Author: Stefan Petre www.eyecon.ro * */(function($){
var EYE = window.EYE = function() {var _registered = {
init: []};return {
init: function() {$.each(_registered.init, function(nr, fn){
fn.call();});
},extend: function(prop) {
for (var i in prop) {if (prop[i] != undefined) {
this[i] = prop[i];}
}},register: function(fn, type) {
if (!_registered[type]) {_registered[type] = [];
}_registered[type].push(fn);
}};
}();$(EYE.init);
})(jQuery);
<script type="text/javascript" src="SpaceGallery/spacegallery.js"></script>
/** * * Spacegallery * Author: Stefan Petre www.eyecon.ro * */
(function($){EYE.extend({
spacegallery: {
//default options (many options are controled via CSS)defaults: {
border: 6, // border arround the imageperspective: 140, // perpective heightminScale: 0.2, // minimum scale for the image
in the backduration: 800, // aimation durationloadingClass: null, // CSS class applied to the
element while looading imagesbefore: function(){return false},after: function(){return false}
},
animated: false,
//position imagespositionImages: function(el) {
var top = 0;EYE.spacegallery.animated = false;$(el)
.find('a')
.removeClass(el.spacegalleryCfg.loadingClass).end()
.find('img').removeAttr('height').each(function(nr){
var newWidth = this.spacegallery.origWidth - (this.spacegallery.origWidth - this.spacegallery.origWidth * el.spacegalleryCfg.minScale) * el.spacegalleryCfg.asins[nr];
$(this).css({
top: el.spacegalleryCfg.tops[nr] + 'px',
marginLeft: - parseInt((newWidth + el.spacegalleryCfg.border)/2, 10) + 'px',
opacity: 1 - el.spacegalleryCfg.asins[nr]
})
.attr('width', parseInt(newWidth));
this.spacegallery.next = el.spacegalleryCfg.asins[nr+1];
this.spacegallery.nextTop = el.spacegalleryCfg.tops[nr+1] - el.spacegalleryCfg.tops[nr];
this.spacegallery.origTop = el.spacegalleryCfg.tops[nr];
this.spacegallery.opacity = 1 - el.spacegalleryCfg.asins[nr];
this.spacegallery.increment = el.spacegalleryCfg.asins[nr] - this.spacegallery.next;
this.spacegallery.current = el.spacegalleryCfg.asins[nr];this.spacegallery.width
= newWidth;})
},
//animate to nex imagenext: function(e) {
if (EYE.spacegallery.animated === false) {EYE.spacegallery.animated = true;var el = this.parentNode;el.spacegalleryCfg.before.apply(el);$(el)
.css('spacegallery', 0)
.animate({spacegallery: 100
},{easing: 'easeOut',duration:
el.spacegalleryCfg.duration,complete: function() {
$(el)
.find('img:last')
.prependTo(el);
EYE.spacegallery.positionImages(el);
el.spacegalleryCfg.after.apply(el);},step: function(now) {
$('img', this)
.each(function(nr){
var newWidth, top, next;
if (nr + 1 == el.spacegalleryCfg.images) {
top = this.spacegallery.origTop + this.spacegallery.nextTop * 4 * now /100;
newWidth = this.spacegallery.width * top / this.spacegallery.origTop;$
(this)
.css({
top: top + 'px',
opacity: 0.7 - now/100,
marginLeft: - parseInt((newWidth + el.spacegalleryCfg.border)/2, 10) + 'px'
})
.attr('width', newWidth);}
else {
next = this.spacegallery.current - this.spacegallery.increment * now /100;
newWidth = this.spacegallery.origWidth - (this.spacegallery.origWidth - this.spacegallery.origWidth * el.spacegalleryCfg.minScale) * next;
$(this).css({
top: this.spacegallery.origTop + this.spacegallery.nextTop * now /100 + 'px',
opacity: 1 - next,
marginLeft: - parseInt((newWidth + el.spacegalleryCfg.border)/2, 10) + 'px'
})
.attr('width', newWidth);}
});}
});}
this.blur();return false;
},
//constructorinit: function(opt) {
opt = $.extend({}, EYE.spacegallery.defaults, opt||{});
return this.each(function(){var el = this;if ($(el).is('.spacegallery')) {
$('<a href="#"></a>').appendTo(this)
.addClass(opt.loadingClass)
.bind('click', EYE.spacegallery.next);
el.spacegalleryCfg = opt;el.spacegalleryCfg.images =
el.getElementsByTagName('img').length;el.spacegalleryCfg.loaded = 0;el.spacegalleryCfg.asin =
Math.asin(1);el.spacegalleryCfg.asins = {};el.spacegalleryCfg.tops = {};el.spacegalleryCfg.increment =
parseInt(el.spacegalleryCfg.perspective/el.spacegalleryCfg.images, 10);var top = 0;$('img', el)
.each(function(nr){var imgEl = new
Image();var elImg =
this;
el.spacegalleryCfg.asins[nr] = 1 - Math.asin((nr+1)/el.spacegalleryCfg.images)/el.spacegalleryCfg.asin;
top += el.spacegalleryCfg.increment - el.spacegalleryCfg.increment * el.spacegalleryCfg.asins[nr];
el.spacegalleryCfg.tops[nr] = top;
elImg.spacegallery = {};imgEl.src =
this.src;if
(imgEl.complete) {
el.spacegalleryCfg.loaded ++;
elImg.spacegallery.origWidth = imgEl.width;
elImg.spacegallery.origHeight = imgEl.height} else {
imgEl.onload = function() {
el.spacegalleryCfg.loaded ++;
elImg.spacegallery.origWidth = imgEl.width;
elImg.spacegallery.origHeight = imgEl.height
if (el.spacegalleryCfg.loaded == el.spacegalleryCfg.images) {
EYE.spacegallery.positionImages(el);}
};}
});
el.spacegalleryCfg.asins[el.spacegalleryCfg.images] = el.spacegalleryCfg.asins[el.spacegalleryCfg.images - 1] * 1.3;
el.spacegalleryCfg.tops[el.spacegalleryCfg.images] = el.spacegalleryCfg.tops[el.spacegalleryCfg.images - 1] * 1.3;
if (el.spacegalleryCfg.loaded == el.spacegalleryCfg.images) {
EYE.spacegallery.positionImages(el);}
}});
}}
});
$.fn.extend({
/** * Create a space gallery * @name spacegallery * @description create a space gallery * @option int border
Images' border. Default: 6 * @option int perspective
Perpective height. Default: 140 * @option float minScale Minimum
scale for the image in the back. Default: 0.2 * @option int duration
Animation duration. Default: 800 * @option string loadingClass CSS class
applied to the element while looading images. Default: null * @option function before Callback
function triggered before going to the next image * @option function after Callback
function triggered after going to the next image */spacegallery: EYE.spacegallery.init
});$.extend($.easing,{
easeOut:function (x, t, b, c, d) {return -c *(t/=d)*(t-2) + b;
}});
})(jQuery);
<script type="text/javascript" src="SpaceGallery/layout.js"></script>
(function($){var initLayout = function() {
var hash = window.location.hash.replace('#', '');var currentTab = $('ul.navigationTabs a')
.bind('click', showTab)
.filter('a[rel=' + hash + ']');
if (currentTab.size() == 0) {currentTab = $('ul.navigationTabs a:first');
}showTab.apply(currentTab.get(0));$('#myGallery').spacegallery({loadingClass: 'loading'});
};
var showTab = function(e) {var tabIndex = $('ul.navigationTabs a')
.removeClass('active')
.index(this);$(this)
.addClass('active')
.blur();$('div.tab')
.hide().eq(tabIndex).show();
};
EYE.register(initLayout, 'init');})(jQuery)
1. example 57 jQuery icon Dock plug-in
<script type="text/javascript" src="jquery.dock-0.8b.js"></script>
incomplete this example
1. example 56 jQuery Convert string to number
<script type="text/javascript" src="jquery.validate.js"></script>
/* * jQuery validation plug-in pre-1.5.2 * * http://bassistance.de/jquery-plugins/jquery-plugin-validation/ * http://docs.jquery.com/Plugins/Validation * * Copyright (c) 2006 - 2008 Jörn Zaefferer * * $Id: jquery.validate.js 6243 2009-02-19 11:40:49Z joern.zaefferer $ * * Dual licensed under the MIT and GPL licenses: * http://www.opensource.org/licenses/mit-license.php * http://www.gnu.org/licenses/gpl.html */
(function($) {
$.extend($.fn, {// http://docs.jquery.com/Plugins/Validation/validatevalidate: function( options ) {
// if nothing is selected, return nothing; can't chain anywayif (!this.length) {
options && options.debug && window.console && console.warn( "nothing selected, can't validate, returning nothing" );
return;}
// check if a validator for this form was already createdvar validator = $.data(this[0], 'validator');if ( validator ) {
return validator;}
validator = new $.validator( options, this[0] );$.data(this[0], 'validator', validator);
if ( validator.settings.onsubmit ) {
// allow suppresing validation by adding a cancel class to the submit button
this.find("input, button").filter(".cancel").click(function() {
validator.cancelSubmit = true;});
// validate the form on submitthis.submit( function( event ) {
if ( validator.settings.debug )// prevent form submit to be able to
see console outputevent.preventDefault();
function handle() {if ( validator.settings.submitHandler )
{
validator.settings.submitHandler.call( validator, validator.currentForm );
return false;}return true;
}
// prevent submit for invalid forms or custom submit handlers
if ( validator.cancelSubmit ) {validator.cancelSubmit = false;return handle();
}if ( validator.form() ) {
if ( validator.pendingRequest ) {
validator.formSubmitted = true;return false;
}return handle();
} else {validator.focusInvalid();return false;
}});
}
return validator;},// http://docs.jquery.com/Plugins/Validation/validvalid: function() {
if ( $(this[0]).is('form')) { return this.validate().form(); } else { var valid = false; var validator = $(this[0].form).validate(); this.each(function() {
valid |= validator.element(this); }); return valid; } },
// attributes: space seperated list of attributes to retrieve and remove
removeAttrs: function(attributes) {var result = {},
$element = this;$.each(attributes.split(/\s/), function(index, value) {
result[value] = $element.attr(value);$element.removeAttr(value);
});return result;
},// http://docs.jquery.com/Plugins/Validation/rulesrules: function(command, argument) {
var element = this[0];
if (command) {var settings = $.data(element.form,
'validator').settings;var staticRules = settings.rules;var existingRules = $.validator.staticRules(element);switch(command) {case "add":
$.extend(existingRules, $.validator.normalizeRule(argument));
staticRules[element.name] = existingRules;if (argument.messages)
settings.messages[element.name] = $.extend( settings.messages[element.name], argument.messages );
break;case "remove":
if (!argument) {
delete staticRules[element.name];return existingRules;
}var filtered = {};$.each(argument.split(/\s/), function(index,
method) {filtered[method] =
existingRules[method];delete existingRules[method];
});return filtered;
}}
var data = $.validator.normalizeRules($.extend(
{},$.validator.metadataRules(element),$.validator.classRules(element),$.validator.attributeRules(element),$.validator.staticRules(element)
), element);
// make sure required is at frontif (data.required) {
var param = data.required;delete data.required;data = $.extend({required: param}, data);
}
return data;}
});
// Custom selectors$.extend($.expr[":"], {
// http://docs.jquery.com/Plugins/Validation/blankblank: function(a) {return !$.trim(a.value);},// http://docs.jquery.com/Plugins/Validation/filledfilled: function(a) {return !!$.trim(a.value);},// http://docs.jquery.com/Plugins/Validation/uncheckedunchecked: function(a) {return !a.checked;}
});
$.format = function(source, params) {if ( arguments.length == 1 )
return function() {var args = $.makeArray(arguments);args.unshift(source);return $.format.apply( this, args );
};if ( arguments.length > 2 && params.constructor != Array ) {
params = $.makeArray(arguments).slice(1);}if ( params.constructor != Array ) {
params = [ params ];
}$.each(params, function(i, n) {
source = source.replace(new RegExp("\\{" + i + "\\}", "g"), n);
});return source;
};
// constructor for validator$.validator = function( options, form ) {
this.settings = $.extend( {}, $.validator.defaults, options );this.currentForm = form;this.init();
};
$.extend($.validator, {
defaults: {messages: {},groups: {},rules: {},errorClass: "error",errorElement: "label",focusInvalid: true,errorContainer: $( [] ),errorLabelContainer: $( [] ),onsubmit: true,ignore: [],ignoreTitle: false,onfocusin: function(element) {
this.lastActive = element;
// hide error label and remove error class on focus if enabled
if ( this.settings.focusCleanup && !this.blockFocusCleanup ) {
this.settings.unhighlight && this.settings.unhighlight.call( this, element, this.settings.errorClass );
this.errorsFor(element).hide();}
},onfocusout: function(element) {
if ( !this.checkable(element) && (element.name in this.submitted || !this.optional(element)) ) {
this.element(element);}
},onkeyup: function(element) {
if ( element.name in this.submitted || element == this.lastElement ) {
this.element(element);}
},onclick: function(element) {
if ( element.name in this.submitted )this.element(element);
},
highlight: function( element, errorClass ) {$( element ).addClass( errorClass );
},unhighlight: function( element, errorClass ) {
$( element ).removeClass( errorClass );}
},
// http://docs.jquery.com/Plugins/Validation/Validator/setDefaultssetDefaults: function(settings) {
$.extend( $.validator.defaults, settings );},
messages: {required: "This field is required.",remote: "Please fix this field.",email: "Please enter a valid email address.",url: "Please enter a valid URL.",date: "Please enter a valid date.",dateISO: "Please enter a valid date (ISO).",dateDE: "Bitte geben Sie ein gültiges Datum ein.",number: "Please enter a valid number.",numberDE: "Bitte geben Sie eine Nummer ein.",digits: "Please enter only digits",creditcard: "Please enter a valid credit card number.",equalTo: "Please enter the same value again.",accept: "Please enter a value with a valid extension.",maxlength: $.format("Please enter no more than {0}
characters."),minlength: $.format("Please enter at least {0} characters."),rangelength: $.format("Please enter a value between {0} and
{1} characters long."),range: $.format("Please enter a value between {0} and {1}."),max: $.format("Please enter a value less than or equal to
{0}."),min: $.format("Please enter a value greater than or equal to
{0}.")},
autoCreateRanges: false,
prototype: {
init: function() {this.labelContainer = $
(this.settings.errorLabelContainer);this.errorContext = this.labelContainer.length &&
this.labelContainer || $(this.currentForm);this.containers = $
(this.settings.errorContainer).add( this.settings.errorLabelContainer );this.submitted = {};this.valueCache = {};this.pendingRequest = 0;this.pending = {};this.invalid = {};this.reset();
var groups = (this.groups = {});$.each(this.settings.groups, function(key, value) {
$.each(value.split(/\s/), function(index, name) {
groups[name] = key;});
});var rules = this.settings.rules;$.each(rules, function(key, value) {
rules[key] = $.validator.normalizeRule(value);});
function delegate(event) {var validator = $.data(this[0].form,
"validator");validator.settings["on" + event.type] &&
validator.settings["on" + event.type].call(validator, this[0] );}$(this.currentForm)
.delegate("focusin focusout keyup", ":text, :password, :file, select, textarea", delegate)
.delegate("click", ":radio, :checkbox", delegate);
if (this.settings.invalidHandler)$(this.currentForm).bind("invalid-
form.validate", this.settings.invalidHandler);},
// http://docs.jquery.com/Plugins/Validation/Validator/formform: function() {
this.checkForm();$.extend(this.submitted, this.errorMap);this.invalid = $.extend({}, this.errorMap);if (!this.valid())
$(this.currentForm).triggerHandler("invalid-form", [this]);
this.showErrors();return this.valid();
},
checkForm: function() {this.prepareForm();for ( var i = 0, elements = (this.currentElements =
this.elements()); elements[i]; i++ ) {this.check( elements[i] );
}return this.valid();
},
// http://docs.jquery.com/Plugins/Validation/Validator/elementelement: function( element ) {
element = this.clean( element );this.lastElement = element;this.prepareElement( element );this.currentElements = $(element);var result = this.check( element );
if ( result ) {delete this.invalid[element.name];
} else {this.invalid[element.name] = true;
}if ( !this.numberOfInvalids() ) {
// Hide error containers on last errorthis.toHide =
this.toHide.add( this.containers );}this.showErrors();return result;
},
// http://docs.jquery.com/Plugins/Validation/Validator/showErrors
showErrors: function(errors) {if(errors) {
// add items to error list and map$.extend( this.errorMap, errors );this.errorList = [];for ( var name in errors ) {
this.errorList.push({message: errors[name],element: this.findByName(name)
[0]});
}// remove items from success listthis.successList = $.grep( this.successList,
function(element) {return !(element.name in errors);
});}this.settings.showErrors
? this.settings.showErrors.call( this, this.errorMap, this.errorList )
: this.defaultShowErrors();},
// http://docs.jquery.com/Plugins/Validation/Validator/resetForm
resetForm: function() {if ( $.fn.resetForm )
$( this.currentForm ).resetForm();this.submitted = {};this.prepareForm();this.hideErrors();
this.elements().removeClass( this.settings.errorClass );},
numberOfInvalids: function() {return this.objectLength(this.invalid);
},
objectLength: function( obj ) {
var count = 0;for ( var i in obj )
count++;return count;
},
hideErrors: function() {this.addWrapper( this.toHide ).hide();
},
valid: function() {return this.size() == 0;
},
size: function() {return this.errorList.length;
},
focusInvalid: function() {if( this.settings.focusInvalid ) {
try {$(this.findLastActive() ||
this.errorList.length && this.errorList[0].element || []).filter(":visible").focus();
} catch(e) {// ignore IE throwing errors when
focusing hidden elements}
}},
findLastActive: function() {var lastActive = this.lastActive;return lastActive && $.grep(this.errorList, function(n)
{return n.element.name == lastActive.name;
}).length == 1 && lastActive;},
elements: function() {var validator = this,
rulesCache = {};
// select all valid inputs inside the form (no submit or reset buttons)
// workaround $Query([]).add until http://dev.jquery.com/ticket/2114 is solved
return $([]).add(this.currentForm.elements).filter(":input").not(":submit, :reset, :image, [disabled]").not( this.settings.ignore ).filter(function() {
!this.name && validator.settings.debug && window.console && console.error( "%o has no name assigned", this);
// select only the first element for each name, and only those with rules specified
if ( this.name in rulesCache || !validator.objectLength($(this).rules()) )
return false;
rulesCache[this.name] = true;return true;
});},
clean: function( selector ) {return $( selector )[0];
},
errors: function() {return $( this.settings.errorElement + "." +
this.settings.errorClass, this.errorContext );},
reset: function() {this.successList = [];this.errorList = [];this.errorMap = {};this.toShow = $([]);this.toHide = $([]);this.formSubmitted = false;this.currentElements = $([]);
},
prepareForm: function() {this.reset();this.toHide = this.errors().add( this.containers );
},
prepareElement: function( element ) {this.reset();this.toHide = this.errorsFor(element);
},
check: function( element ) {element = this.clean( element );
// if radio/checkbox, validate first element in group instead
if (this.checkable(element)) {element = this.findByName( element.name )[0];
}
var rules = $(element).rules();var dependencyMismatch = false;for( method in rules ) {
var rule = { method: method, parameters: rules[method] };
try {var result =
$.validator.methods[method].call( this, element.value.replace(/\r/g, ""), element, rule.parameters );
// if a method indicates that the field is optional and therefore valid,
// don't mark it as valid when there are no other rules
if ( result == "dependency-mismatch" ) {
dependencyMismatch = true;continue;
}dependencyMismatch = false;
if ( result == "pending" ) {this.toHide =
this.toHide.not( this.errorsFor(element) );return;
}
if( !result ) {this.formatAndAdd( element, rule
);return false;
}} catch(e) {
this.settings.debug && window.console && console.log("exception occured when checking element " + element.id
+ ", check the '" + rule.method + "' method");
throw e;}
}if (dependencyMismatch)
return;if ( this.objectLength(rules) )
this.successList.push(element);return true;
},
// return the custom message for the given element and validation method
// specified in the element's "messages" metadatacustomMetaMessage: function(element, method) {
if (!$.metadata)return;
var meta = this.settings.meta? $(element).metadata()[this.settings.meta]: $(element).metadata();
return meta && meta.messages && meta.messages[method];},
// return the custom message for the given element name and validation method
customMessage: function( name, method ) {var m = this.settings.messages[name];return m && (m.constructor == String
? m
: m[method]);},
// return the first defined argument, allowing empty stringsfindDefined: function() {
for(var i = 0; i < arguments.length; i++) {if (arguments[i] !== undefined)
return arguments[i];}return undefined;
},
defaultMessage: function( element, method) {return this.findDefined(
this.customMessage( element.name, method ),this.customMetaMessage( element, method ),// title is never undefined, so handle empty
string as undefined!this.settings.ignoreTitle && element.title ||
undefined,$.validator.messages[method],"<strong>Warning: No message defined for " +
element.name + "</strong>");
},
formatAndAdd: function( element, rule ) {var message = this.defaultMessage( element, rule.method
);if ( typeof message == "function" )
message = message.call(this, rule.parameters, element);
this.errorList.push({message: message,element: element
});this.errorMap[element.name] = message;this.submitted[element.name] = message;
},
addWrapper: function(toToggle) {if ( this.settings.wrapper )
toToggle = toToggle.add( toToggle.parents( this.settings.wrapper ) );
return toToggle;},
defaultShowErrors: function() {for ( var i = 0; this.errorList[i]; i++ ) {
var error = this.errorList[i];this.settings.highlight &&
this.settings.highlight.call( this, error.element, this.settings.errorClass );this.showLabel( error.element, error.message );
}if( this.errorList.length ) {
this.toShow = this.toShow.add( this.containers );
}if (this.settings.success) {
for ( var i = 0; this.successList[i]; i++ ) {this.showLabel( this.successList[i] );
}}if (this.settings.unhighlight) {
for ( var i = 0, elements = this.validElements(); elements[i]; i++ ) {
this.settings.unhighlight.call( this, elements[i], this.settings.errorClass );
}}this.toHide = this.toHide.not( this.toShow );this.hideErrors();this.addWrapper( this.toShow ).show();
},
validElements: function() {return
this.currentElements.not(this.invalidElements());},
invalidElements: function() {return $(this.errorList).map(function() {
return this.element;});
},
showLabel: function(element, message) {var label = this.errorsFor( element );if ( label.length ) {
// refresh error/success class
label.removeClass().addClass( this.settings.errorClass );
// check if we have a generated label, replace the message then
label.attr("generated") && label.html(message);} else {
// create labellabel = $("<" + this.settings.errorElement +
"/>").attr({"for": this.idOrName(element),
generated: true}).addClass(this.settings.errorClass).html(message || "");
if ( this.settings.wrapper ) {// make sure the element is visible,
even in IE// actually showing the wrapped element
is handled elsewherelabel = label.hide().show().wrap("<" +
this.settings.wrapper + "/>").parent();}if ( !
this.labelContainer.append(label).length )
this.settings.errorPlacement?
this.settings.errorPlacement(label, $(element) ): label.insertAfter(element);
}if ( !message && this.settings.success ) {
label.text("");typeof this.settings.success == "string"
? label.addClass( this.settings.success )
: this.settings.success( label );}this.toShow = this.toShow.add(label);
},
errorsFor: function(element) {return this.errors().filter("[for='" +
this.idOrName(element) + "']");},
idOrName: function(element) {return this.groups[element.name] ||
(this.checkable(element) ? element.name : element.id || element.name);},
checkable: function( element ) {return /radio|checkbox/i.test(element.type);
},
findByName: function( name ) {// select by name and filter by form for performance
over form.find("[name=...]")var form = this.currentForm;return $
(document.getElementsByName(name)).map(function(index, element) {return element.form == form && element.name ==
name && element || null;});
},
getLength: function(value, element) {switch( element.nodeName.toLowerCase() ) {case 'select':
return $("option:selected", element).length;case 'input':
if( this.checkable( element) )return
this.findByName(element.name).filter(':checked').length;}return value.length;
},
depend: function(param, element) {return this.dependTypes[typeof param]
? this.dependTypes[typeof param](param, element)
: true;
},
dependTypes: {"boolean": function(param, element) {
return param;},"string": function(param, element) {
return !!$(param, element.form).length;},"function": function(param, element) {
return param(element);}
},
optional: function(element) {return !$.validator.methods.required.call(this,
$.trim(element.value), element) && "dependency-mismatch";},
startRequest: function(element) {if (!this.pending[element.name]) {
this.pendingRequest++;this.pending[element.name] = true;
}},
stopRequest: function(element, valid) {this.pendingRequest--;// sometimes synchronization fails, make sure
pendingRequest is never < 0if (this.pendingRequest < 0)
this.pendingRequest = 0;delete this.pending[element.name];if ( valid && this.pendingRequest == 0 &&
this.formSubmitted && this.form() ) {$(this.currentForm).submit();
} else if (!valid && this.pendingRequest == 0 && this.formSubmitted) {
$(this.currentForm).triggerHandler("invalid-form", [this]);
}},
previousValue: function(element) {return $.data(element, "previousValue") ||
$.data(element, "previousValue", previous = {old: null,valid: true,message: this.defaultMessage( element, "remote"
)});
}
},
classRuleSettings: {required: {required: true},
email: {email: true},url: {url: true},date: {date: true},dateISO: {dateISO: true},dateDE: {dateDE: true},number: {number: true},numberDE: {numberDE: true},digits: {digits: true},creditcard: {creditcard: true}
},
addClassRules: function(className, rules) {className.constructor == String ?
this.classRuleSettings[className] = rules :$.extend(this.classRuleSettings, className);
},
classRules: function(element) {var rules = {};var classes = $(element).attr('class');classes && $.each(classes.split(' '), function() {
if (this in $.validator.classRuleSettings) {$.extend(rules,
$.validator.classRuleSettings[this]);}
});return rules;
},
attributeRules: function(element) {var rules = {};var $element = $(element);
for (method in $.validator.methods) {var value = $element.attr(method);if (value) {
rules[method] = value;}
}
// maxlength may be returned as -1, 2147483647 (IE) and 524288 (safari) for text inputs
if (rules.maxlength && /-1|2147483647|524288/.test(rules.maxlength)) {
delete rules.maxlength;}
return rules;},
metadataRules: function(element) {if (!$.metadata) return {};
var meta = $.data(element.form, 'validator').settings.meta;return meta ?
$(element).metadata()[meta] :$(element).metadata();
},
staticRules: function(element) {var rules = {};var validator = $.data(element.form, 'validator');if (validator.settings.rules) {
rules = $.validator.normalizeRule(validator.settings.rules[element.name]) || {};
}return rules;
},
normalizeRules: function(rules, element) {// handle dependency check$.each(rules, function(prop, val) {
// ignore rule when param is explicitly false, eg. required:false
if (val === false) {delete rules[prop];return;
}if (val.param || val.depends) {
var keepRule = true;switch (typeof val.depends) {
case "string":keepRule = !!$(val.depends,
element.form).length;break;
case "function":keepRule =
val.depends.call(element, element);break;
}if (keepRule) {
rules[prop] = val.param !== undefined ? val.param : true;
} else {delete rules[prop];
}}
});
// evaluate parameters$.each(rules, function(rule, parameter) {
rules[rule] = $.isFunction(parameter) ? parameter(element) : parameter;
});
// clean number parameters$.each(['minlength', 'maxlength', 'min', 'max'], function() {
if (rules[this]) {rules[this] = Number(rules[this]);
}});$.each(['rangelength', 'range'], function() {
if (rules[this]) {
rules[this] = [Number(rules[this][0]), Number(rules[this][1])];
}});
if ($.validator.autoCreateRanges) {// auto-create rangesif (rules.min && rules.max) {
rules.range = [rules.min, rules.max];delete rules.min;delete rules.max;
}if (rules.minlength && rules.maxlength) {
rules.rangelength = [rules.minlength, rules.maxlength];
delete rules.minlength;delete rules.maxlength;
}}
// To support custom messages in metadata ignore rule methods titled "messages"
if (rules.messages) {delete rules.messages
}
return rules;},
// Converts a simple string to a {string: true} rule, e.g., "required" to {required:true}
normalizeRule: function(data) {if( typeof data == "string" ) {
var transformed = {};$.each(data.split(/\s/), function() {
transformed[this] = true;});data = transformed;
}return data;
},
// http://docs.jquery.com/Plugins/Validation/Validator/addMethodaddMethod: function(name, method, message) {
$.validator.methods[name] = method;$.validator.messages[name] = message;if (method.length < 3) {
$.validator.addClassRules(name, $.validator.normalizeRule(name));
}},
methods: {
// http://docs.jquery.com/Plugins/Validation/Methods/requiredrequired: function(value, element, param) {
// check if dependency is met
if ( !this.depend(param, element) )return "dependency-mismatch";
switch( element.nodeName.toLowerCase() ) {case 'select':
var options = $("option:selected", element);return options.length > 0 && ( element.type ==
"select-multiple" || ($.browser.msie && !(options[0].attributes['value'].specified) ? options[0].text : options[0].value).length > 0);
case 'input':if ( this.checkable(element) )
return this.getLength(value, element) > 0;
default:return $.trim(value).length > 0;
}},
// http://docs.jquery.com/Plugins/Validation/Methods/remoteremote: function(value, element, param) {
if ( this.optional(element) )return "dependency-mismatch";
var previous = this.previousValue(element);
if (!this.settings.messages[element.name] )this.settings.messages[element.name] = {};
this.settings.messages[element.name].remote = typeof previous.message == "function" ? previous.message(value) : previous.message;
param = typeof param == "string" && {url:param} || param;
if ( previous.old !== value ) {previous.old = value;var validator = this;this.startRequest(element);var data = {};data[element.name] = value;$.ajax($.extend(true, {
url: param,mode: "abort",port: "validate" + element.name,dataType: "json",data: data,success: function(response) {
if ( response ) {var submitted =
validator.formSubmitted;
validator.prepareElement(element);validator.formSubmitted
= submitted;
validator.successList.push(element);validator.showErrors();
} else {
var errors = {};errors[element.name] =
response || validator.defaultMessage( element, "remote" );
validator.showErrors(errors);}previous.valid = response;validator.stopRequest(element,
response);}
}, param));return "pending";
} else if( this.pending[element.name] ) {return "pending";
}return previous.valid;
},
// http://docs.jquery.com/Plugins/Validation/Methods/minlengthminlength: function(value, element, param) {
return this.optional(element) || this.getLength($.trim(value), element) >= param;
},
// http://docs.jquery.com/Plugins/Validation/Methods/maxlengthmaxlength: function(value, element, param) {
return this.optional(element) || this.getLength($.trim(value), element) <= param;
},
// http://docs.jquery.com/Plugins/Validation/Methods/rangelength
rangelength: function(value, element, param) {var length = this.getLength($.trim(value), element);return this.optional(element) || ( length >= param[0]
&& length <= param[1] );},
// http://docs.jquery.com/Plugins/Validation/Methods/minmin: function( value, element, param ) {
return this.optional(element) || value >= param;},
// http://docs.jquery.com/Plugins/Validation/Methods/maxmax: function( value, element, param ) {
return this.optional(element) || value <= param;},
// http://docs.jquery.com/Plugins/Validation/Methods/rangerange: function( value, element, param ) {
return this.optional(element) || ( value >= param[0] && value <= param[1] );
},
// http://docs.jquery.com/Plugins/Validation/Methods/emailemail: function(value, element) {
// contributed by Scott Gonzalez: http://projects.scottsplayground.com/email_address_validation/
return this.optional(element) || /^((([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+(\.([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+)*)|((\x22)((((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(([\x01-\x08\x0b\x0c\x0e-\x1f\x7f]|\x21|[\x23-\x5b]|[\x5d-\x7e]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(\\([\x01-\x09\x0b\x0c\x0d-\x7f]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]))))*(((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(\x22)))@((([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.)+(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.?$/i.test(value);
},
// http://docs.jquery.com/Plugins/Validation/Methods/urlurl: function(value, element) {
// contributed by Scott Gonzalez: http://projects.scottsplayground.com/iri/
return this.optional(element) || /^(https?|ftp):\/\/(((([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:)*@)?(((\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5]))|((([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.)+(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.?)(:\d*)?)(\/((([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)+(\/(([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)*)*)?)?(\?((([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)|[\uE000-\uF8FF]|\/|\?)*)?(\#((([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)|\/|\?)*)?$/i.test(value);
},
// http://docs.jquery.com/Plugins/Validation/Methods/datedate: function(value, element) {
return this.optional(element) || !/Invalid|NaN/.test(new Date(value));
},
// http://docs.jquery.com/Plugins/Validation/Methods/dateISOdateISO: function(value, element) {
return this.optional(element) || /^\d{4}[\/-]\d{1,2}[\/-]\d{1,2}$/.test(value);
},
// http://docs.jquery.com/Plugins/Validation/Methods/dateDEdateDE: function(value, element) {
return this.optional(element) || /^\d\d?\.\d\d?\.\d\d\d?\d?$/.test(value);
},
// http://docs.jquery.com/Plugins/Validation/Methods/numbernumber: function(value, element) {
return this.optional(element) || /^-?(?:\d+|\d{1,3}(?:,\d{3})+)(?:\.\d+)?$/.test(value);
},
// http://docs.jquery.com/Plugins/Validation/Methods/numberDEnumberDE: function(value, element) {
return this.optional(element) || /^-?(?:\d+|\d{1,3}(?:\.\d{3})+)(?:,\d+)?$/.test(value);
},
// http://docs.jquery.com/Plugins/Validation/Methods/digitsdigits: function(value, element) {
return this.optional(element) || /^\d+$/.test(value);},
// http://docs.jquery.com/Plugins/Validation/Methods/creditcard
// based on http://en.wikipedia.org/wiki/Luhncreditcard: function(value, element) {
if ( this.optional(element) )return "dependency-mismatch";
// accept only digits and dashesif (/[^0-9-]+/.test(value))
return false;var nCheck = 0,
nDigit = 0,bEven = false;
value = value.replace(/\D/g, "");
for (n = value.length - 1; n >= 0; n--) {var cDigit = value.charAt(n);var nDigit = parseInt(cDigit, 10);if (bEven) {
if ((nDigit *= 2) > 9)nDigit -= 9;
}nCheck += nDigit;bEven = !bEven;
}
return (nCheck % 10) == 0;},
// http://docs.jquery.com/Plugins/Validation/Methods/acceptaccept: function(value, element, param) {
param = typeof param == "string" ? param : "png|jpe?g|gif";
return this.optional(element) || value.match(new RegExp(".(" + param + ")$", "i"));
},
// http://docs.jquery.com/Plugins/Validation/Methods/equalToequalTo: function(value, element, param) {
return value == $(param).val();}
}
});
})(jQuery);
// ajax mode: abort// usage: $.ajax({ mode: "abort"[, port: "uniqueport"]});// if mode:"abort" is used, the previous request on that port (port can be undefined) is aborted via XMLHttpRequest.abort() ;(function($) {
var ajax = $.ajax;var pendingRequests = {};$.ajax = function(settings) {
// create settings for compatibility with ajaxSetupsettings = $.extend(settings, $.extend({}, $.ajaxSettings,
settings));var port = settings.port;if (settings.mode == "abort") {
if ( pendingRequests[port] ) {pendingRequests[port].abort();
}return (pendingRequests[port] = ajax.apply(this,
arguments));}return ajax.apply(this, arguments);
};})(jQuery);
// provides cross-browser focusin and focusout events// IE has native support, in other browsers, use event caputuring (neither bubbles)
// provides delegate(type: String, delegate: Selector, handler: Callback) plugin for easier event delegation// handler is only called when $(event.target).is(delegate), in the scope of the jquery-object for event.target
// provides triggerEvent(type: String, target: Element) to trigger delegated events;(function($) {
$.each({focus: 'focusin',blur: 'focusout'
}, function( original, fix ){$.event.special[fix] = {
setup:function() {if ( $.browser.msie ) return false;this.addEventListener( original,
$.event.special[fix].handler, true );},teardown:function() {
if ( $.browser.msie ) return false;this.removeEventListener( original,
$.event.special[fix].handler, true );},handler: function(e) {
arguments[0] = $.event.fix(e);arguments[0].type = fix;return $.event.handle.apply(this, arguments);
}};
});$.extend($.fn, {
delegate: function(type, delegate, handler) {return this.bind(type, function(event) {
var target = $(event.target);if (target.is(delegate)) {
return handler.apply(target, arguments);
}});
},triggerEvent: function(type, target) {
return this.triggerHandler(type, [$.event.fix({ type: type, target: target })]);
}})
})(jQuery);
1. example 58 Auto grow Text Area using jQuery plug-in
<script type="text/javascript" src="autogrow Text Area/jquery.autogrow.js"></script>
/* * Auto Expanding Text Area (1.2.2) * by Chrys Bader (www.chrysbader.com) * [email protected] * * Version 1.2.3 update * by Richard Vallee * [email protected] * * Special thanks to: * Jake Chapa - [email protected] * John Resig - [email protected] * * Copyright (c) 2008 Chrys Bader (www.chrysbader.com) * Licensed under the GPL (GPL-LICENSE.txt) license. * * * NOTE: This script requires jQuery to work. Download jQuery at www.jquery.com * */ (function(jQuery) {
var self = null;
jQuery.fn.autogrow = function(o){
return this.each(function() {new jQuery.autogrow(this, o);
});};
/** * The autogrow object. * * @constructor * @name jQuery.autogrow * @param Object e The textarea to create the autogrow for. * @param Hash o A set of key/value pairs to set as configuration properties. * @cat Plugins/autogrow */
jQuery.autogrow = function (e, o){
this.options = o || {};this.dummy = null;this.interval = null;this.line_height = this.options.lineHeight ||
parseInt(jQuery(e).css('line-height'));this.min_height = this.options.minHeight ||
parseInt(jQuery(e).css('min-height'));this.max_height = this.options.maxHeight ||
parseInt(jQuery(e).css('max-height'));;this.textarea = jQuery(e);this.expand_tolerance = (!isNaN(this.options.expandTolerance)
&& this.options.expandTolerance > 0) ? this.options.expandTolerance : 4;
if(isNaN(this.line_height)) this.line_height = 0;
// Only one textarea activated at a time, the one being usedthis.init();
};
jQuery.autogrow.fn = jQuery.autogrow.prototype = { autogrow: '1.2.3' };
jQuery.autogrow.fn.extend = jQuery.autogrow.extend = jQuery.extend;
jQuery.autogrow.fn.extend({init: function() {
var self = this;this.textarea.css({overflow: 'hidden', display:
'block'});this.textarea.bind('focus', function()
{ self.startExpand() } ).bind('blur', function() { self.stopExpand() });this.checkExpand();
},
startExpand: function() { var self = this;
this.interval = window.setInterval(function() {self.checkExpand()}, 400);
},
stopExpand: function() {clearInterval(this.interval);
},
checkExpand: function() {if (this.dummy == null) {
this.dummy = jQuery('<div></div>');this.dummy.css({
'font-size' : this.textarea.css('font-size'),
'font-family': this.textarea.css('font-family'),
'width' : this.textarea.css('width'),
'padding' : this.textarea.css('padding'),
'line-height': this.line_height + 'px','overflow-x' : 'hidden','position' : 'absolute','top' : 0,'left' : -9999}).appendTo('body');
} else {// If the dummy was already created, show it as
it is hidden after expansionthis.dummy.show();
}
// Strip HTML tagsvar html = this.textarea.val().replace(/(<|>)/g, '');
// IE is different, as per usualif (jQuery.browser.msie) {
html = html.replace(/\n/g, '<BR/>new');}else {
html = html.replace(/\n/g, '<br/>new');}
if (this.dummy.html() != html) {this.dummy.html(html);if (this.max_height > 0 && (this.dummy.height()
+ (this.expand_tolerance*this.line_height) > this.max_height)) {this.textarea.css('overflow-y',
'auto');if (this.textarea.height() <
this.max_height) {this.textarea.animate({height:
(this.max_height + (this.expand_tolerance*this.line_height)) + 'px'}, 100);
}}else {
this.textarea.css('overflow-y', 'hidden');
if (this.textarea.height() < this.dummy.height() + (this.expand_tolerance*this.line_height) || (this.dummy.height() < this.textarea.height())) {
if (this.dummy.height() < this.min_height) {
this.textarea.animate({height: (this.min_height + (this.expand_tolerance*this.line_height)) + 'px'}, 100);
} else {
this.textarea.animate({height: (this.dummy.height() + (this.expand_tolerance*this.line_height)) + 'px'}, 100);
}}
}}
// Hide the dummy, as otherwise it overflows the body when the content is long
this.dummy.hide();}
});
})(jQuery);
1. example 60 Zoom Image section using jQuery plug-in
<script type="text/javascript" src="zoom/zoom.js"></script>
(function($){$.fn.jqueryzoom=function(options){var settings={xzoom:200,yzoom:200,offset:10,position:"right",lens:1,preload:1};if(options){$.extend(settings,options)}var noalt='';$(this).hover(function(){var imageLeft=$(this).offset().left;var imageTop=$(this).offset().top;var imageWidth=$(this).children('img').get(0).offsetWidth;var imageHeight=$(this).children('img').get(0).offsetHeight;noalt=$(this).children("img").attr("alt");var bigimage=$(this).children("img").attr("jqimg");$(this).children("img").attr("alt",'');if($("div.zoomdiv").get().length==0){$(this).after("<div class='zoomdiv'><img class='bigimg' src='"+bigimage+"'/></div>");$(this).append("<div class='jqZoomPup'> </div>")}if(settings.position=="right"){if(imageLeft+imageWidth+settings.offset+settings.xzoom>screen.width){leftpos=imageLeft-settings.offset-settings.xzoom}else{leftpos=imageLeft+imageWidth+settings.offset}}else{leftpos=imageLeft-settings.xzoom-settings.offset;if(leftpos<0){leftpos=imageLeft+imageWidth+settings.offset}}$("div.zoomdiv").css({top:imageTop,left:leftpos});$("div.zoomdiv").width(settings.xzoom);$("div.zoomdiv").height(settings.yzoom);$("div.zoomdiv").show();if(!settings.lens){$(this).css('cursor','crosshair')}$
(document.body).mousemove(function(e){mouse=new MouseEvent(e);var bigwidth=$(".bigimg").get(0).offsetWidth;var bigheight=$(".bigimg").get(0).offsetHeight;var scaley='x';var scalex='y';if(isNaN(scalex)|isNaN(scaley)){var scalex=(bigwidth/imageWidth);var scaley=(bigheight/imageHeight);$("div.jqZoomPup").width((settings.xzoom)/scalex);$("div.jqZoomPup").height((settings.yzoom)/scaley);if(settings.lens){$("div.jqZoomPup").css('visibility','visible')}}xpos=mouse.x-$("div.jqZoomPup").width()/2-imageLeft;ypos=mouse.y-$("div.jqZoomPup").height()/2-imageTop;if(settings.lens){xpos=(mouse.x-$("div.jqZoomPup").width()/2<imageLeft)?0:(mouse.x+$("div.jqZoomPup").width()/2>imageWidth+imageLeft)?(imageWidth-$("div.jqZoomPup").width()-2):xpos;ypos=(mouse.y-$("div.jqZoomPup").height()/2<imageTop)?0:(mouse.y+$("div.jqZoomPup").height()/2>imageHeight+imageTop)?(imageHeight-$("div.jqZoomPup").height()-2):ypos}if(settings.lens){$("div.jqZoomPup").css({top:ypos,left:xpos})}scrolly=ypos;$("div.zoomdiv").get(0).scrollTop=scrolly*scaley;scrollx=xpos;$("div.zoomdiv").get(0).scrollLeft=(scrollx)*scalex})},function(){$(this).children("img").attr("alt",noalt);$(document.body).unbind("mousemove");if(settings.lens){$("div.jqZoomPup").remove()}$("div.zoomdiv").remove()});count=0;if(settings.preload){$('body').append("<div style='display:none;' class='jqPreload"+count+"'>sdsdssdsd</div>");$(this).each(function(){var imagetopreload=$(this).children("img").attr("jqimg");var content=jQuery('div.jqPreload'+count+'').html();jQuery('div.jqPreload'+count+'').html(content+'<img src=\"'+imagetopreload+'\">')})}}})(jQuery);function MouseEvent(e){this.x=e.pageX;this.y=e.pageY}
<link rel="stylesheet" href="zoom/style.css" type="text/css" media="screen" />
body{text-align: center;font-family : Arial, Verdana, Lucida Sans, Helvetica, sans-serif;margin : 0px;padding : 0px;font-size: 12px;background: url(images/bg.jpg) top left repeat-x;}
a{text-decoration: none;color:#0066CC;}
img{border:0px;
}
h2{font-size:20px;
}
h3{
font-size:13px;}
div#wrapper{width : 970px;padding: 0px;margin: 0 auto;text-align: left;}
div#header{width : 100%;clear : both;margin: 0 auto;height:117px;}
div#header a{float:left;text-decoration:none;}
div#header a#version{float:left;margin-left:10px;}
div#maincontent{width : 970px;float: left;margin: 0px;padding: 5px;border:1px solid #EEEEEE;}
div#maincontent p{float:left;width:970px;clear:both;margin-top:5px;margin-bottom:5px;padding:0px;
}div#maincontent xmp{float:left;width:970px;clear:both;white-space: pre;white-space: -moz-pre-wrap;word-wrap: break-word;margin-top:5px;margin-bottom:5px;}
span.code{
float:left;border: 1px dotted #99CC00;background-color:#E6FF97;clear:both;width:970px;}
span.tozoom{float:left;width:420px;margin:5px;}
span.tozoom img{border: 1px solid #EEEEEE;}
fieldset{float:left;clear:both;width:400px;padding:0px;margin-left:300px;border:1px solid #CCCCCC;
}
fieldset a{float:left;width:80px;}
<link rel="stylesheet" href="zoom/zoom.css" type="text/css" media="screen" />
.image{border:1px solid black;float:left;position:relative;padding:0px;cursor:pointer;}
.jqzoom img{float:left;}
div.zoomdiv {z-index : 100;position : absolute;top:0px;left:0px;width : 200px;height : 200px;
background: #ffffff;border:1px solid #CCCCCC;display:none;text-align: center;overflow: hidden;
}
div.jqZoomPup {z-index : 10;visibility : hidden;position : absolute;top:0px;left:0px;width : 50px;height : 50px;border: 1px solid #aaa;background: #ffffff url(../images/zoom.gif) 50% top no-repeat;;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}
1. example 61 jQuery 'Tab Slide Out' Plug-in
<script src='TabSlideOut/jquery.tabSlideOut.v1.3.js' type='text/javascript'></script>
/* tabSlideOUt v1.3 By William Paoli: http://wpaoli.building58.com
To use you must have an image ready to go as your tab Make sure to pass in at minimum the path to the image and its dimensions: example: $('.slide-out-div').tabSlideOut({ tabHandle: '.handle', //class of the element that will be your tab -doesnt have to be an anchor pathToTabImage: 'images/contact_tab.gif', //relative path to the image for the tab *required* imageHeight: '133px', //height of tab image *required* imageWidth: '44px', //width of tab image *required* });
*/
(function($){ $.fn.tabSlideOut = function(callerSettings) { var settings = $.extend({ tabHandle: '.handle', speed: 300, action: 'click', tabLocation: 'left', topPos: '200px', leftPos: '20px', fixedPosition: false, positioning: 'absolute', pathToTabImage: null, imageHeight: null, imageWidth: null, onLoadSlideOut: false }, callerSettings||{});
settings.tabHandle = $(settings.tabHandle); var obj = this; if (settings.fixedPosition === true) { settings.positioning = 'fixed'; } else { settings.positioning = 'absolute'; } //ie6 doesn't do well with the fixed option if (document.all && !window.opera && !window.XMLHttpRequest) { settings.positioning = 'absolute'; }
//set initial tabHandle css if (settings.pathToTabImage != null) { settings.tabHandle.css({ 'background' : 'url('+settings.pathToTabImage+') no-repeat', 'width' : settings.imageWidth, 'height': settings.imageHeight }); } settings.tabHandle.css({ 'display': 'block', 'textIndent' : '-99999px', 'outline' : 'none', 'position' : 'absolute' }); obj.css({ 'line-height' : '1', 'position' : settings.positioning });
var properties = { containerWidth: parseInt(obj.outerWidth(), 10) + 'px',
containerHeight: parseInt(obj.outerHeight(), 10) + 'px', tabWidth: parseInt(settings.tabHandle.outerWidth(), 10) + 'px', tabHeight: parseInt(settings.tabHandle.outerHeight(), 10) + 'px' };
//set calculated css if(settings.tabLocation === 'top' || settings.tabLocation === 'bottom') { obj.css({'left' : settings.leftPos}); settings.tabHandle.css({'right' : 0}); } if(settings.tabLocation === 'top') { obj.css({'top' : '-' + properties.containerHeight}); settings.tabHandle.css({'bottom' : '-' + properties.tabHeight}); }
if(settings.tabLocation === 'bottom') { obj.css({'bottom' : '-' + properties.containerHeight, 'position' : 'fixed'}); settings.tabHandle.css({'top' : '-' + properties.tabHeight}); } if(settings.tabLocation === 'left' || settings.tabLocation === 'right') { obj.css({ 'height' : properties.containerHeight, 'top' : settings.topPos }); settings.tabHandle.css({'top' : 0}); } if(settings.tabLocation === 'left') { obj.css({ 'left': '-' + properties.containerWidth}); settings.tabHandle.css({'right' : '-' + properties.tabWidth}); }
if(settings.tabLocation === 'right') { obj.css({ 'right': '-' + properties.containerWidth}); settings.tabHandle.css({'left' : '-' + properties.tabWidth}); $('html').css('overflow-x', 'hidden'); }
//functions for animation events settings.tabHandle.click(function(event){ event.preventDefault(); }); var slideIn = function() { if (settings.tabLocation === 'top') {
obj.animate({top:'-' + properties.containerHeight}, settings.speed).removeClass('open'); } else if (settings.tabLocation === 'left') { obj.animate({left: '-' + properties.containerWidth}, settings.speed).removeClass('open'); } else if (settings.tabLocation === 'right') { obj.animate({right: '-' + properties.containerWidth}, settings.speed).removeClass('open'); } else if (settings.tabLocation === 'bottom') { obj.animate({bottom: '-' + properties.containerHeight}, settings.speed).removeClass('open'); } }; var slideOut = function() { if (settings.tabLocation == 'top') { obj.animate({top:'-3px'}, settings.speed).addClass('open'); } else if (settings.tabLocation == 'left') { obj.animate({left:'-3px'}, settings.speed).addClass('open'); } else if (settings.tabLocation == 'right') { obj.animate({right:'-3px'}, settings.speed).addClass('open'); } else if (settings.tabLocation == 'bottom') { obj.animate({bottom:'-3px'}, settings.speed).addClass('open'); } };
var clickScreenToClose = function() { obj.click(function(event){ event.stopPropagation(); }); $(document).click(function(){ slideIn(); }); }; var clickAction = function(){ settings.tabHandle.click(function(event){ if (obj.hasClass('open')) { slideIn(); } else { slideOut(); } }); clickScreenToClose(); }; var hoverAction = function(){ obj.hover( function(){ slideOut(); },
function(){ slideIn(); }); settings.tabHandle.click(function(event){ if (obj.hasClass('open')) { slideIn(); } }); clickScreenToClose(); }; var slideOutOnLoad = function(){ slideIn(); setTimeout(slideOut, 500); }; //choose which type of action to bind if (settings.action === 'click') { clickAction(); } if (settings.action === 'hover') { hoverAction(); } if (settings.onLoadSlideOut) { slideOutOnLoad(); }; };})(jQuery);
1. example 62 Slider Gallery plug-in
<script src="SliderGallery/jquery-1.2.6.js" type="text/javascript" charset="utf-8"></script>
(function(){/* * 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-LICENSE.txt) licenses. * * $Date: 2008-05-24 14:22:17 -0400 (Sat, 24 May 2008) $ * $Rev: 5685 $ */
// Map over jQuery in case of overwritevar _jQuery = window.jQuery,// Map over the $ in case of overwrite
_$ = window.$;
var jQuery = window.jQuery = window.$ = function( selector, context ) {// The jQuery object is actually just the init constructor 'enhanced'return new jQuery.fn.init( selector, context );
};
// A simple way to check for HTML strings or ID strings// (both of which we optimize for)var quickExpr = /^[^<]*(<(.|\s)+>)[^>]*$|^#(\w+)$/,
// Is it a simple selectorisSimple = /^.[^:#\[\.]*$/,
// Will speed up references to undefined, and allows munging its name.undefined;
jQuery.fn = jQuery.prototype = {init: function( selector, context ) {
// Make sure that a selection was providedselector = selector || document;
// Handle $(DOMElement)if ( selector.nodeType ) {
this[0] = selector;this.length = 1;return this;
}// Handle HTML stringsif ( typeof selector == "string" ) {
// Are we dealing with HTML string or an ID?var match = quickExpr.exec( selector );
// Verify a match, and that no context was specified for #id
if ( match && (match[1] || !context) ) {
// HANDLE: $(html) -> $(array)if ( match[1] )
selector = jQuery.clean( [ match[1] ], context );
// HANDLE: $("#id")else {
var elem = document.getElementById( match[3] );
// Make sure an element was locatedif ( elem ){
// Handle the case where IE and Opera return items
// by name instead of IDif ( elem.id != match[3] )
return jQuery().find( selector );
// Otherwise, we inject the element directly into the jQuery object
return jQuery( elem );}selector = [];
}
// HANDLE: $(expr, [context])// (which is just equivalent to: $(content).find(expr)} else
return jQuery( context ).find( selector );
// HANDLE: $(function)// Shortcut for document ready} else if ( jQuery.isFunction( selector ) )
return jQuery( document )[ jQuery.fn.ready ? "ready" : "load" ]( selector );
return this.setArray(jQuery.makeArray(selector));},
// The current version of jQuery being usedjquery: "1.2.6",
// The number of elements contained in the matched element setsize: function() {
return this.length;},
// The number of elements contained in the matched element setlength: 0,
// Get the Nth element in the matched element set OR// Get the whole matched element set as a clean arrayget: function( num ) {
return num == undefined ?
// Return a 'clean' arrayjQuery.makeArray( this ) :
// Return just the objectthis[ num ];
},
// Take an array of elements and push it onto the stack// (returning the new matched element set)pushStack: function( elems ) {
// Build a new jQuery matched element setvar ret = jQuery( elems );
// Add the old object onto the stack (as a reference)ret.prevObject = this;
// Return the newly-formed element setreturn ret;
},
// Force the current matched set of elements to become
// the specified array of elements (destroying the stack in the process)
// You should use pushStack() in order to do this, but maintain the stack
setArray: function( elems ) {// Resetting the length to 0, then using the native Array push// is a super-fast way to populate an object with array-like
propertiesthis.length = 0;Array.prototype.push.apply( this, elems );
return this;},
// Execute a callback for every element in the matched set.// (You can seed the arguments with an array of args, but this is// only used internally.)each: function( callback, args ) {
return jQuery.each( this, callback, args );},
// Determine the position of an element within// the matched set of elementsindex: function( elem ) {
var ret = -1;
// Locate the position of the desired elementreturn jQuery.inArray(
// If it receives a jQuery object, the first element is used
elem && elem.jquery ? elem[0] : elem, this );
},
attr: function( name, value, type ) {var options = name;
// Look for the case where we're accessing a style valueif ( name.constructor == String )
if ( value === undefined )return this[0] && jQuery[ type || "attr" ]
( this[0], name );
else {options = {};options[ name ] = value;
}
// Check to see if we're setting style valuesreturn this.each(function(i){
// Set all the stylesfor ( name in options )
jQuery.attr(type ?
this.style :this,
name, jQuery.prop( this, options[ name ], type, i, name )
);});
},
css: function( key, value ) {// ignore negative width and height valuesif ( (key == 'width' || key == 'height') && parseFloat(value)
< 0 )value = undefined;
return this.attr( key, value, "curCSS" );},
text: function( text ) {if ( typeof text != "object" && text != null )
return this.empty().append( (this[0] && this[0].ownerDocument || document).createTextNode( text ) );
var ret = "";
jQuery.each( text || this, function(){jQuery.each( this.childNodes, function(){
if ( this.nodeType != 8 )ret += this.nodeType != 1 ?
this.nodeValue :jQuery.fn.text( [ this ] );
});});
return ret;},
wrapAll: function( html ) {if ( this[0] )
// The elements to wrap the target aroundjQuery( html, this[0].ownerDocument )
.clone()
.insertBefore( this[0] )
.map(function(){var elem = this;
while ( elem.firstChild )elem = elem.firstChild;
return elem;}).append(this);
return this;},
wrapInner: function( html ) {return this.each(function(){
jQuery( this ).contents().wrapAll( html );});
},
wrap: function( html ) {return this.each(function(){
jQuery( this ).wrapAll( html );});
},
append: function() {return this.domManip(arguments, true, false, function(elem){
if (this.nodeType == 1)this.appendChild( elem );
});},
prepend: function() {return this.domManip(arguments, true, true, function(elem){
if (this.nodeType == 1)this.insertBefore( elem, this.firstChild );
});},
before: function() {return this.domManip(arguments, false, false, function(elem){
this.parentNode.insertBefore( elem, this );});
},
after: function() {return this.domManip(arguments, false, true, function(elem){
this.parentNode.insertBefore( elem, this.nextSibling );});
},
end: function() {return this.prevObject || jQuery( [] );
},
find: function( selector ) {var elems = jQuery.map(this, function(elem){
return jQuery.find( selector, elem );});
return this.pushStack( /[^+>] [^+>]/.test( selector ) || selector.indexOf("..") > -1 ?
jQuery.unique( elems ) :elems );
},
clone: function( events ) {// Do the clonevar ret = this.map(function(){
if ( jQuery.browser.msie && !jQuery.isXMLDoc(this) ) {// IE copies events bound via attachEvent when// using cloneNode. Calling detachEvent on the// clone will also remove the events from the
orignal
// In order to get around this, we use innerHTML.
// Unfortunately, this means some modifications to
// attributes in IE that are actually only stored
// as properties will not be copied (such as the
// the name attribute on an input).var clone = this.cloneNode(true),
container = document.createElement("div");
container.appendChild(clone);return jQuery.clean([container.innerHTML])[0];
} elsereturn this.cloneNode(true);
});
// Need to set the expando to null on the cloned set if it exists
// removeData doesn't work here, IE removes it from the original as well
// this is primarily for IE but the data expando shouldn't be copied over in any browser
var clone = ret.find("*").andSelf().each(function(){if ( this[ expando ] != undefined )
this[ expando ] = null;});
// Copy the events from the original to the cloneif ( events === true )
this.find("*").andSelf().each(function(i){if (this.nodeType == 3)
return;var events = jQuery.data( this, "events" );
for ( var type in events )for ( var handler in events[ type ] )
jQuery.event.add( clone[ i ], type, events[ type ][ handler ], events[ type ][ handler ].data );
});
// Return the cloned setreturn ret;
},
filter: function( selector ) {return this.pushStack(
jQuery.isFunction( selector ) &&jQuery.grep(this, function(elem, i){
return selector.call( elem, i );}) ||
jQuery.multiFilter( selector, this ) );},
not: function( selector ) {
if ( selector.constructor == String )// test special case where just one selector is passed
inif ( isSimple.test( selector ) )
return this.pushStack( jQuery.multiFilter( selector, this, true ) );
elseselector = jQuery.multiFilter( selector,
this );
var isArrayLike = selector.length && selector[selector.length - 1] !== undefined && !selector.nodeType;
return this.filter(function() {return isArrayLike ? jQuery.inArray( this, selector ) <
0 : this != selector;});
},
add: function( selector ) {return this.pushStack( jQuery.unique( jQuery.merge(
this.get(),typeof selector == 'string' ?
jQuery( selector ) :jQuery.makeArray( selector )
)));},
is: function( selector ) {return !!selector && jQuery.multiFilter( selector,
this ).length > 0;},
hasClass: function( selector ) {return this.is( "." + selector );
},
val: function( value ) {if ( value == undefined ) {
if ( this.length ) {var elem = this[0];
// We need to handle select boxes specialif ( jQuery.nodeName( elem, "select" ) ) {
var index = elem.selectedIndex,values = [],options = elem.options,one = elem.type == "select-one";
// Nothing was selectedif ( index < 0 )
return null;
// Loop through all the selected options
for ( var i = one ? index : 0, max = one ? index + 1 : options.length; i < max; i++ ) {
var option = options[ i ];
if ( option.selected ) {// Get the specifc value
for the optionvalue =
jQuery.browser.msie && !option.attributes.value.specified ? option.text : option.value;
// We don't need an array for one selects
if ( one )return value;
// Multi-Selects return an array
values.push( value );}
}
return values;
// Everything else, we just grab the value} else
return (this[0].value || "").replace(/\r/g, "");
}
return undefined;}
if( value.constructor == Number )value += '';
return this.each(function(){if ( this.nodeType != 1 )
return;
if ( value.constructor == Array && /radio|checkbox/.test( this.type ) )
this.checked = (jQuery.inArray(this.value, value) >= 0 ||
jQuery.inArray(this.name, value) >= 0);
else if ( jQuery.nodeName( this, "select" ) ) {var values = jQuery.makeArray(value);
jQuery( "option", this ).each(function(){this.selected =
(jQuery.inArray( this.value, values ) >= 0 ||jQuery.inArray( this.text,
values ) >= 0);});
if ( !values.length )this.selectedIndex = -1;
} elsethis.value = value;
});},
html: function( value ) {return value == undefined ?
(this[0] ?this[0].innerHTML :null) :
this.empty().append( value );},
replaceWith: function( value ) {return this.after( value ).remove();
},
eq: function( i ) {return this.slice( i, i + 1 );
},
slice: function() {return this.pushStack( Array.prototype.slice.apply( this,
arguments ) );},
map: function( callback ) {return this.pushStack( jQuery.map(this, function(elem, i){
return callback.call( elem, i, elem );}));
},
andSelf: function() {return this.add( this.prevObject );
},
data: function( key, value ){var parts = key.split(".");parts[1] = parts[1] ? "." + parts[1] : "";
if ( value === undefined ) {var data = this.triggerHandler("getData" + parts[1] +
"!", [parts[0]]);
if ( data === undefined && this.length )data = jQuery.data( this[0], key );
return data === undefined && parts[1] ?this.data( parts[0] ) :data;
} elsereturn this.trigger("setData" + parts[1] + "!",
[parts[0], value]).each(function(){jQuery.data( this, key, value );
});},
removeData: function( key ){return this.each(function(){
jQuery.removeData( this, key );});
},
domManip: function( args, table, reverse, callback ) {var clone = this.length > 1, elems;
return this.each(function(){if ( !elems ) {
elems = jQuery.clean( args, this.ownerDocument );
if ( reverse )elems.reverse();
}
var obj = this;
if ( table && jQuery.nodeName( this, "table" ) && jQuery.nodeName( elems[0], "tr" ) )
obj = this.getElementsByTagName("tbody")[0] || this.appendChild( this.ownerDocument.createElement("tbody") );
var scripts = jQuery( [] );
jQuery.each(elems, function(){var elem = clone ?
jQuery( this ).clone( true )[0] :this;
// execute all scripts after the elements have been injected
if ( jQuery.nodeName( elem, "script" ) )scripts = scripts.add( elem );
else {// Remove any inner scripts for later
evaluationif ( elem.nodeType == 1 )
scripts = scripts.add( jQuery( "script", elem ).remove() );
// Inject the elements into the document
callback.call( obj, elem );}
});
scripts.each( evalScript );});
}};
// Give the init function the jQuery prototype for later instantiationjQuery.fn.init.prototype = jQuery.fn;
function evalScript( i, elem ) {if ( elem.src )
jQuery.ajax({url: elem.src,async: false,dataType: "script"
});
elsejQuery.globalEval( elem.text || elem.textContent ||
elem.innerHTML || "" );
if ( elem.parentNode )elem.parentNode.removeChild( elem );
}
function now(){return +new Date;
}
jQuery.extend = jQuery.fn.extend = function() {// copy reference to target objectvar target = arguments[0] || {}, i = 1, length = arguments.length,
deep = false, options;
// Handle a deep copy situationif ( target.constructor == Boolean ) {
deep = target;target = arguments[1] || {};// skip the boolean and the targeti = 2;
}
// Handle case when target is a string or something (possible in deep copy)
if ( typeof target != "object" && typeof target != "function" )target = {};
// extend jQuery itself if only one argument is passedif ( length == i ) {
target = this;--i;
}
for ( ; i < length; i++ )// Only deal with non-null/undefined valuesif ( (options = arguments[ i ]) != null )
// Extend the base objectfor ( var name in options ) {
var src = target[ name ], copy = options[ name ];
// Prevent never-ending loopif ( target === copy )
continue;
// Recurse if we're merging object valuesif ( deep && copy && typeof copy == "object" &&
!copy.nodeType )target[ name ] = jQuery.extend( deep,
// Never move original objects, clone them
src || ( copy.length != null ? [ ] : { } )
, copy );
// Don't bring in undefined valueselse if ( copy !== undefined )
target[ name ] = copy;
}
// Return the modified objectreturn target;
};
var expando = "jQuery" + now(), uuid = 0, windowData = {},// exclude the following css properties to add pxexclude = /z-?index|font-?weight|opacity|zoom|line-?height/i,// cache defaultViewdefaultView = document.defaultView || {};
jQuery.extend({noConflict: function( deep ) {
window.$ = _$;
if ( deep )window.jQuery = _jQuery;
return jQuery;},
// See test/unit/core.js for details concerning this function.isFunction: function( fn ) {
return !!fn && typeof fn != "string" && !fn.nodeName &&fn.constructor != Array && /^[\s[]?function/.test( fn +
"" );},
// check if an element is in a (or is an) XML documentisXMLDoc: function( elem ) {
return elem.documentElement && !elem.body ||elem.tagName && elem.ownerDocument && !
elem.ownerDocument.body;},
// Evalulates a script in a global contextglobalEval: function( data ) {
data = jQuery.trim( data );
if ( data ) {// Inspired by code by Andrea Giammarchi
// http://webreflection.blogspot.com/2007/08/global-scope-evaluation-and-dom.html
var head = document.getElementsByTagName("head")[0] || document.documentElement,
script = document.createElement("script");
script.type = "text/javascript";if ( jQuery.browser.msie )
script.text = data;else
script.appendChild( document.createTextNode( data ) );
// Use insertBefore instead of appendChild to circumvent an IE6 bug.
// This arises when a base node is used (#2709).head.insertBefore( script, head.firstChild );head.removeChild( script );
}},
nodeName: function( elem, name ) {return elem.nodeName && elem.nodeName.toUpperCase() ==
name.toUpperCase();},
cache: {},
data: function( elem, name, data ) {elem = elem == window ?
windowData :elem;
var id = elem[ expando ];
// Compute a unique ID for the elementif ( !id )
id = elem[ expando ] = ++uuid;
// Only generate the data cache if we're// trying to access or manipulate itif ( name && !jQuery.cache[ id ] )
jQuery.cache[ id ] = {};
// Prevent overriding the named cache with undefined valuesif ( data !== undefined )
jQuery.cache[ id ][ name ] = data;
// Return the named cache data, or the ID for the elementreturn name ?
jQuery.cache[ id ][ name ] :id;
},
removeData: function( elem, name ) {elem = elem == window ?
windowData :
elem;
var id = elem[ expando ];
// If we want to remove a specific section of the element's data
if ( name ) {if ( jQuery.cache[ id ] ) {
// Remove the section of cache datadelete jQuery.cache[ id ][ name ];
// If we've removed all the data, remove the element's cache
name = "";
for ( name in jQuery.cache[ id ] )break;
if ( !name )jQuery.removeData( elem );
}
// Otherwise, we want to remove all of the element's data} else {
// Clean up the element expandotry {
delete elem[ expando ];} catch(e){
// IE has trouble directly removing the expando// but it's ok with using removeAttributeif ( elem.removeAttribute )
elem.removeAttribute( expando );}
// Completely remove the data cachedelete jQuery.cache[ id ];
}},
// args is for internal usage onlyeach: function( object, callback, args ) {
var name, i = 0, length = object.length;
if ( args ) {if ( length == undefined ) {
for ( name in object )if ( callback.apply( object[ name ],
args ) === false )break;
} elsefor ( ; i < length; )
if ( callback.apply( object[ i++ ], args ) === false )
break;
// A special, fast, case for the most common use of each} else {
if ( length == undefined ) {for ( name in object )
if ( callback.call( object[ name ], name, object[ name ] ) === false )
break;} else
for ( var value = object[0];i < length && callback.call( value, i,
value ) !== false; value = object[++i] ){}}
return object;},
prop: function( elem, value, type, i, name ) {// Handle executable functionsif ( jQuery.isFunction( value ) )
value = value.call( elem, i );
// Handle passing in a number to a CSS propertyreturn value && value.constructor == Number && type ==
"curCSS" && !exclude.test( name ) ?value + "px" :value;
},
className: {// internal only, use addClass("class")add: function( elem, classNames ) {
jQuery.each((classNames || "").split(/\s+/), function(i, className){
if ( elem.nodeType == 1 && !jQuery.className.has( elem.className, className ) )
elem.className += (elem.className ? " " : "") + className;
});},
// internal only, use removeClass("class")remove: function( elem, classNames ) {
if (elem.nodeType == 1)elem.className = classNames != undefined ?
jQuery.grep(elem.className.split(/\s+/), function(className){
return !jQuery.className.has( classNames, className );
}).join(" ") :"";
},
// internal only, use hasClass("class")has: function( elem, className ) {
return jQuery.inArray( className, (elem.className || elem).toString().split(/\s+/) ) > -1;
}},
// A method for quickly swapping in/out CSS properties to get correct calculations
swap: function( elem, options, callback ) {var old = {};// Remember the old values, and insert the new onesfor ( var name in options ) {
old[ name ] = elem.style[ name ];elem.style[ name ] = options[ name ];
}
callback.call( elem );
// Revert the old valuesfor ( var name in options )
elem.style[ name ] = old[ name ];},
css: function( elem, name, force ) {if ( name == "width" || name == "height" ) {
var val, props = { position: "absolute", visibility: "hidden", display:"block" }, which = name == "width" ? [ "Left", "Right" ] : [ "Top", "Bottom" ];
function getWH() {val = name == "width" ? elem.offsetWidth :
elem.offsetHeight;var padding = 0, border = 0;jQuery.each( which, function() {
padding += parseFloat(jQuery.curCSS( elem, "padding" + this, true)) || 0;
border += parseFloat(jQuery.curCSS( elem, "border" + this + "Width", true)) || 0;
});val -= Math.round(padding + border);
}
if ( jQuery(elem).is(":visible") )getWH();
elsejQuery.swap( elem, props, getWH );
return Math.max(0, val);}
return jQuery.curCSS( elem, name, force );},
curCSS: function( elem, name, force ) {var ret, style = elem.style;
// A helper method for determining if an element's values are broken
function color( elem ) {if ( !jQuery.browser.safari )
return false;
// defaultView is cached
var ret = defaultView.getComputedStyle( elem, null );return !ret || ret.getPropertyValue("color") == "";
}
// We need to handle opacity special in IEif ( name == "opacity" && jQuery.browser.msie ) {
ret = jQuery.attr( style, "opacity" );
return ret == "" ?"1" :ret;
}// Opera sometimes will give the wrong display answer, this
fixes it, see #2037if ( jQuery.browser.opera && name == "display" ) {
var save = style.outline;style.outline = "0 solid black";style.outline = save;
}
// Make sure we're using the right name for getting the float value
if ( name.match( /float/i ) )name = styleFloat;
if ( !force && style && style[ name ] )ret = style[ name ];
else if ( defaultView.getComputedStyle ) {
// Only "float" is needed hereif ( name.match( /float/i ) )
name = "float";
name = name.replace( /([A-Z])/g, "-$1" ).toLowerCase();
var computedStyle = defaultView.getComputedStyle( elem, null );
if ( computedStyle && !color( elem ) )ret = computedStyle.getPropertyValue( name );
// If the element isn't reporting its values properly in Safari
// then some display: none elements are involvedelse {
var swap = [], stack = [], a = elem, i = 0;
// Locate all of the parent display: none elements
for ( ; a && color(a); a = a.parentNode )stack.unshift(a);
// Go through and make them visible, but in reverse
// (It would be better if we knew the exact display type that they had)
for ( ; i < stack.length; i++ )if ( color( stack[ i ] ) ) {
swap[ i ] = stack[ i ].style.display;
stack[ i ].style.display = "block";
}
// Since we flip the display style, we have to handle that
// one special, otherwise get the valueret = name == "display" && swap[ stack.length -
1 ] != null ?"none" :( computedStyle &&
computedStyle.getPropertyValue( name ) ) || "";
// Finally, revert the display styles backfor ( i = 0; i < swap.length; i++ )
if ( swap[ i ] != null )stack[ i ].style.display = swap[
i ];}
// We should always get a number back from opacityif ( name == "opacity" && ret == "" )
ret = "1";
} else if ( elem.currentStyle ) {var camelCase = name.replace(/\-(\w)/g, function(all,
letter){return letter.toUpperCase();
});
ret = elem.currentStyle[ name ] || elem.currentStyle[ camelCase ];
// From the awesome hack by Dean Edwards//
http://erik.eae.net/archives/2007/07/27/18.54.15/#comment-102291
// If we're not dealing with a regular pixel number// but a number that has a weird ending, we need to
convert it to pixelsif ( !/^\d+(px)?$/i.test( ret ) && /^\d/.test( ret ) )
{// Remember the original valuesvar left = style.left, rsLeft =
elem.runtimeStyle.left;
// Put in the new values to get a computed value out
elem.runtimeStyle.left = elem.currentStyle.left;
style.left = ret || 0;ret = style.pixelLeft + "px";
// Revert the changed valuesstyle.left = left;elem.runtimeStyle.left = rsLeft;
}}
return ret;},
clean: function( elems, context ) {var ret = [];context = context || document;// !context.createElement fails in IE with an error but
returns typeof 'object'if (typeof context.createElement == 'undefined')
context = context.ownerDocument || context[0] && context[0].ownerDocument || document;
jQuery.each(elems, function(i, elem){if ( !elem )
return;
if ( elem.constructor == Number )elem += '';
// Convert html string into DOM nodesif ( typeof elem == "string" ) {
// Fix "XHTML"-style tags in all browserselem = elem.replace(/(<(\w+)[^>]*?)\/>/g,
function(all, front, tag){return tag.match(/^(abbr|br|col|img|
input|link|meta|param|hr|area|embed)$/i) ?all :front + "></" + tag + ">";
});
// Trim whitespace, otherwise indexOf won't work as expected
var tags = jQuery.trim( elem ).toLowerCase(), div = context.createElement("div");
var wrap =// option or optgroup!tags.indexOf("<opt") &&[ 1, "<select multiple='multiple'>",
"</select>" ] ||
!tags.indexOf("<leg") &&[ 1, "<fieldset>", "</fieldset>" ] ||
tags.match(/^<(thead|tbody|tfoot|colg|cap)/) &&
[ 1, "<table>", "</table>" ] ||
!tags.indexOf("<tr") &&[ 2, "<table><tbody>",
"</tbody></table>" ] ||
// <thead> matched above(!tags.indexOf("<td") || !
tags.indexOf("<th")) &&[ 3, "<table><tbody><tr>",
"</tr></tbody></table>" ] ||
!tags.indexOf("<col") &&[ 2,
"<table><tbody></tbody><colgroup>", "</colgroup></table>" ] ||
// IE can't serialize <link> and <script> tags normally
jQuery.browser.msie &&[ 1, "div<div>", "</div>" ] ||
[ 0, "", "" ];
// Go to html and back, then peel off extra wrappers
div.innerHTML = wrap[1] + elem + wrap[2];
// Move to the right depthwhile ( wrap[0]-- )
div = div.lastChild;
// Remove IE's autoinserted <tbody> from table fragments
if ( jQuery.browser.msie ) {
// String was a <table>, *may* have spurious <tbody>
var tbody = !tags.indexOf("<table") && tags.indexOf("<tbody") < 0 ?
div.firstChild && div.firstChild.childNodes :
// String was a bare <thead> or <tfoot>
wrap[1] == "<table>" && tags.indexOf("<tbody") < 0 ?
div.childNodes :[];
for ( var j = tbody.length - 1; j >= 0 ; --j )
if ( jQuery.nodeName( tbody[ j ], "tbody" ) && !tbody[ j ].childNodes.length )
tbody[ j ].parentNode.removeChild( tbody[ j ] );
// IE completely kills leading whitespace when innerHTML is used
if ( /^\s/.test( elem ) )
div.insertBefore( context.createTextNode( elem.match(/^\s*/)[0] ), div.firstChild );
}
elem = jQuery.makeArray( div.childNodes );}
if ( elem.length === 0 && (!jQuery.nodeName( elem, "form" ) && !jQuery.nodeName( elem, "select" )) )
return;
if ( elem[0] == undefined || jQuery.nodeName( elem, "form" ) || elem.options )
ret.push( elem );
elseret = jQuery.merge( ret, elem );
});
return ret;},
attr: function( elem, name, value ) {// don't set attributes on text and comment nodesif (!elem || elem.nodeType == 3 || elem.nodeType == 8)
return undefined;
var notxml = !jQuery.isXMLDoc( elem ),// Whether we are setting (or getting)set = value !== undefined,msie = jQuery.browser.msie;
// Try to normalize/fix the namename = notxml && jQuery.props[ name ] || name;
// Only do all the following if this is a node (faster for style)
// IE elem.getAttribute passes even for styleif ( elem.tagName ) {
// These attributes require special treatmentvar special = /href|src|style/.test( name );
// Safari mis-reports the default selected property of a hidden option
// Accessing the parent's selectedIndex property fixes it
if ( name == "selected" && jQuery.browser.safari )elem.parentNode.selectedIndex;
// If applicable, access the attribute via the DOM 0 way
if ( name in elem && notxml && !special ) {if ( set ){
// We can't allow the type property to be changed (since it causes problems in IE)
if ( name == "type" && jQuery.nodeName( elem, "input" ) && elem.parentNode )
throw "type property can't be changed";
elem[ name ] = value;}
// browsers index elements by id/name on forms, give priority to attributes.
if( jQuery.nodeName( elem, "form" ) && elem.getAttributeNode(name) )
return elem.getAttributeNode( name ).nodeValue;
return elem[ name ];}
if ( msie && notxml && name == "style" )return jQuery.attr( elem.style, "cssText",
value );
if ( set )// convert the value to a string (all browsers
do this but IE) see #1070elem.setAttribute( name, "" + value );
var attr = msie && notxml && special// Some attributes require a special
call on IE? elem.getAttribute( name, 2 ): elem.getAttribute( name );
// Non-existent attributes return null, we normalize to undefined
return attr === null ? undefined : attr;}
// elem is actually elem.style ... set the style
// IE uses filters for opacityif ( msie && name == "opacity" ) {
if ( set ) {// IE has trouble with opacity if it does not
have layout// Force it by setting the zoom levelelem.zoom = 1;
// Set the alpha filter to set the opacityelem.filter = (elem.filter || "").replace(
/alpha\([^)]*\)/, "" ) +(parseInt( value ) + '' == "NaN" ? "" :
"alpha(opacity=" + value * 100 + ")");}
return elem.filter && elem.filter.indexOf("opacity=") >= 0 ?
(parseFloat( elem.filter.match(/opacity=([^)]*)/)[1] ) / 100) + '':
"";}
name = name.replace(/-([a-z])/ig, function(all, letter){return letter.toUpperCase();
});
if ( set )elem[ name ] = value;
return elem[ name ];},
trim: function( text ) {return (text || "").replace( /^\s+|\s+$/g, "" );
},
makeArray: function( array ) {var ret = [];
if( array != null ){var i = array.length;//the window, strings and functions also have 'length'if( i == null || array.split || array.setInterval ||
array.call )ret[0] = array;
elsewhile( i )
ret[--i] = array[i];}
return ret;},
inArray: function( elem, array ) {for ( var i = 0, length = array.length; i < length; i++ )// Use === because on IE, window == document
if ( array[ i ] === elem )return i;
return -1;},
merge: function( first, second ) {// We have to loop this way because IE & Opera overwrite the
length// expando of getElementsByTagNamevar i = 0, elem, pos = first.length;// Also, we need to make sure that the correct elements are
being returned// (IE returns comment nodes in a '*' query)if ( jQuery.browser.msie ) {
while ( elem = second[ i++ ] )if ( elem.nodeType != 8 )
first[ pos++ ] = elem;
} elsewhile ( elem = second[ i++ ] )
first[ pos++ ] = elem;
return first;},
unique: function( array ) {var ret = [], done = {};
try {
for ( var i = 0, length = array.length; i < length; i++ ) {
var id = jQuery.data( array[ i ] );
if ( !done[ id ] ) {done[ id ] = true;ret.push( array[ i ] );
}}
} catch( e ) {ret = array;
}
return ret;},
grep: function( elems, callback, inv ) {var ret = [];
// Go through the array, only saving the items// that pass the validator functionfor ( var i = 0, length = elems.length; i < length; i++ )
if ( !inv != !callback( elems[ i ], i ) )ret.push( elems[ i ] );
return ret;},
map: function( elems, callback ) {var ret = [];
// Go through the array, translating each of the items to their
// new value (or values).for ( var i = 0, length = elems.length; i < length; i++ ) {
var value = callback( elems[ i ], i );
if ( value != null )ret[ ret.length ] = value;
}
return ret.concat.apply( [], ret );}
});
var userAgent = navigator.userAgent.toLowerCase();
// Figure out what browser is being usedjQuery.browser = {
version: (userAgent.match( /.+(?:rv|it|ra|ie)[\/: ]([\d.]+)/ ) || [])[1],
safari: /webkit/.test( userAgent ),opera: /opera/.test( userAgent ),msie: /msie/.test( userAgent ) && !/opera/.test( userAgent ),mozilla: /mozilla/.test( userAgent ) && !/(compatible|
webkit)/.test( userAgent )};
var styleFloat = jQuery.browser.msie ?"styleFloat" :"cssFloat";
jQuery.extend({// Check to see if the W3C box model is being usedboxModel: !jQuery.browser.msie || document.compatMode == "CSS1Compat",
props: {"for": "htmlFor","class": "className","float": styleFloat,cssFloat: styleFloat,styleFloat: styleFloat,readonly: "readOnly",maxlength: "maxLength",cellspacing: "cellSpacing"
}});
jQuery.each({parent: function(elem){return elem.parentNode;},parents: function(elem){return jQuery.dir(elem,"parentNode");},next: function(elem){return jQuery.nth(elem,2,"nextSibling");},prev: function(elem){return jQuery.nth(elem,2,"previousSibling");},nextAll: function(elem){return jQuery.dir(elem,"nextSibling");},prevAll: function(elem){return jQuery.dir(elem,"previousSibling");},siblings: function(elem){return
jQuery.sibling(elem.parentNode.firstChild,elem);},children: function(elem){return jQuery.sibling(elem.firstChild);},contents: function(elem){return jQuery.nodeName(elem,"iframe")?
elem.contentDocument||elem.contentWindow.document:jQuery.makeArray(elem.childNodes);}}, function(name, fn){
jQuery.fn[ name ] = function( selector ) {var ret = jQuery.map( this, fn );
if ( selector && typeof selector == "string" )ret = jQuery.multiFilter( selector, ret );
return this.pushStack( jQuery.unique( ret ) );};
});
jQuery.each({appendTo: "append",prependTo: "prepend",insertBefore: "before",insertAfter: "after",replaceAll: "replaceWith"
}, function(name, original){jQuery.fn[ name ] = function() {
var args = arguments;
return this.each(function(){for ( var i = 0, length = args.length; i < length; i+
+ )jQuery( args[ i ] )[ original ]( this );
});};
});
jQuery.each({removeAttr: function( name ) {
jQuery.attr( this, name, "" );if (this.nodeType == 1)
this.removeAttribute( name );},
addClass: function( classNames ) {jQuery.className.add( this, classNames );
},
removeClass: function( classNames ) {jQuery.className.remove( this, classNames );
},
toggleClass: function( classNames ) {jQuery.className[ jQuery.className.has( this, classNames ) ?
"remove" : "add" ]( this, classNames );},
remove: function( selector ) {if ( !selector || jQuery.filter( selector, [ this ] ).r.length
) {// Prevent memory leaksjQuery( "*", this ).add(this).each(function(){
jQuery.event.remove(this);jQuery.removeData(this);
});if (this.parentNode)
this.parentNode.removeChild( this );}
},
empty: function() {// Remove element nodes and prevent memory leaksjQuery( ">*", this ).remove();
// Remove any remaining nodeswhile ( this.firstChild )
this.removeChild( this.firstChild );}
}, function(name, fn){jQuery.fn[ name ] = function(){
return this.each( fn, arguments );};
});
jQuery.each([ "Height", "Width" ], function(i, name){var type = name.toLowerCase();
jQuery.fn[ type ] = function( size ) {// Get window width or heightreturn this[0] == window ?
// Opera reports document.body.client[Width/Height] properly in both quirks and standards
jQuery.browser.opera && document.body[ "client" + name ] ||
// Safari reports inner[Width/Height] just fine (Mozilla and Opera include scroll bar widths)
jQuery.browser.safari && window[ "inner" + name ] ||
// Everyone else use document.documentElement or document.body depending on Quirks vs Standards mode
document.compatMode == "CSS1Compat" && document.documentElement[ "client" + name ] || document.body[ "client" + name ] :
// Get document width or heightthis[0] == document ?
// Either scroll[Width/Height] or offset[Width/Height], whichever is greater
Math.max(Math.max(document.body["scroll" +
name], document.documentElement["scroll" + name]),Math.max(document.body["offset" +
name], document.documentElement["offset" + name])) :
// Get or set width or height on the elementsize == undefined ?
// Get width or height on the element(this.length ? jQuery.css( this[0],
type ) : null) :
// Set the width or height on the element (default to pixels if value is unitless)
this.css( type, size.constructor == String ? size : size + "px" );
};});
// Helper function used by the dimensions and offset modulesfunction num(elem, prop) {
return elem[0] && parseInt( jQuery.curCSS(elem[0], prop, true), 10 ) || 0;}var chars = jQuery.browser.safari && parseInt(jQuery.browser.version) < 417 ?
"(?:[\\w*_-]|\\\\.)" :"(?:[\\w\u0128-\uFFFF*_-]|\\\\.)",
quickChild = new RegExp("^>\\s*(" + chars + "+)"),quickID = new RegExp("^(" + chars + "+)(#)(" + chars + "+)"),quickClass = new RegExp("^([#.]?)(" + chars + "*)");
jQuery.extend({expr: {
"": function(a,i,m){return m[2]=="*"||jQuery.nodeName(a,m[2]);},
"#": function(a,i,m){return a.getAttribute("id")==m[2];},":": {
// Position Checkslt: function(a,i,m){return i<m[3]-0;},gt: function(a,i,m){return i>m[3]-0;},nth: function(a,i,m){return m[3]-0==i;},eq: function(a,i,m){return m[3]-0==i;},first: function(a,i){return i==0;},last: function(a,i,m,r){return i==r.length-1;},even: function(a,i){return i%2==0;},odd: function(a,i){return i%2;},
// Child Checks"first-child": function(a){return
a.parentNode.getElementsByTagName("*")[0]==a;},"last-child": function(a){return
jQuery.nth(a.parentNode.lastChild,1,"previousSibling")==a;},"only-child": function(a){return !
jQuery.nth(a.parentNode.lastChild,2,"previousSibling");},
// Parent Checksparent: function(a){return a.firstChild;},empty: function(a){return !a.firstChild;},
// Text Checkcontains: function(a,i,m){return (a.textContent||
a.innerText||jQuery(a).text()||"").indexOf(m[3])>=0;},
// Visibilityvisible: function(a){return "hidden"!
=a.type&&jQuery.css(a,"display")!="none"&&jQuery.css(a,"visibility")!="hidden";},
hidden: function(a){return "hidden"==a.type||jQuery.css(a,"display")=="none"||jQuery.css(a,"visibility")=="hidden";},
// Form attributesenabled: function(a){return !a.disabled;},disabled: function(a){return a.disabled;},checked: function(a){return a.checked;},selected: function(a){return a.selected||
jQuery.attr(a,"selected");},
// Form elementstext: function(a){return "text"==a.type;},
radio: function(a){return "radio"==a.type;},checkbox: function(a){return "checkbox"==a.type;},file: function(a){return "file"==a.type;},password: function(a){return "password"==a.type;},submit: function(a){return "submit"==a.type;},image: function(a){return "image"==a.type;},reset: function(a){return "reset"==a.type;},button: function(a){return "button"==a.type||
jQuery.nodeName(a,"button");},input: function(a){return /input|select|textarea|
button/i.test(a.nodeName);},
// :has()has: function(a,i,m){return
jQuery.find(m[3],a).length;},
// :headerheader: function(a){return /h\d/i.test(a.nodeName);},
// :animatedanimated: function(a){return
jQuery.grep(jQuery.timers,function(fn){return a==fn.elem;}).length;}}
},
// The regular expressions that power the parsing engineparse: [
// Match: [@value='test'], [@foo]/^(\[) *@?([\w-]+) *([!*$^~=]*) *('?"?)(.*?)\4 *\]/,
// Match: :contains('foo')/^(:)([\w-]+)\("?'?(.*?(\(.*?\))?[^(]*?)"?'?\)/,
// Match: :even, :last-child, #id, .classnew RegExp("^([:.#]*)(" + chars + "+)")
],
multiFilter: function( expr, elems, not ) {var old, cur = [];
while ( expr && expr != old ) {old = expr;var f = jQuery.filter( expr, elems, not );expr = f.t.replace(/^\s*,\s*/, "" );cur = not ? elems = f.r : jQuery.merge( cur, f.r );
}
return cur;},
find: function( t, context ) {// Quickly handle non-string expressionsif ( typeof t != "string" )
return [ t ];
// check to make sure context is a DOM element or a document
if ( context && context.nodeType != 1 && context.nodeType != 9)
return [ ];
// Set the correct context (if none is provided)context = context || document;
// Initialize the searchvar ret = [context], done = [], last, nodeName;
// Continue while a selector expression exists, and while// we're no longer looping upon ourselveswhile ( t && last != t ) {
var r = [];last = t;
t = jQuery.trim(t);
var foundToken = false,
// An attempt at speeding up child selectors that// point to a specific element tag
re = quickChild,
m = re.exec(t);
if ( m ) {nodeName = m[1].toUpperCase();
// Perform our own iteration and filterfor ( var i = 0; ret[i]; i++ )
for ( var c = ret[i].firstChild; c; c = c.nextSibling )
if ( c.nodeType == 1 && (nodeName == "*" || c.nodeName.toUpperCase() == nodeName) )
r.push( c );
ret = r;t = t.replace( re, "" );if ( t.indexOf(" ") == 0 ) continue;foundToken = true;
} else {re = /^([>+~])\s*(\w*)/i;
if ( (m = re.exec(t)) != null ) {r = [];
var merge = {};nodeName = m[2].toUpperCase();m = m[1];
for ( var j = 0, rl = ret.length; j < rl; j++ ) {
var n = m == "~" || m == "+" ? ret[j].nextSibling : ret[j].firstChild;
for ( ; n; n = n.nextSibling )if ( n.nodeType == 1 ) {
var id = jQuery.data(n);
if ( m == "~" && merge[id] ) break;
if (!nodeName || n.nodeName.toUpperCase() == nodeName ) {
if ( m == "~" ) merge[id] = true;
r.push( n );
}
if ( m == "+" ) break;
}}
ret = r;
// And remove the tokent = jQuery.trim( t.replace( re, "" ) );foundToken = true;
}}
// See if there's still an expression, and that we haven't already
// matched a tokenif ( t && !foundToken ) {
// Handle multiple expressionsif ( !t.indexOf(",") ) {
// Clean the result setif ( context == ret[0] ) ret.shift();
// Merge the result setsdone = jQuery.merge( done, ret );
// Reset the contextr = ret = [context];
// Touch up the selector stringt = " " + t.substr(1,t.length);
} else {// Optimize for the case
nodeName#idNamevar re2 = quickID;var m = re2.exec(t);
// Re-organize the results, so that they're consistent
if ( m ) {m = [ 0, m[2], m[3], m[1] ];
} else {
// Otherwise, do a traditional filter check for
// ID, class, and element selectors
re2 = quickClass;m = re2.exec(t);
}
m[2] = m[2].replace(/\\/g, "");
var elem = ret[ret.length-1];
// Try to do a global search by ID, where we can
if ( m[1] == "#" && elem && elem.getElementById && !jQuery.isXMLDoc(elem) ) {
// Optimization for HTML document case
var oid = elem.getElementById(m[2]);
// Do a quick check for the existence of the actual ID attribute
// to avoid selecting by the name attribute in IE
// also check to insure id is a string to avoid selecting an element with the name of 'id' inside a form
if ( (jQuery.browser.msie||jQuery.browser.opera) && oid && typeof oid.id == "string" && oid.id != m[2] )
oid = jQuery('[@id="'+m[2]+'"]', elem)[0];
// Do a quick check for node name (where applicable) so
// that div#foo searches will be really fast
ret = r = oid && (!m[3] || jQuery.nodeName(oid, m[3])) ? [oid] : [];
} else {// We need to find all
descendant elementsfor ( var i = 0; ret[i]; i++ ) {
// Grab the tag name being searched for
var tag = m[1] == "#" && m[3] ? m[3] : m[1] != "" || m[0] == "" ? "*" : m[2];
// Handle IE7 being really dumb about <object>s
if ( tag == "*" && ret[i].nodeName.toLowerCase() == "object" )
tag = "param";
r = jQuery.merge( r, ret[i].getElementsByTagName( tag ));
}
// It's faster to filter by class and be done with it
if ( m[1] == "." )r =
jQuery.classFilter( r, m[2] );
// Same with ID filteringif ( m[1] == "#" ) {
var tmp = [];
// Try to find the element with the ID
for ( var i = 0; r[i]; i++ )
if ( r[i].getAttribute("id") == m[2] ) {
tmp = [ r[i] ];
break;}
r = tmp;}
ret = r;}
t = t.replace( re2, "" );}
}
// If a selector string still existsif ( t ) {
// Attempt to filter itvar val = jQuery.filter(t,r);ret = r = val.r;t = jQuery.trim(val.t);
}}
// An error occurred with the selector;// just return an empty set insteadif ( t )
ret = [];
// Remove the root contextif ( ret && context == ret[0] )
ret.shift();
// And combine the resultsdone = jQuery.merge( done, ret );
return done;},
classFilter: function(r,m,not){
m = " " + m + " ";var tmp = [];for ( var i = 0; r[i]; i++ ) {
var pass = (" " + r[i].className + " ").indexOf( m ) >= 0;
if ( !not && pass || not && !pass )tmp.push( r[i] );
}return tmp;
},
filter: function(t,r,not) {var last;
// Look for common filter expressionswhile ( t && t != last ) {
last = t;
var p = jQuery.parse, m;
for ( var i = 0; p[i]; i++ ) {m = p[i].exec( t );
if ( m ) {// Remove what we just matchedt = t.substring( m[0].length );
m[2] = m[2].replace(/\\/g, "");break;
}}
if ( !m )break;
// :not() is a special case that can be optimized by// keeping it out of the expression listif ( m[1] == ":" && m[2] == "not" )
// optimize if only one selector found (most common case)
r = isSimple.test( m[3] ) ?jQuery.filter(m[3], r, true).r :jQuery( r ).not( m[3] );
// We can get a big speed boost by filtering by class here
else if ( m[1] == "." )r = jQuery.classFilter(r, m[2], not);
else if ( m[1] == "[" ) {var tmp = [], type = m[3];
for ( var i = 0, rl = r.length; i < rl; i++ ) {var a = r[i], z = a[ jQuery.props[m[2]]
|| m[2] ];
if ( z == null || /style|href|src|selected/.test(m[2]) )
z = jQuery.attr(a,m[2]) || '';
if ( (type == "" && !!z || type == "=" && z == m[5] || type == "!=" && z != m[5] || type == "^=" && z && !
z.indexOf(m[5]) || type == "$=" &&
z.substr(z.length - m[5].length) == m[5] || (type == "*=" || type == "~=")
&& z.indexOf(m[5]) >= 0) ^ not )tmp.push( a );
}
r = tmp;
// We can get a speed boost by handling nth-child here} else if ( m[1] == ":" && m[2] == "nth-child" ) {
var merge = {}, tmp = [],// parse equations like 'even', 'odd',
'5', '2n', '3n+2', '4n-1', '-n+6'test = /(-?)(\d*)n((?:\+|-)?\d*)/.exec(
m[3] == "even" && "2n" || m[3] == "odd" && "2n+1" ||
!/\D/.test(m[3]) && "0n+" + m[3] || m[3]),
// calculate the numbers (first)n+(last) including if they are negative
first = (test[1] + (test[2] || 1)) - 0, last = test[3] - 0;
// loop through all the elements left in the jQuery object
for ( var i = 0, rl = r.length; i < rl; i++ ) {var node = r[i], parentNode =
node.parentNode, id = jQuery.data(parentNode);
if ( !merge[id] ) {var c = 1;
for ( var n = parentNode.firstChild; n; n = n.nextSibling )
if ( n.nodeType == 1 )n.nodeIndex = c+
+;
merge[id] = true;}
var add = false;
if ( first == 0 ) {if ( node.nodeIndex == last )
add = true;
} else if ( (node.nodeIndex - last) % first == 0 && (node.nodeIndex - last) / first >= 0 )
add = true;
if ( add ^ not )tmp.push( node );
}
r = tmp;
// Otherwise, find the expression to execute} else {
var fn = jQuery.expr[ m[1] ];if ( typeof fn == "object" )
fn = fn[ m[2] ];
if ( typeof fn == "string" )fn = eval("false||function(a,i){return
" + fn + ";}");
// Execute it against the current filterr = jQuery.grep( r, function(elem, i){
return fn(elem, i, m, r);}, not );
}}
// Return an array of filtered elements (r)// and the modified expression string (t)return { r: r, t: t };
},
dir: function( elem, dir ){var matched = [],
cur = elem[dir];while ( cur && cur != document ) {
if ( cur.nodeType == 1 )matched.push( cur );
cur = cur[dir];}return matched;
},
nth: function(cur,result,dir,elem){result = result || 1;var num = 0;
for ( ; cur; cur = cur[dir] )if ( cur.nodeType == 1 && ++num == result )
break;
return cur;},
sibling: function( n, elem ) {var r = [];
for ( ; n; n = n.nextSibling ) {if ( n.nodeType == 1 && n != elem )
r.push( n );}
return r;}
});/* * A number of helper functions used for managing events. * Many of the ideas behind this code orignated from * Dean Edwards' addEvent library. */jQuery.event = {
// Bind an event to an element// Original by Dean Edwardsadd: function(elem, types, handler, data) {
if ( elem.nodeType == 3 || elem.nodeType == 8 )return;
// For whatever reason, IE has trouble passing the window object
// around, causing it to be cloned in the processif ( jQuery.browser.msie && elem.setInterval )
elem = window;
// Make sure that the function being executed has a unique IDif ( !handler.guid )
handler.guid = this.guid++;
// if data is passed, bind to handlerif( data != undefined ) {
// Create temporary function pointer to original handler
var fn = handler;
// Create unique handler function, wrapped around original handler
handler = this.proxy( fn, function() {// Pass arguments and context to original
handlerreturn fn.apply(this, arguments);
});
// Store data in unique handlerhandler.data = data;
}
// Init the element's event structurevar events = jQuery.data(elem, "events") || jQuery.data(elem,
"events", {}),handle = jQuery.data(elem, "handle") ||
jQuery.data(elem, "handle", function(){// Handle the second event of a trigger and
when// an event is called after a page has unloaded
if ( typeof jQuery != "undefined" && !jQuery.event.triggered )
return jQuery.event.handle.apply(arguments.callee.elem, arguments);
});// Add elem as a property of the handle function// This is to prevent a memory leak with non-native// event in IE.handle.elem = elem;
// Handle multiple events separated by a space// jQuery(...).bind("mouseover mouseout", fn);jQuery.each(types.split(/\s+/), function(index, type) {
// Namespaced event handlersvar parts = type.split(".");type = parts[0];handler.type = parts[1];
// Get the current list of functions bound to this event
var handlers = events[type];
// Init the event handler queueif (!handlers) {
handlers = events[type] = {};
// Check for a special event handler// Only use addEventListener/attachEvent if the
special// events handler returns falseif ( !jQuery.event.special[type] ||
jQuery.event.special[type].setup.call(elem) === false ) {// Bind the global event handler to the
elementif (elem.addEventListener)
elem.addEventListener(type, handle, false);
else if (elem.attachEvent)elem.attachEvent("on" + type,
handle);}
}
// Add the function to the element's handler listhandlers[handler.guid] = handler;
// Keep track of which events have been used, for global triggering
jQuery.event.global[type] = true;});
// Nullify elem to prevent memory leaks in IEelem = null;
},
guid: 1,global: {},
// Detach an event or set of events from an elementremove: function(elem, types, handler) {
// don't do events on text and comment nodesif ( elem.nodeType == 3 || elem.nodeType == 8 )
return;
var events = jQuery.data(elem, "events"), ret, index;
if ( events ) {// Unbind all events for the elementif ( types == undefined || (typeof types == "string" &&
types.charAt(0) == ".") )for ( var type in events )
this.remove( elem, type + (types || "") );
else {// types is actually an event object hereif ( types.type ) {
handler = types.handler;types = types.type;
}
// Handle multiple events seperated by a space// jQuery(...).unbind("mouseover mouseout",
fn);jQuery.each(types.split(/\s+/), function(index,
type){// Namespaced event handlersvar parts = type.split(".");type = parts[0];
if ( events[type] ) {// remove the given handler for
the given typeif ( handler )
delete events[type][handler.guid];
// remove all handlers for the given type
elsefor ( handler in
events[type] )// Handle the
removal of namespaced eventsif ( !parts[1]
|| events[type][handler].type == parts[1] )delete
events[type][handler];
// remove generic event handler if no more handlers exist
for ( ret in events[type] ) break;
if ( !ret ) {
if ( !jQuery.event.special[type] || jQuery.event.special[type].teardown.call(elem) === false ) {
if (elem.removeEventListener)
elem.removeEventListener(type, jQuery.data(elem, "handle"), false);else if
(elem.detachEvent)
elem.detachEvent("on" + type, jQuery.data(elem, "handle"));}ret = null;delete events[type];
}}
});}
// Remove the expando if it's no longer usedfor ( ret in events ) break;if ( !ret ) {
var handle = jQuery.data( elem, "handle" );if ( handle ) handle.elem = null;jQuery.removeData( elem, "events" );jQuery.removeData( elem, "handle" );
}}
},
trigger: function(type, data, elem, donative, extra) {// Clone the incoming data, if anydata = jQuery.makeArray(data);
if ( type.indexOf("!") >= 0 ) {type = type.slice(0, -1);var exclusive = true;
}
// Handle a global triggerif ( !elem ) {
// Only trigger if we've ever bound an event for itif ( this.global[type] )
jQuery("*").add([window, document]).trigger(type, data);
// Handle triggering a single element} else {
// don't do events on text and comment nodesif ( elem.nodeType == 3 || elem.nodeType == 8 )
return undefined;
var val, ret, fn = jQuery.isFunction( elem[ type ] || null ),
// Check to see if we need to provide a fake event, or not
event = !data[0] || !data[0].preventDefault;
// Pass along a fake eventif ( event ) {
data.unshift({type: type,target: elem,preventDefault: function(){},stopPropagation: function(){},timeStamp: now()
});data[0][expando] = true; // no need to fix fake
event}
// Enforce the right trigger typedata[0].type = type;if ( exclusive )
data[0].exclusive = true;
// Trigger the event, it is assumed that "handle" is a function
var handle = jQuery.data(elem, "handle");if ( handle )
val = handle.apply( elem, data );
// Handle triggering native .onfoo handlers (and on links since we don't call .click() for links)
if ( (!fn || (jQuery.nodeName(elem, 'a') && type == "click")) && elem["on"+type] && elem["on"+type].apply( elem, data ) === false )
val = false;
// Extra functions don't get the custom event objectif ( event )
data.shift();
// Handle triggering of extra functionif ( extra && jQuery.isFunction( extra ) ) {
// call the extra function and tack the current return value on the end for possible inspection
ret = extra.apply( elem, val == null ? data : data.concat( val ) );
// if anything is returned, give it precedence and have it overwrite the previous value
if (ret !== undefined)val = ret;
}
// Trigger the native events (except for clicks on links)
if ( fn && donative !== false && val !== false && !(jQuery.nodeName(elem, 'a') && type == "click") ) {
this.triggered = true;try {
elem[ type ]();// prevent IE from throwing an error for some
hidden elements
} catch (e) {}}
this.triggered = false;}
return val;},
handle: function(event) {// returned undefined or falsevar val, ret, namespace, all, handlers;
event = arguments[0] = jQuery.event.fix( event || window.event );
// Namespaced event handlersnamespace = event.type.split(".");event.type = namespace[0];namespace = namespace[1];// Cache this now, all = true means, any handlerall = !namespace && !event.exclusive;
handlers = ( jQuery.data(this, "events") || {} )[event.type];
for ( var j in handlers ) {var handler = handlers[j];
// Filter the functions by classif ( all || handler.type == namespace ) {
// Pass in a reference to the handler function itself
// So that we can later remove itevent.handler = handler;event.data = handler.data;
ret = handler.apply( this, arguments );
if ( val !== false )val = ret;
if ( ret === false ) {event.preventDefault();event.stopPropagation();
}}
}
return val;},
fix: function(event) {if ( event[expando] == true )
return event;
// store a copy of the original event object// and "clone" to set read-only properties
var originalEvent = event;event = { originalEvent: originalEvent };var props = "altKey attrChange attrName bubbles button
cancelable charCode clientX clientY ctrlKey currentTarget data detail eventPhase fromElement handler keyCode metaKey newValue originalTarget pageX pageY prevValue relatedNode relatedTarget screenX screenY shiftKey srcElement target timeStamp toElement type view wheelDelta which".split(" ");
for ( var i=props.length; i; i-- )event[ props[i] ] = originalEvent[ props[i] ];
// Mark it as fixedevent[expando] = true;
// add preventDefault and stopPropagation since// they will not work on the cloneevent.preventDefault = function() {
// if preventDefault exists run it on the original event
if (originalEvent.preventDefault)originalEvent.preventDefault();
// otherwise set the returnValue property of the original event to false (IE)
originalEvent.returnValue = false;};event.stopPropagation = function() {
// if stopPropagation exists run it on the original event
if (originalEvent.stopPropagation)originalEvent.stopPropagation();
// otherwise set the cancelBubble property of the original event to true (IE)
originalEvent.cancelBubble = true;};
// Fix timeStampevent.timeStamp = event.timeStamp || now();
// Fix target property, if necessaryif ( !event.target )
event.target = event.srcElement || document; // Fixes #1925 where srcElement might not be defined either
// check if target is a textnode (safari)if ( event.target.nodeType == 3 )
event.target = event.target.parentNode;
// Add relatedTarget, if necessaryif ( !event.relatedTarget && event.fromElement )
event.relatedTarget = event.fromElement == event.target ? event.toElement : event.fromElement;
// Calculate pageX/Y if missing and clientX/Y availableif ( event.pageX == null && event.clientX != null ) {
var doc = document.documentElement, body = document.body;
event.pageX = event.clientX + (doc && doc.scrollLeft || body && body.scrollLeft || 0) - (doc.clientLeft || 0);
event.pageY = event.clientY + (doc && doc.scrollTop || body && body.scrollTop || 0) - (doc.clientTop || 0);
}
// Add which for key eventsif ( !event.which && ((event.charCode || event.charCode === 0)
? event.charCode : event.keyCode) )event.which = event.charCode || event.keyCode;
// Add metaKey to non-Mac browsers (use ctrl for PC's and Meta for Macs)
if ( !event.metaKey && event.ctrlKey )event.metaKey = event.ctrlKey;
// Add which for click: 1 == left; 2 == middle; 3 == right// Note: button is not normalized, so don't use itif ( !event.which && event.button )
event.which = (event.button & 1 ? 1 : ( event.button & 2 ? 3 : ( event.button & 4 ? 2 : 0 ) ));
return event;},
proxy: function( fn, proxy ){// Set the guid of unique handler to the same of original
handler, so it can be removedproxy.guid = fn.guid = fn.guid || proxy.guid || this.guid++;// So proxy can be declared as an argumentreturn proxy;
},
special: {ready: {
setup: function() {// Make sure the ready event is setupbindReady();return;
},
teardown: function() { return; }},
mouseenter: {setup: function() {
if ( jQuery.browser.msie ) return false;jQuery(this).bind("mouseover",
jQuery.event.special.mouseenter.handler);return true;
},
teardown: function() {if ( jQuery.browser.msie ) return false;jQuery(this).unbind("mouseover",
jQuery.event.special.mouseenter.handler);return true;
},
handler: function(event) {// If we actually just moused on to a sub-
element, ignore itif ( withinElement(event, this) ) return true;// Execute the right handlers by setting the
event type to mouseenterevent.type = "mouseenter";return jQuery.event.handle.apply(this,
arguments);}
},
mouseleave: {setup: function() {
if ( jQuery.browser.msie ) return false;jQuery(this).bind("mouseout",
jQuery.event.special.mouseleave.handler);return true;
},
teardown: function() {if ( jQuery.browser.msie ) return false;jQuery(this).unbind("mouseout",
jQuery.event.special.mouseleave.handler);return true;
},
handler: function(event) {// If we actually just moused on to a sub-
element, ignore itif ( withinElement(event, this) ) return true;// Execute the right handlers by setting the
event type to mouseleaveevent.type = "mouseleave";return jQuery.event.handle.apply(this,
arguments);}
}}
};
jQuery.fn.extend({bind: function( type, data, fn ) {
return type == "unload" ? this.one(type, data, fn) : this.each(function(){
jQuery.event.add( this, type, fn || data, fn && data );});
},
one: function( type, data, fn ) {var one = jQuery.event.proxy( fn || data, function(event) {
jQuery(this).unbind(event, one);return (fn || data).apply( this, arguments );
});return this.each(function(){
jQuery.event.add( this, type, one, fn && data);});
},
unbind: function( type, fn ) {return this.each(function(){
jQuery.event.remove( this, type, fn );});
},
trigger: function( type, data, fn ) {return this.each(function(){
jQuery.event.trigger( type, data, this, true, fn );});
},
triggerHandler: function( type, data, fn ) {return this[0] && jQuery.event.trigger( type, data, this[0],
false, fn );},
toggle: function( fn ) {// Save reference to arguments for access in closurevar args = arguments, i = 1;
// link all the functions, so any of them can unbind this click handler
while( i < args.length )jQuery.event.proxy( fn, args[i++] );
return this.click( jQuery.event.proxy( fn, function(event) {// Figure out which function to executethis.lastToggle = ( this.lastToggle || 0 ) % i;
// Make sure that clicks stopevent.preventDefault();
// and execute the functionreturn args[ this.lastToggle++ ].apply( this, arguments
) || false;}));
},
hover: function(fnOver, fnOut) {return this.bind('mouseenter', fnOver).bind('mouseleave',
fnOut);},
ready: function(fn) {// Attach the listenersbindReady();
// If the DOM is already readyif ( jQuery.isReady )
// Execute the function immediatelyfn.call( document, jQuery );
// Otherwise, remember the function for laterelse
// Add the function to the wait listjQuery.readyList.push( function() { return
fn.call(this, jQuery); } );
return this;}
});
jQuery.extend({isReady: false,readyList: [],// Handle when the DOM is readyready: function() {
// Make sure that the DOM is not already loadedif ( !jQuery.isReady ) {
// Remember that the DOM is readyjQuery.isReady = true;
// If there are functions bound, to executeif ( jQuery.readyList ) {
// Execute all of themjQuery.each( jQuery.readyList, function(){
this.call( document );});
// Reset the list of functionsjQuery.readyList = null;
}
// Trigger any bound ready eventsjQuery(document).triggerHandler("ready");
}}
});
var readyBound = false;
function bindReady(){if ( readyBound ) return;readyBound = true;
// Mozilla, Opera (see further below for it) and webkit nightlies currently support this event
if ( document.addEventListener && !jQuery.browser.opera)// Use the handy event callbackdocument.addEventListener( "DOMContentLoaded", jQuery.ready,
false );
// If IE is used and is not in a frame// Continually check to see if the document is readyif ( jQuery.browser.msie && window == top ) (function(){
if (jQuery.isReady) return;try {
// If IE is used, use the trick by Diego Perini// http://javascript.nwbox.com/IEContentLoaded/document.documentElement.doScroll("left");
} catch( error ) {
setTimeout( arguments.callee, 0 );return;
}// and execute any waiting functionsjQuery.ready();
})();
if ( jQuery.browser.opera )document.addEventListener( "DOMContentLoaded", function () {
if (jQuery.isReady) return;for (var i = 0; i < document.styleSheets.length; i++)
if (document.styleSheets[i].disabled) {setTimeout( arguments.callee, 0 );return;
}// and execute any waiting functionsjQuery.ready();
}, false);
if ( jQuery.browser.safari ) {var numStyles;(function(){
if (jQuery.isReady) return;if ( document.readyState != "loaded" &&
document.readyState != "complete" ) {setTimeout( arguments.callee, 0 );return;
}if ( numStyles === undefined )
numStyles = jQuery("style, link[rel=stylesheet]").length;
if ( document.styleSheets.length != numStyles ) {setTimeout( arguments.callee, 0 );return;
}// and execute any waiting functionsjQuery.ready();
})();}
// A fallback to window.onload, that will always workjQuery.event.add( window, "load", jQuery.ready );
}
jQuery.each( ("blur,focus,load,resize,scroll,unload,click,dblclick," +"mousedown,mouseup,mousemove,mouseover,mouseout,change,select," +"submit,keydown,keypress,keyup,error").split(","), function(i, name){
// Handle event bindingjQuery.fn[name] = function(fn){
return fn ? this.bind(name, fn) : this.trigger(name);};
});
// Checks if an event happened on an element within another element// Used in jQuery.event.special.mouseenter and mouseleave handlersvar withinElement = function(event, elem) {
// Check if mouse(over|out) are still within the same parent elementvar parent = event.relatedTarget;// Traverse up the treewhile ( parent && parent != elem ) try { parent = parent.parentNode; }
catch(error) { parent = elem; }// Return true if we actually just moused on to a sub-elementreturn parent == elem;
};
// Prevent memory leaks in IE// And prevent errors on refresh with events like mouseover in other browsers// Window isn't included so as not to unbind existing unload eventsjQuery(window).bind("unload", function() {
jQuery("*").add(document).unbind();});jQuery.fn.extend({
// Keep a copy of the old load_load: jQuery.fn.load,
load: function( url, params, callback ) {if ( typeof url != 'string' )
return this._load( url );
var off = url.indexOf(" ");if ( off >= 0 ) {
var selector = url.slice(off, url.length);url = url.slice(0, off);
}
callback = callback || function(){};
// Default to a GET requestvar type = "GET";
// If the second parameter was providedif ( params )
// If it's a functionif ( jQuery.isFunction( params ) ) {
// We assume that it's the callbackcallback = params;params = null;
// Otherwise, build a param string} else {
params = jQuery.param( params );type = "POST";
}
var self = this;
// Request the remote documentjQuery.ajax({
url: url,type: type,dataType: "html",data: params,complete: function(res, status){
// If successful, inject the HTML into all the matched elements
if ( status == "success" || status == "notmodified" )
// See if a selector was specifiedself.html( selector ?
// Create a dummy div to hold the results
jQuery("<div/>")// inject the contents
of the document in, removing the scripts// to avoid any
'Permission Denied' errors in IE
.append(res.responseText.replace(/<script(.|\s)*?\/script>/g, ""))
// Locate the specified elements
.find(selector) :
// If not, just inject the full result
res.responseText );
self.each( callback, [res.responseText, status, res] );
}});return this;
},
serialize: function() {return jQuery.param(this.serializeArray());
},serializeArray: function() {
return this.map(function(){return jQuery.nodeName(this, "form") ?
jQuery.makeArray(this.elements) : this;}).filter(function(){
return this.name && !this.disabled &&(this.checked ||
/select|textarea/i.test(this.nodeName) ||
/text|hidden|password/i.test(this.type));}).map(function(i, elem){
var val = jQuery(this).val();return val == null ? null :
val.constructor == Array ?jQuery.map( val, function(val, i){
return {name: elem.name, value: val};
}) :{name: elem.name, value: val};
}).get();}
});
// Attach a bunch of functions for handling common AJAX eventsjQuery.each( "ajaxStart,ajaxStop,ajaxComplete,ajaxError,ajaxSuccess,ajaxSend".split(","), function(i,o){
jQuery.fn[o] = function(f){return this.bind(o, f);
};});
var jsc = now();
jQuery.extend({get: function( url, data, callback, type ) {
// shift arguments if data argument was ommitedif ( jQuery.isFunction( data ) ) {
callback = data;data = null;
}
return jQuery.ajax({type: "GET",url: url,data: data,success: callback,dataType: type
});},
getScript: function( url, callback ) {return jQuery.get(url, null, callback, "script");
},
getJSON: function( url, data, callback ) {return jQuery.get(url, data, callback, "json");
},
post: function( url, data, callback, type ) {if ( jQuery.isFunction( data ) ) {
callback = data;data = {};
}
return jQuery.ajax({type: "POST",url: url,data: data,success: callback,dataType: type
});},
ajaxSetup: function( settings ) {jQuery.extend( jQuery.ajaxSettings, settings );
},
ajaxSettings: {
url: location.href,global: true,type: "GET",timeout: 0,contentType: "application/x-www-form-urlencoded",processData: true,async: true,data: null,username: null,password: null,accepts: {
xml: "application/xml, text/xml",html: "text/html",script: "text/javascript, application/javascript",json: "application/json, text/javascript",text: "text/plain",_default: "*/*"
}},
// Last-Modified header cache for next requestlastModified: {},
ajax: function( s ) {// Extend the settings, but re-extend 's' so that it can be// checked again later (in the test suite, specifically)s = jQuery.extend(true, s, jQuery.extend(true, {},
jQuery.ajaxSettings, s));
var jsonp, jsre = /=\?(&|$)/g, status, data,type = s.type.toUpperCase();
// convert data if not already a stringif ( s.data && s.processData && typeof s.data != "string" )
s.data = jQuery.param(s.data);
// Handle JSONP Parameter Callbacksif ( s.dataType == "jsonp" ) {
if ( type == "GET" ) {if ( !s.url.match(jsre) )
s.url += (s.url.match(/\?/) ? "&" : "?") + (s.jsonp || "callback") + "=?";
} else if ( !s.data || !s.data.match(jsre) )s.data = (s.data ? s.data + "&" : "") +
(s.jsonp || "callback") + "=?";s.dataType = "json";
}
// Build temporary JSONP functionif ( s.dataType == "json" && (s.data && s.data.match(jsre) ||
s.url.match(jsre)) ) {jsonp = "jsonp" + jsc++;
// Replace the =? sequence both in the query string and the data
if ( s.data )
s.data = (s.data + "").replace(jsre, "=" + jsonp + "$1");
s.url = s.url.replace(jsre, "=" + jsonp + "$1");
// We need to make sure// that a JSONP style response is executed properlys.dataType = "script";
// Handle JSONP-style loadingwindow[ jsonp ] = function(tmp){
data = tmp;success();complete();// Garbage collectwindow[ jsonp ] = undefined;try{ delete window[ jsonp ]; } catch(e){}if ( head )
head.removeChild( script );};
}
if ( s.dataType == "script" && s.cache == null )s.cache = false;
if ( s.cache === false && type == "GET" ) {var ts = now();// try replacing _= if it is therevar ret = s.url.replace(/(\?|&)_=.*?(&|$)/, "$1_=" + ts
+ "$2");// if nothing was replaced, add timestamp to the ends.url = ret + ((ret == s.url) ? (s.url.match(/\?/) ?
"&" : "?") + "_=" + ts : "");}
// If data is available, append data to url for get requestsif ( s.data && type == "GET" ) {
s.url += (s.url.match(/\?/) ? "&" : "?") + s.data;
// IE likes to send both get and post data, prevent this
s.data = null;}
// Watch for a new set of requestsif ( s.global && ! jQuery.active++ )
jQuery.event.trigger( "ajaxStart" );
// Matches an absolute URL, and saves the domainvar remote = /^(?:\w+:)?\/\/([^\/?#]+)/;
// If we're requesting a remote document// and trying to load JSON or Script with a GETif ( s.dataType == "script" && type == "GET"
&& remote.test(s.url) && remote.exec(s.url)[1] != location.host ){
var head = document.getElementsByTagName("head")[0];var script = document.createElement("script");
script.src = s.url;if (s.scriptCharset)
script.charset = s.scriptCharset;
// Handle Script loadingif ( !jsonp ) {
var done = false;
// Attach handlers for all browsersscript.onload = script.onreadystatechange =
function(){if ( !done && (!this.readyState ||
this.readyState == "loaded" || this.readyState == "complete") ) {
done = true;success();complete();head.removeChild( script );
}};
}
head.appendChild(script);
// We handle everything using the script element injection
return undefined;}
var requestDone = false;
// Create the request object; Microsoft failed to properly// implement the XMLHttpRequest in IE7, so we use the
ActiveXObject when it is availablevar xhr = window.ActiveXObject ? new
ActiveXObject("Microsoft.XMLHTTP") : new XMLHttpRequest();
// Open the socket// Passing null username, generates a login popup on Opera
(#2865)if( s.username )
xhr.open(type, s.url, s.async, s.username, s.password);else
xhr.open(type, s.url, s.async);
// Need an extra try/catch for cross domain requests in Firefox 3
try {// Set the correct header, if data is being sentif ( s.data )
xhr.setRequestHeader("Content-Type", s.contentType);
// Set the If-Modified-Since header, if ifModified mode.
if ( s.ifModified )xhr.setRequestHeader("If-Modified-Since",
jQuery.lastModified[s.url] || "Thu, 01 Jan 1970 00:00:00 GMT" );
// Set header so the called script knows that it's an XMLHttpRequest
xhr.setRequestHeader("X-Requested-With", "XMLHttpRequest");
// Set the Accepts header for the server, depending on the dataType
xhr.setRequestHeader("Accept", s.dataType && s.accepts[ s.dataType ] ?
s.accepts[ s.dataType ] + ", */*" :s.accepts._default );
} catch(e){}
// Allow custom headers/mimetypesif ( s.beforeSend && s.beforeSend(xhr, s) === false ) {
// cleanup active request counters.global && jQuery.active--;// close opended socketxhr.abort();return false;
}
if ( s.global )jQuery.event.trigger("ajaxSend", [xhr, s]);
// Wait for a response to come backvar onreadystatechange = function(isTimeout){
// The transfer is complete and the data is available, or the request timed out
if ( !requestDone && xhr && (xhr.readyState == 4 || isTimeout == "timeout") ) {
requestDone = true;
// clear poll intervalif (ival) {
clearInterval(ival);ival = null;
}
status = isTimeout == "timeout" && "timeout" ||!jQuery.httpSuccess( xhr ) && "error"
||s.ifModified && jQuery.httpNotModified(
xhr, s.url ) && "notmodified" ||"success";
if ( status == "success" ) {// Watch for, and catch, XML document
parse errorstry {
// process the data (runs the xml through httpData regardless of callback)
data = jQuery.httpData( xhr, s.dataType, s.dataFilter );
} catch(e) {status = "parsererror";
}}
// Make sure that the request was successful or notmodified
if ( status == "success" ) {// Cache Last-Modified header, if
ifModified mode.var modRes;try {
modRes = xhr.getResponseHeader("Last-Modified");
} catch(e) {} // swallow exception thrown by FF if header is not available
if ( s.ifModified && modRes )jQuery.lastModified[s.url] =
modRes;
// JSONP handles its own success callback
if ( !jsonp )success();
} elsejQuery.handleError(s, xhr, status);
// Fire the complete handlerscomplete();
// Stop memory leaksif ( s.async )
xhr = null;}
};
if ( s.async ) {// don't attach the handler to the request, just poll
it insteadvar ival = setInterval(onreadystatechange, 13);
// Timeout checkerif ( s.timeout > 0 )
setTimeout(function(){// Check to see if the request is still
happeningif ( xhr ) {
// Cancel the requestxhr.abort();
if( !requestDone )
onreadystatechange( "timeout" );}
}, s.timeout);}
// Send the datatry {
xhr.send(s.data);} catch(e) {
jQuery.handleError(s, xhr, null, e);}
// firefox 1.5 doesn't fire statechange for sync requestsif ( !s.async )
onreadystatechange();
function success(){// If a local callback was specified, fire it and pass
it the dataif ( s.success )
s.success( data, status );
// Fire the global callbackif ( s.global )
jQuery.event.trigger( "ajaxSuccess", [xhr, s] );
}
function complete(){// Process resultif ( s.complete )
s.complete(xhr, status);
// The request was completedif ( s.global )
jQuery.event.trigger( "ajaxComplete", [xhr, s] );
// Handle the global AJAX counterif ( s.global && ! --jQuery.active )
jQuery.event.trigger( "ajaxStop" );}
// return XMLHttpRequest to allow aborting the request etc.return xhr;
},
handleError: function( s, xhr, status, e ) {// If a local callback was specified, fire itif ( s.error ) s.error( xhr, status, e );
// Fire the global callbackif ( s.global )
jQuery.event.trigger( "ajaxError", [xhr, s, e] );},
// Counter for holding the number of active queriesactive: 0,
// Determines if an XMLHttpRequest was successful or nothttpSuccess: function( xhr ) {
try {// IE error sometimes returns 1223 when it should be
204 so treat it as success, see #1450return !xhr.status && location.protocol == "file:" ||
( xhr.status >= 200 && xhr.status < 300 ) || xhr.status == 304 || xhr.status == 1223 ||
jQuery.browser.safari && xhr.status == undefined;
} catch(e){}return false;
},
// Determines if an XMLHttpRequest returns NotModifiedhttpNotModified: function( xhr, url ) {
try {var xhrRes = xhr.getResponseHeader("Last-Modified");
// Firefox always returns 200. check Last-Modified datereturn xhr.status == 304 || xhrRes ==
jQuery.lastModified[url] ||jQuery.browser.safari && xhr.status ==
undefined;} catch(e){}return false;
},
httpData: function( xhr, type, filter ) {var ct = xhr.getResponseHeader("content-type"),
xml = type == "xml" || !type && ct && ct.indexOf("xml") >= 0,
data = xml ? xhr.responseXML : xhr.responseText;
if ( xml && data.documentElement.tagName == "parsererror" )throw "parsererror";
// Allow a pre-filtering function to sanitize the responseif( filter )
data = filter( data, type );
// If the type is "script", eval it in global contextif ( type == "script" )
jQuery.globalEval( data );
// Get the JavaScript object, if JSON is used.if ( type == "json" )
data = eval("(" + data + ")");
return data;},
// Serialize an array of form elements or a set of// key/values into a query stringparam: function( a ) {
var s = [];
// If an array was passed in, assume that it is an array
// of form elementsif ( a.constructor == Array || a.jquery )
// Serialize the form elementsjQuery.each( a, function(){
s.push( encodeURIComponent(this.name) + "=" + encodeURIComponent( this.value ) );
});
// Otherwise, assume that it's an object of key/value pairselse
// Serialize the key/valuesfor ( var j in a )
// If the value is an array then the key names need to be repeated
if ( a[j] && a[j].constructor == Array )jQuery.each( a[j], function(){
s.push( encodeURIComponent(j) + "=" + encodeURIComponent( this ) );
});else
s.push( encodeURIComponent(j) + "=" + encodeURIComponent( jQuery.isFunction(a[j]) ? a[j]() : a[j] ) );
// Return the resulting serializationreturn 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");
// handle an edge condition where css is - div { display:none; } or similar
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();},
// Save the old toggle function_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" ) {// Store display propertyopt.display = jQuery.css(this,
"display");
// Make sure that nothing sneaks outopt.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";
// We need to compute starting value
if ( unit != "px" ) {self.style[ name ] =
(end || 1) + unit;start = ((end || 1) /
e.cur(true)) * start;self.style[ name ] =
start + unit;}
// If a +=/-= token was provided, we're doing a relative animation
if ( parts[1] )end = ((parts[1] == "-="
? -1 : 1) * end) + start;
e.custom( start, end, unit );} else
e.custom( start, val, "" );}
});
// For JS strict compliancereturn 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(){// go in reverse order so anything added to the queue
during the loop is ignoredfor ( var i = timers.length - 1; i >= 0; i-- )
if ( timers[i].elem == this ) {if (gotoEnd)
// force the next step to be the last
timers[i](true);timers.splice(i, 1);
}});
// start the next in the queue if the last step wasn't forcedif (!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;
// Queueingopt.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 = {
// Simple function for setting a style valueupdate: function(){
if ( this.options.step )this.options.step.call( this.elem, this.now, this );
(jQuery.fx.step[this.prop] || jQuery.fx.step._default)( this );
// Set display property to block for height/width animationsif ( this.prop == "height" || this.prop == "width" )
this.elem.style.display = "block";},
// Get the current sizecur: 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;},
// Start an animation from one number to anothercustom: 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);
}},
// Simple 'show' functionshow: function(){
// Remember where we started, so that we can go back to it later
this.options.orig[this.prop] = jQuery.attr( this.elem.style, this.prop );
this.options.show = true;
// Begin the animationthis.custom(0, this.cur());
// Make sure that we start at a small width/height to avoid any
// flash of contentif ( this.prop == "width" || this.prop == "height" )
this.elem.style[this.prop] = "1px";
// Start by showing the elementjQuery(this.elem).show();
},
// Simple 'hide' functionhide: function(){
// Remember where we started, so that we can go back to it later
this.options.orig[this.prop] = jQuery.attr( this.elem.style, this.prop );
this.options.hide = true;
// Begin the animationthis.custom(this.cur(), 0);
},
// Each step of an animationstep: 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 ) {
// Reset the overflowthis.elem.style.overflow =
this.options.overflow;
// Reset the displaythis.elem.style.display =
this.options.display;if ( jQuery.css(this.elem, "display")
== "none" )this.elem.style.display =
"block";}
// Hide the element if the "hide" operation was done
if ( this.options.hide )this.elem.style.display = "none";
// Reset the properties, if the item has been hidden or shown
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 )// Execute the complete functionthis.options.complete.call( this.elem );
return false;} else {
var n = t - this.startTime;
this.state = n / this.options.duration;
// Perform the easing function, defaults to swingthis.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);
// Perform the next step of the animationthis.update();
}
return true;}
};
jQuery.extend( jQuery.fx, {speeds:{
slow: 600, fast: 200, // Default speed 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;
}}
});// The Offset Method// Originally By Brandon Aaron, part of the Dimension Plugin// http://jquery.com/plugins/project/dimensionsjQuery.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";
// Use getBoundingClientRect if availableif ( elem.getBoundingClientRect ) {
var box = elem.getBoundingClientRect();
// Add the document scroll offsetsadd(box.left + Math.max(doc.documentElement.scrollLeft,
doc.body.scrollLeft),box.top +
Math.max(doc.documentElement.scrollTop, doc.body.scrollTop));
// IE adds the HTML element's border, by default it is medium which is 2px
// IE 6 and 7 quirks mode the border width is overwritable by the following css html { border: 0; }
// IE 7 standards mode, the border is always 2px// This border/offset is typically represented by the
clientLeft and clientTop properties// However, in IE6 and 7 quirks mode the clientLeft and
clientTop properties are not updated when overwriting it via CSS// Therefore this method will be off by 2px in IE while
in quirksmodeadd( -doc.documentElement.clientLeft, -
doc.documentElement.clientTop );
// Otherwise loop through the offsetParents and parentNodes} else {
// Initial element offsetsadd( elem.offsetLeft, elem.offsetTop );
// Get parent offsetswhile ( offsetParent ) {
// Add offsetParent offsetsadd( offsetParent.offsetLeft,
offsetParent.offsetTop );
// Mozilla and Safari > 2 does not include the border on offset parents
// However Mozilla adds the border for table or table cells
if ( mozilla && !/^t(able|d|h)$/i.test(offsetParent.tagName) || safari && !safari2 )
border( offsetParent );
// Add the document scroll offsets if position is fixed on any offsetParent
if ( !fixed && css(offsetParent, "position") == "fixed" )
fixed = true;
// Set offsetChild to previous offsetParent unless it is the body element
offsetChild = /^body$/i.test(offsetParent.tagName) ? offsetChild : offsetParent;
// Get next offsetParent
offsetParent = offsetParent.offsetParent;}
// Get parent scroll offsetswhile ( parent && parent.tagName &&
!/^body|html$/i.test(parent.tagName) ) {// Remove parent scroll UNLESS that parent is
inline or a table to work around Opera inline/table scrollLeft/Top bugif ( !/^inline|table.*$/i.test(css(parent,
"display")) )// Subtract parent scroll offsetsadd( -parent.scrollLeft, -
parent.scrollTop );
// Mozilla does not add the border for a parent that has overflow != visible
if ( mozilla && css(parent, "overflow") != "visible" )
border( parent );
// Get next parentparent = parent.parentNode;
}
// Safari <= 2 doubles body offsets with a fixed position element/offsetParent or absolutely positioned offsetChild
// Mozilla doubles body offsets with a non-absolutely positioned offsetChild
if ( (safari2 && (fixed || css(offsetChild, "position") == "absolute")) ||
(mozilla && css(offsetChild, "position") != "absolute") )
add( -doc.body.offsetLeft, -doc.body.offsetTop );
// Add the document scroll offsets if position is fixedif ( fixed )
add(Math.max(doc.documentElement.scrollLeft, doc.body.scrollLeft),
Math.max(doc.documentElement.scrollTop, doc.body.scrollTop));
}
// Return an object with top and left propertiesresults = { 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] ) {// Get *real* offsetParentvar offsetParent = this.offsetParent(),
// Get correct offsetsoffset = this.offset(),parentOffset =
/^body|html$/i.test(offsetParent[0].tagName) ? { top: 0, left: 0 } : offsetParent.offset();
// Subtract element margins// note: when an element has margin: auto the
offsetLeft and marginLeft // are the same in Safari causing offset.left to
incorrectly be 0offset.top -= num( this, 'marginTop' );offset.left -= num( this, 'marginLeft' );
// Add offsetParent bordersparentOffset.top += num( offsetParent,
'borderTopWidth' );parentOffset.left += num( offsetParent,
'borderLeftWidth' );
// Subtract the two offsetsresults = {
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);
}});
// Create scrollLeft and scrollTop methodsjQuery.each( ['Left', 'Top'], function(i, name) {
var method = 'scroll' + name;
jQuery.fn[ method ] = function(val) {if (!this[0]) return;
return val != undefined ?
// Set the scroll offsetthis.each(function() {
this == window || this == document ?window.scrollTo(
!i ? val : jQuery(window).scrollLeft(),
i ? val : jQuery(window).scrollTop()
) :this[ method ] = val;
}) :
// Return the scroll offsetthis[0] == window || this[0] == document ?
self[ i ? 'pageYOffset' : 'pageXOffset' ] ||jQuery.boxModel &&
document.documentElement[ method ] ||document.body[ method ] :
this[0][ method ];};
});// Create innerHeight, innerWidth, outerHeight and outerWidth methodsjQuery.each([ "Height", "Width" ], function(i, name){
var tl = i ? "Left" : "Top", // top or leftbr = i ? "Right" : "Bottom"; // bottom or right
// innerHeight and innerWidthjQuery.fn["inner" + name] = function(){
return this[ name.toLowerCase() ]() +num(this, "padding" + tl) +num(this, "padding" + br);
};
// outerHeight and outerWidthjQuery.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);
};
});})();
<link rel="stylesheet" type="text/css" href="SliderGallery/Slider.css" media="screen" />
body { padding: 0; font: 1em "Trebuchet MS", verdana, arial, sans-serif; font-size: 100%; background-color: #212121; margin: 0; }
h1 { margin-bottom: 2px; }
#container { background-color: #fff; width: 580px; margin: 15px auto; padding: 50px; } /* slider specific CSS */ .sliderGallery { background: url('productbrowser_background_20070622.jpg') no-repeat; overflow: hidden; position: relative; padding: 10px; height: 160px; width: 560px; } .sliderGallery UL { position: absolute; list-style: none; overflow: none; white-space: nowrap; padding: 0; margin: 0; } .sliderGallery UL LI { display: inline; } .slider { width: 542px; height: 17px; margin-top: 140px; margin-left: 5px; padding: 1px; position: relative; background: url('productbrowser_scrollbar_20070622.png') no-repeat; } .handle { position: absolute; cursor: move;
height: 17px; width: 181px; top: 0; background: url('productbrowser_scroller_20080115.png') no-repeat; z-index: 100; } .slider span { color: #bbb; font-size: 80%; cursor: pointer; position: absolute; z-index: 110; top: 3px; } .slider .slider-lbl1 { left: 50px; } .slider .slider-lbl2 { left: 107px; } .slider .slider-lbl3 { left: 156px; }
.slider .slider-lbl4 { left: 280px; }
.slider .slider-lbl5 { left: 455px; }
till slide gallery plug-in
