","
"];c.fn.extend({text:function(a){if(c.isFunction(a))return this.each(function(b){var d=
-c(this);d.text(a.call(this,b,d.text()))});if(typeof a!=="object"&&a!==w)return this.empty().append((this[0]&&this[0].ownerDocument||s).createTextNode(a));return c.text(this)},wrapAll:function(a){if(c.isFunction(a))return this.each(function(d){c(this).wrapAll(a.call(this,d))});if(this[0]){var b=c(a,this[0].ownerDocument).eq(0).clone(true);this[0].parentNode&&b.insertBefore(this[0]);b.map(function(){for(var d=this;d.firstChild&&d.firstChild.nodeType===1;)d=d.firstChild;return d}).append(this)}return this},
-wrapInner:function(a){if(c.isFunction(a))return this.each(function(b){c(this).wrapInner(a.call(this,b))});return this.each(function(){var b=c(this),d=b.contents();d.length?d.wrapAll(a):b.append(a)})},wrap:function(a){return this.each(function(){c(this).wrapAll(a)})},unwrap:function(){return this.parent().each(function(){c.nodeName(this,"body")||c(this).replaceWith(this.childNodes)}).end()},append:function(){return this.domManip(arguments,true,function(a){this.nodeType===1&&this.appendChild(a)})},
-prepend:function(){return this.domManip(arguments,true,function(a){this.nodeType===1&&this.insertBefore(a,this.firstChild)})},before:function(){if(this[0]&&this[0].parentNode)return this.domManip(arguments,false,function(b){this.parentNode.insertBefore(b,this)});else if(arguments.length){var a=c(arguments[0]);a.push.apply(a,this.toArray());return this.pushStack(a,"before",arguments)}},after:function(){if(this[0]&&this[0].parentNode)return this.domManip(arguments,false,function(b){this.parentNode.insertBefore(b,
-this.nextSibling)});else if(arguments.length){var a=this.pushStack(this,"after",arguments);a.push.apply(a,c(arguments[0]).toArray());return a}},remove:function(a,b){for(var d=0,f;(f=this[d])!=null;d++)if(!a||c.filter(a,[f]).length){if(!b&&f.nodeType===1){c.cleanData(f.getElementsByTagName("*"));c.cleanData([f])}f.parentNode&&f.parentNode.removeChild(f)}return this},empty:function(){for(var a=0,b;(b=this[a])!=null;a++)for(b.nodeType===1&&c.cleanData(b.getElementsByTagName("*"));b.firstChild;)b.removeChild(b.firstChild);
-return this},clone:function(a){var b=this.map(function(){if(!c.support.noCloneEvent&&!c.isXMLDoc(this)){var d=this.outerHTML,f=this.ownerDocument;if(!d){d=f.createElement("div");d.appendChild(this.cloneNode(true));d=d.innerHTML}return c.clean([d.replace(Ja,"").replace(/=([^="'>\s]+\/)>/g,'="$1">').replace(V,"")],f)[0]}else return this.cloneNode(true)});if(a===true){ra(this,b);ra(this.find("*"),b.find("*"))}return b},html:function(a){if(a===w)return this[0]&&this[0].nodeType===1?this[0].innerHTML.replace(Ja,
-""):null;else if(typeof a==="string"&&!ta.test(a)&&(c.support.leadingWhitespace||!V.test(a))&&!F[(La.exec(a)||["",""])[1].toLowerCase()]){a=a.replace(Ka,Ma);try{for(var b=0,d=this.length;bTrace:
");
- $('#trace_block').append(""+output+""); - } - return output; -}; -// This function allows you to omit the ($ before trace statements, for the truly lazy, like me). -function trace(){ - if(debugging) - $().trace("quicktrace"); -} \ No newline at end of file diff --git a/demo/scripts/jquery.ui.widget.min.js b/demo/scripts/jquery.ui.widget.min.js deleted file mode 100755 index 0cde64c..0000000 --- a/demo/scripts/jquery.ui.widget.min.js +++ /dev/null @@ -1,15 +0,0 @@ -/*! - * jQuery UI Widget 1.8.5 - * - * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) - * Dual licensed under the MIT or GPL Version 2 licenses. - * http://jquery.org/license - * - * http://docs.jquery.com/UI/Widget - */ -(function(b,j){if(b.cleanData){var k=b.cleanData;b.cleanData=function(a){for(var c=0,d;(d=a[c])!=null;c++)b(d).triggerHandler("remove");k(a)}}else{var l=b.fn.remove;b.fn.remove=function(a,c){return this.each(function(){if(!c)if(!a||b.filter(a,[this]).length)b("*",this).add([this]).each(function(){b(this).triggerHandler("remove")});return l.call(b(this),a,c)})}}b.widget=function(a,c,d){var e=a.split(".")[0],f;a=a.split(".")[1];f=e+"-"+a;if(!d){d=c;c=b.Widget}b.expr[":"][f]=function(h){return!!b.data(h, -a)};b[e]=b[e]||{};b[e][a]=function(h,g){arguments.length&&this._createWidget(h,g)};c=new c;c.options=b.extend(true,{},c.options);b[e][a].prototype=b.extend(true,c,{namespace:e,widgetName:a,widgetEventPrefix:b[e][a].prototype.widgetEventPrefix||a,widgetBaseClass:f},d);b.widget.bridge(a,b[e][a])};b.widget.bridge=function(a,c){b.fn[a]=function(d){var e=typeof d==="string",f=Array.prototype.slice.call(arguments,1),h=this;d=!e&&f.length?b.extend.apply(null,[true,d].concat(f)):d;if(e&&d.substring(0,1)=== -"_")return h;e?this.each(function(){var g=b.data(this,a);if(!g)throw"cannot call methods on "+a+" prior to initialization; attempted to call method '"+d+"'";if(!b.isFunction(g[d]))throw"no such method '"+d+"' for "+a+" widget instance";var i=g[d].apply(g,f);if(i!==g&&i!==j){h=i;return false}}):this.each(function(){var g=b.data(this,a);g?g.option(d||{})._init():b.data(this,a,new c(d,this))});return h}};b.Widget=function(a,c){arguments.length&&this._createWidget(a,c)};b.Widget.prototype={widgetName:"widget", -widgetEventPrefix:"",options:{disabled:false},_createWidget:function(a,c){b.data(c,this.widgetName,this);this.element=b(c);this.options=b.extend(true,{},this.options,b.metadata&&b.metadata.get(c)[this.widgetName],a);var d=this;this.element.bind("remove."+this.widgetName,function(){d.destroy()});this._create();this._init()},_create:function(){},_init:function(){},destroy:function(){this.element.unbind("."+this.widgetName).removeData(this.widgetName);this.widget().unbind("."+this.widgetName).removeAttr("aria-disabled").removeClass(this.widgetBaseClass+ -"-disabled ui-state-disabled")},widget:function(){return this.element},option:function(a,c){var d=a,e=this;if(arguments.length===0)return b.extend({},e.options);if(typeof a==="string"){if(c===j)return this.options[a];d={};d[a]=c}b.each(d,function(f,h){e._setOption(f,h)});return e},_setOption:function(a,c){this.options[a]=c;if(a==="disabled")this.widget()[c?"addClass":"removeClass"](this.widgetBaseClass+"-disabled ui-state-disabled").attr("aria-disabled",c);return this},enable:function(){return this._setOption("disabled", -false)},disable:function(){return this._setOption("disabled",true)},_trigger:function(a,c,d){var e=this.options[a];c=b.Event(c);c.type=(a===this.widgetEventPrefix?a:this.widgetEventPrefix+a).toLowerCase();d=d||{};if(c.originalEvent){a=b.event.props.length;for(var f;a;){f=b.event.props[--a];c[f]=c.originalEvent[f]}}this.element.trigger(c,d);return!(b.isFunction(e)&&e.call(this.element[0],c,d)===false||c.isDefaultPrevented())}}})(jQuery); diff --git a/demo/scripts/scroll-startstop.events.jquery.js b/demo/scripts/scroll-startstop.events.jquery.js deleted file mode 100644 index 0c703e4..0000000 --- a/demo/scripts/scroll-startstop.events.jquery.js +++ /dev/null @@ -1,69 +0,0 @@ -(function(){ - - var special = jQuery.event.special, - uid1 = 'D' + (+new Date()), - uid2 = 'D' + (+new Date() + 1); - - special.scrollStart = { - setup: function() { - - var timer, - handler = function(evt) { - - var _self = this, - _args = arguments; - - if (timer) { - clearTimeout(timer); - } else { - evt.type = 'scrollStart'; - jQuery.event.handle.apply(_self, _args); - } - - timer = setTimeout( function(){ - timer = null; - }, special.scrollStop.latency); - - }; - - jQuery(this).bind('scroll', handler).data(uid1, handler); - - }, - teardown: function(){ - jQuery(this).unbind( 'scroll', jQuery(this).data(uid1) ); - } - }; - - special.scrollStop = { - latency: 500, - setup: function() { - - var timer, - handler = function(evt) { - - var _self = this, - _args = arguments; - - if (timer) { - clearTimeout(timer); - } - - timer = setTimeout( function(){ - - timer = null; - evt.type = 'scrollStop'; - jQuery.event.handle.apply(_self, _args); - - }, special.scrollStop.latency); - - }; - - jQuery(this).bind('scroll', handler).data(uid2, handler); - - }, - teardown: function() { - jQuery(this).unbind( 'scroll', jQuery(this).data(uid2) ); - } - }; - -})(); \ No newline at end of file diff --git a/index.html b/index.html new file mode 100644 index 0000000..766c3e3 --- /dev/null +++ b/index.html @@ -0,0 +1,130 @@ + + + + + + +
+
+
+
+
+
+
+
+
+
diff --git a/source/jquery.scrollbars.js b/source/jquery.scrollbars.js
deleted file mode 100644
index d14676a..0000000
--- a/source/jquery.scrollbars.js
+++ /dev/null
@@ -1,48 +0,0 @@
-$.widget("modkit.scrollbars", {
- // default options
- options: {
- minOpacity:0,
- maxOpacity:0.5,
- autoHide:true,
- clickBehavior:"paging"
- },
- _create: function() {
- // creation code for mywidget
- this.scrollbarWidth = this._getScrollbarWidth();
-
- console.log(this.element);
- console.log("scrollbar width", this.scrollbarWidth);
- // can use this.options
- // if (this.options.hidden) {
- // and this.element
- // this.$element = $(this.element);
- // }
- },
- _getScrollbarWidth: function(){
- var div = $('
jquery-scrollbars + by Collin Reisdorf
+ +
+ Unobtrusive designer scrollbars. Works with custom css, and completely mimic standard scrollable divs (even native mouse wheel support).
+
+
+ Dependencies
+Requires jQuery, the jQuery UI widget factory, and the scrollStart/Stop custom events from http://james.padolsey.com/javascript/special-scroll-events-for-jquery/.
+ +Install
+Include jQuery, the jQuery UI widget factory (or more of the UI library) and the scrollStart/Stop plugin, then include the
+ +Example
+HTML
++<div class="scrollable"> + <p>A bunch of content that will force the containing div to scroll (if + it's overflow was set to "auto", (or "scroll")).</p> + <p>Can be any combination of elements, or I think even raw text, though + I haven't tested that yet.</p> + <p>And if your content doesn't need to scroll not harm, you just + won't see anything change (also the scrollbars won't be displayed, (event + if you set the scrollable's overflow to "scroll"))</p> +</div>+
CSS
++Still working on cleaning that up... +For now just look at the included css file ;)+
Javascript
+
+$(document).ready(function(){
+ $('.scrollable').scrollbars();
+});
+
+ License
+The MIT License
+ +Copyright (c) 2010 Collin Reisdorf
+ +Permission is hereby granted, free of charge, to any person obtaining a copy + of this software and associated documentation files (the "Software"), to deal + in the Software without restriction, including without limitation the rights + to use, copy, modify, merge, publish, distribute, sublicense, and/or sell + copies of the Software, and to permit persons to whom the Software is + furnished to do so, subject to the following conditions:
+ +The above copyright notice and this permission notice shall be included in + all copies or substantial portions of the Software.
+ +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR + IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, + FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE + AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER + LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, + OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN + THE SOFTWARE.
+ +Authors
+ + +Download
++ You can download this project in either + zip or + tar formats. +
+You can also clone the project with Git + by running: +
$ git clone git://github.com/Nilloc/jquery-scrollbars+ + + +