+ +

jQuery.silver_track

A smart and very extensible jquery sliding carousel

+ +

+ Download .zip + Download .tar.gz + View on GitHub +

+ + {% include menu.html %} diff --git a/_includes/menu.html b/_includes/menu.html new file mode 100644 index 0000000..e5d7437 --- /dev/null +++ b/_includes/menu.html @@ -0,0 +1,38 @@ +

+ Home +
{{ post.title }}
+
+ + How To's + + +
+
+
+
+ + Built-in Plugins + + +
+
+

diff --git a/_layouts/main.html b/_layouts/main.html new file mode 100644 index 0000000..42abc0e --- /dev/null +++ b/_layouts/main.html @@ -0,0 +1,12 @@ +{% assign root_path = '../' %} +{% include head.html %} + +

+ {{ page.title }} +

+ +

+ {{ content }} +

+ +{% include footer.html %} diff --git a/_posts/how_tos/2014-06-07-getting-started.html b/_posts/how_tos/2014-06-07-getting-started.html new file mode 100644 index 0000000..c6540b8 --- /dev/null +++ b/_posts/how_tos/2014-06-07-getting-started.html @@ -0,0 +1,107 @@ +--- +layout: main +title: Getting Started +category: how_tos +--- + + + +

Let's setup a track with the navigator plugin. We will use a very simple markup, SilverTrack receives a container with your items, in our case, '.slider-container' and it leaves up to you to control the view port, so we will use '.view-port' to control de visibility. It also requires 'position: absolute' of your items

+ +{% highlight html %} +

+ + +

+ +

+ + +

+ +

+{% endhighlight %} + +{% highlight css %} +.view-port { + width: 960px; + overflow: hidden; + position: relative; +} +.slider-container { + position: relative; + height: 138px; + margin: 0; + padding: 0; +} +.item { + position: absolute; + width: 234px; + height: 138px; + margin-right: 8px +} +{% endhighlight %} + +

+After the minimum markup and css we will create our track. +

+ +{% highlight js %} +var container = $(".my-track"); +var track = container.find(".slider-container").silverTrack(); + +// install the plugins you want, in our case Navigator +track.install(new SilverTrack.Plugins.Navigator({ + prev: $("a.prev", container), + next: $("a.next", container) +})); + +track.start(); +{% endhighlight %} + +

+and it's done! +

+ +

+ + +

+ +

+actually we add some css for the pagination arrows... +

+ +

+To improve the performance of the animations try the css3 animation plugin. +

+ +

+To learn how to use the other plugins, create your own plugin, use the SilverTrack Recipes to improve the creation of multiple tracks and for a more advanced use (options, methods, callbacks, etc) take a look at the menu. +

+ + diff --git a/_posts/how_tos/2014-06-08-creating-a-plugin.html b/_posts/how_tos/2014-06-08-creating-a-plugin.html new file mode 100644 index 0000000..31fd67c --- /dev/null +++ b/_posts/how_tos/2014-06-08-creating-a-plugin.html @@ -0,0 +1,178 @@ +--- +layout: main +title: Creating a plugin +category: how_tos +--- + + + +

+SilverTrack was designed to be extensible through plugins, so it provides a clean way to define one. To explain the internals of the missing art of plugin crafters we will create an example plugin that presents an alert to the user when an item is clicked. To create our plugin we will use the method $.silverTrackPlugin, this method receives the plugin name and an object that will handle all the callbacks during the life cycle of our track. +

+ +{% highlight js %} +$.silverTrackPlugin("PluginName", { + defaults: { + attribute: "default value" + }, + + /* + * Constructor + * options already merged with defaults + */ + initialize: function(options) {} + // more callbacks +}); +{% endhighlight %} + +

+For our plugin, let's assume the following code: +

+ +{% highlight js %} +$.silverTrackPlugin("ConfirmWhenItemClicked", { + defaults: { + message: "Really?" + }, + + initialize: function(options) { + this.options = options; + }, + + beforeStart: function(track) { + var self = this; + var itemSelector = "." + track.options.itemClass; + track.container.find(itemSelector).off("click").click(function(e) { + if (!confirm(self.options.message)) { + e.preventDefault(); + } + }); + } +}); +{% endhighlight %} + +

+We will use the same markup of the getting started track, just surrounding the images with a link. The code to create the track and install our plugin is: +

+ +{% highlight js %} +$(function() { + var container = $(".my-track"); + var track = container.find(".slider-container").silverTrack(); + + // Look at this guy, it will rule the world! + track.install(new SilverTrack.Plugins.ConfirmWhenItemClicked()); + + track.start(); +}); +{% endhighlight %} + +

+and presto! +

+ +

+For a complete list of callbacks and their usage check the table below. +

+ +

+ Available callbacks +

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +

name	description	arguments
initialize	It is the plugin constructor, it will receive the arguments passed to the plugin during the instantiation	options - already merged with it's defaults
onInstall	Diferent from initialize, this callback is called when your plugin is installed into a track, so this is the perfect moment to configure the track before it even starts	track
beforeStart	It is called when the track receives the method start	track
afterStart	It is called after the track is fully started	track
afterRestart	Is is called after the track restarts	track
onTotalPagesUpdate	Called when the totalPages is manual updated through the track method updateTotalPages	track
beforeAnimation	It is called before any animations. The event object has which event was trigged (prev/next) along with page, cover and the items	track, event1
afterAnimation	Is is called after any animations	track, event1
beforePagination	It is called before any pagination, it happens before any animation	track, event1
beforeAdjustHeight	It is called only if the track parameter autoHeight is true, the default is false. Is is called before the height adjustment. The event object has the new height	track, event2
afterAdjustHeight	It is called only if the track parameter autoHeight is true, the default is false. Is is called after the height adjustment. The event object has the new height	track, event2

+ +

+Event 1: beforeAnimation, afterAnimation and beforePagination +

+ +{% highlight js %} +{ + name: "prev", // or "next" + page: 1, + cover: false, + items: [] +} +{% endhighlight %} + +

+Event 2: beforeAdjustHeight and afterAdjustHeight +

+ +{% highlight js %} +{ + items: [], + newHeight: 150 +} +{% endhighlight %} diff --git a/_posts/how_tos/2014-06-09-defining-a-recipe.html b/_posts/how_tos/2014-06-09-defining-a-recipe.html new file mode 100644 index 0000000..2408a35 --- /dev/null +++ b/_posts/how_tos/2014-06-09-defining-a-recipe.html @@ -0,0 +1,201 @@ +--- +layout: main +title: Defining a recipe +category: how_tos +--- + + + +

+With great plugins comes great responsabilities. In some cases we have a lot of tracks in a page and some of them may have different plugins (or lots of them) and configurations, to enhance the creation in these cases we created SilverTrackRecipes. It is a way to define a track recipe, with all its particularities, and refer to that recipe later, using a much simplified interface. To allow these creations we will use the method $.silverTrackRecipes to define the recipes and $.silverTrackRecipes.create to refer to one recipe and create the track. +

+ +

+$.silverTrackRecipes will receive a string (the name of your recipe) and a function. This function will receive a factory object that will be responsible to assemble your track in a moment of need. The factory object has two methods, createTrack and installPlugins, you could use just one or both of them. The method createTrack should only be used when you want to customize the track initialization, the method will receive the element (track container) and an options object with your own options. It must return the new track. installPlugins will receive the already initialized track and the same options of createTrack, you should install the plugins you want here. +

+ +

+We will create a recipe with the basic track we learn at getting started, let's call it, humm..., basic. + +{% highlight js %} +$.silverTrackRecipes("basic", function(factory) { + factory.createTrack(function(element, options) { + // Let's tweak a little bit this track + return element.silverTrack({ + easing: options.easing || "easeInOutQuad", + duration: options.duration || 600 + }); + }); + + factory.installPlugins(function(track, options) { + var parent = track.container.parents(".track"); + track.install(new SilverTrack.Plugins.Navigator({ + prev: $("a.prev", parent), + next: $("a.next", parent) + })); + }); +}); +{% endhighlight %} + +

+With all recipes defined, in our case just "basic", we can create a new instance of SilverTrack using one of these recipes. Look that in our recipe we have a default easing function and duration but is possible to set another values, let's create three tracks, each one with a different pair of values. For a more generic solution let's keep the recipe name and options in data attributes, like: +

+ +{% highlight html %} +

+ +

+{% endhighlight %} + +

+the "boot" code: +

+ +{% highlight js %} +$(".track").each(function() { + var container = $(this).find(".slider-container"); + var recipe = container.data("recipe"); + var opts = container.data("opts"); + $.silverTrackRecipes.create(recipe, container, opts).start(); +}); +{% endhighlight %} + +

+and the magic happens! +

+ +

+ + +

+ +

+ + +

+ +

+ + +

+ +

+Chaining Recipes +

+ +

+It is very common to have more complex recipes that are just variations of the basic one. To exemplify this case we will create a "complex" recipe that installs the BulletNavigator plugin, take a look at the code bellow. +

+ +{% highlight js %} +$.silverTrackRecipes("complex", function(factory) { + factory.createTrack(function(element, options) { + return $.silverTrackRecipes.create("basic", element, options); + }); + + factory.installPlugins(function(track, options) { + track.install(new SilverTrack.Plugins.BulletNavigator({ + container: $(".bullet-pagination", track.container.parents(".track")) + })); + }); +}); +{% endhighlight %} + +

+With our current "boot" code we just need to change data-recipe to "complex", and it's done! +

+ +{% highlight html %} +

+ +

+{% endhighlight %} + +

+and presto! +

+ +

+ + +

diff --git a/_posts/plugins/2014-06-07-navigator.html b/_posts/plugins/2014-06-07-navigator.html new file mode 100644 index 0000000..4d97fbc --- /dev/null +++ b/_posts/plugins/2014-06-07-navigator.html @@ -0,0 +1,88 @@ +--- +layout: main +title: Navigator +category: plugins +--- + + + +

+This plugin provides a simple way to attach the next and previous actions. +

+ +

+ Options +

+ + + + + + + + + + + + + + + + + + + + + + +

name	description	default
disabledClass	Class applied to disable the navigation element	disabled
prev	Element that will receive the "previous" function
next	Element that will receive the "next" function

+ +

+ Callbacks +

+ + + + + + + + + + + + +

name	description	arguments
beforePagination	It is called before any pagination, it happens before any animation. To see the format of event go to Creating a plugin for more reference	track, event

+ +

+ Installation +

+ +{% highlight js %} +track.install(new SilverTrack.Plugins.Navigator({ + prev: $(".my-track a.prev"), + next: $(".my-track a.next") +})); +{% endhighlight %} + +

+ +

+ + +

diff --git a/_posts/plugins/2014-06-08-bullet-navigator.html b/_posts/plugins/2014-06-08-bullet-navigator.html new file mode 100644 index 0000000..a19ecf9 --- /dev/null +++ b/_posts/plugins/2014-06-08-bullet-navigator.html @@ -0,0 +1,67 @@ +--- +layout: main +title: Bullet Navigator +category: plugins +--- + + + +

+This plugin provides a simple way to create random navigation links. +

+ +

+ Options +

+ + + + + + + + + + + + + + + + + + + + + + +

name	description	default
bulletClass	Class applied to each "bullet"	bullet
activeClass	Class applied to the active "bullet"	active
container	Container to append the navigation links

+ +

+ Installation +

+ +{% highlight js %} +track.install(new SilverTrack.Plugins.BulletNavigator({ + container: $(".bullet-pagination") +})); +{% endhighlight %} + +

+ +

diff --git a/_posts/plugins/2014-06-09-remote-content.html b/_posts/plugins/2014-06-09-remote-content.html new file mode 100644 index 0000000..3d6ffc7 --- /dev/null +++ b/_posts/plugins/2014-06-09-remote-content.html @@ -0,0 +1,355 @@ +--- +layout: main +title: Remote Content +category: plugins +--- + + + + + +

+This plugin provides a way to load content through ajax. Example in the end of the page. +

+ +

+ Options +

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +

name	description	default
lazy	It determines if RemoteContent will fetch the first page after the track starts or just when the user navigate to a page without cache. You will usually set this to false when you render your first page with the track and get the other items through ajax	true
prefetchPages	The amount of pages that will be prefetched ahead of time. It is based on current page so if you have configured "prefetchPages: 2" it will start loading 3 pages (the first + 2) and will keep the distance of 2 pages until the end, so when the current page is 2 there will be 4 loaded pages and so on	0
type	The type of request to make ("POST" or "GET"). This parameter is sent direct to ajaxFunction	GET
params	Data to be sent to the server. This parameter is sent to option "data" of ajaxFunction	{}
url	A string containing the URL to which the request is sent or a function that returns an url. If this option is a function, it will receive a reference of track, the page number and the perPage value, if not RemoteContent will try to replace the substrings {page} and {perPage} with the current values
ajaxFunction	A custom function for ajax. It defaults to $.ajax, if defined the provided function will receive the same options of $.ajax. It allows other ajax implementations such as ajaxQ or something based on promises	$.ajax

+ +

+ Callbacks +

+ * Take a look at the opts values after the table of callbacks +

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +

name	description	arguments
beforeStart	Called before the track starts	track
beforeSend	It is a pre-request callback, it could be used to include spinners/loaders and do whatever you want before the request	track, jqXHR, settings, opts
beforeAppend	Called before the content generated by the processor is attached to the DOM	track, items, opts
afterAppend	Called after items are attached to the DOM and their positions were updated	track, items, opts
process	It is a function that will process the data loaded by the server and return an array of DOM items that will be appended to the DOM	track, perPage, data, opts
updateTotalPages	It will be called after the afterAppend callback to update the total pages of the track based on the data loaded by the server	track, data
onError	Called whenever an error happens with the request	track, jqXHR, textStatus, errorThrown, opts

+ +

+ * Possible opts values:
+ {% highlight js %} +{prefetch: false} +// or +{prefetch: true, currentPage: 1} + {% endhighlight %} +

+ +

+ Methods +

+ + + + + + + + + + + + +

name	description	parameters
reload	Reload the content of track. This method flushes the cache and removes the items. If the track is lazy the first page is fetched after the reload

+ +

Example

+ +

+For our example, we will use a server called "echo" that responds with the same JSON that we set through the parameter json, it will also return the total pages number that we set with the parameter total_pages. +

+ +

+Because we are lazy people we will use the lazy option true, that is already set by default, thus the markup will be like: +

+ +{% highlight html %} +

+ +

+ + +

+{% endhighlight %} + +

+For this examples we will need some support functions. We need to generate a fake json to allow the echo server to return json and we will also need to generate the appropriate url with the json parameter set. This is just necessary to the example, in your code you will point to your service url and won't need any fake json generator. +

+ +{% highlight js %} +// Let's create a function to create the urls for our "echo" test server +var urlToEchoServer = function(track, page, perPage) { + var jsonText = escape(JSON.stringify(fakeJsonCreator(page, perPage))); + var echoServerHost = "http://echo-server.herokuapp.com"; + return echoServerHost + "/echo/json/" + page + "?json=" + jsonText + "&total_pages=5"; +} + +// Support function for our test +var fakeJsonCreator = function(page, perPage) { + var photoTypes = ["food", "people", "nature", "sports"]; + var items = []; + for (var i = 0; i < perPage; i++) { + items.push({img_url: "http://lorempixel.com/224/128/" + photoTypes[i]}); + } + + return items; +} +{% endhighlight %} + +

+Then we will create our processor, the function that will transform the data from the server into an array of DOM elements, and install our plugin +

+ +{% highlight js %} +// Let's create our processor, the function that will transform the data +// from the server into an array of DOM elements +var processor = function(track, perPage, json) { + var array = []; + + for (var i = 0; i < perPage; i++) { + if (json.data[i] === undefined) { + break; + } + + array.push( + $("

", {"class": "item"}).append($("", {"src": json.data[i].img_url})) + ); + } + + return array; +} + +// Then we install the plugin +track.install(new SilverTrack.Plugins.RemoteContent({ + url: urlToEchoServer, + process: processor, + + beforeStart: function(track) { + track.container.parent().append($("

+and it's done! +

+ +

+ + +

+ +

Reloading with another content

+ +

+ The RemoteContent plugin has a method to reload the content of the track flushing all the cache, with this method we can load another content to the track just changing the URL before call it. We will use some helper functions like the first example, the only modification is that the new function will generate an URL for a one type only. +

+ +

+ The code of the buttons will be like: +

+ +{% highlight js %} +$(".commands button[data-type]").each(function() { + var button = $(this); + var type = button.data("type"); + + button.off("click").click(function(e) { + e.preventDefault(); + var plugin = track.findPluginByName("RemoteContent"); + plugin.options.url = function(track, page, perPage) { + // URL with the selected type + return urlToEchoServer(track, page, perPage, type); + } + + plugin.reload(); + }); +}); +{% endhighlight %} + +

+ +

+ + +

+ +

Loading content ahead of time

+ +

+ The "prefetchPages" optimizes the load of pages, it will load some pages before the user action so that when the user click the "next" button it will paginate instantly without the load time. This example uses the same structure of the other examples with three differences: +

+ +

+ 1º it enables the "prefetchPages", in this example with 2 pages ahead of time +

+ +{% highlight js %} +// ... +track.install(new SilverTrack.Plugins.RemoteContent({ + url: urlToEchoServer, + process: processor, + prefetchPages: 2, + // ... +}); +{% endhighlight %} + +

+ 2º and 3º it avoids the loading markup when the page is prefetched. +

+ +{% highlight js %} +// ... +track.install(new SilverTrack.Plugins.RemoteContent({ + // ... + beforeSend: function(track, jqXHR, settings, opts) { + if (opts.prefetch) { + return; + } + + $(".loading", track.container.parent()).fadeIn(); + }, + + beforeAppend: function(track, items, opts) { + if (!!opts.prefetch) { + return; + } + + $(".loading", track.container.parent()).hide(); + }, + + // ... +}); +{% endhighlight %} + +

+ Take a look at the network tab of your browser to follow the requests. +

+ +

+ + +

diff --git a/_posts/plugins/2014-06-09-responsive-hub-connector.html b/_posts/plugins/2014-06-09-responsive-hub-connector.html new file mode 100644 index 0000000..d312845 --- /dev/null +++ b/_posts/plugins/2014-06-09-responsive-hub-connector.html @@ -0,0 +1,49 @@ +--- +layout: main +title: ResponsiveHub Connector +category: plugins +--- + +

+This plugin provides an integration with ResponsiveHub, a plugin that defines it self as "JavaScript goodies for Responsive Design". +

+ +

+This plugin requires ResponsiveHub js and Moderniz.mediaqueries. You will find the Modernizr feature in the lib directory of SilverTrack repository but you could use your own Modernizr files. +

+ +

+ Options +

+ + + + + + + + + + +

name	description
layouts	The resolution names configured in responsiveHub. You really should read the responsiveHub readme

+ +

+ Callbacks +

+ + + + + + + + + + + + + + + + +

name	description	arguments
onReady	The resolution names configured in responsiveHub. You really should read the responsiveHub readme	track, options, event
onChange	The resolution names configured in responsiveHub. You really should read the responsiveHub readme	track, options, event

diff --git a/_posts/plugins/2014-06-10-css3-animation.html b/_posts/plugins/2014-06-10-css3-animation.html new file mode 100644 index 0000000..109a777 --- /dev/null +++ b/_posts/plugins/2014-06-10-css3-animation.html @@ -0,0 +1,173 @@ +--- +layout: main +title: Css3 Animation +category: plugins +--- + + + +

+This plugin replaces the animation function of SilverTrack to work with css3 transtions, it will provide an stunning amount of performance for mobile devices and even desktop browsers. Note that due the way css3 animations work the option restart({animate: false}) of SilverTrack will not work. It will automatically fallback to javascript animations if transitions are not available in the browser. +

+ +

+This plugin requires Moderniz.transform3d. You will find just this feature in the lib directory of SilverTrack repository but you could use your own Modernizr files. +

+ +

+ Options +

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +

name	description	default
durationUnit	The unit used for the animations. The possible values are: ms and s	ms
delayUnit	The unit used for the delay property. It automatically fallback to durationUnit if not set	null
setupParent	Configure the css3 properties to allow hardware acceleration in the parent of the container. It might also be done directly through the css file, so this option could be disabled	true
setupTransitionProperty	Configure the css3 transition-property to the container. It might also be done directly through the css file, so this option could be disabled	true
setupTransitionDuration	Configure the css3 transition-duration to the container. It might also be done directly through the css file, so this option could be disabled	true
setupTransitionTimingFunction	Configure the css3 transition-timing-function to the container, it already converts the easing names (easeInOutQuart, easeInCubic, etc) to proper cubic-bezier functions. It might also be done directly through the css file, so this option could be disabled	true
setupTransitionDelay	Configure the css3 transition-delay to the container. It might also be done directly through the css file, so this option could be disabled	true
slideDelay	The delay used between the transitions, note that delay it is not the same as the duration, this is the time that the browser will wait before the animation starts. It might also be done directly through the css file, if it is the case the option setupTransitionDuration should be disabled	0
autoHeightDuration	This option configures the duration of the height adjustment animation if the property autoHeight of track is set to true. It might also be done directly through the css file but be aware that this option is correctly configured with the duration of the slide animation, make sure that both will work. It automatically fallback to the option duration of the track	null
autoHeightEasing	This option configures the easing function of the height adjustment animation if the property autoHeight of the track is set to true. It might also be done directly through the css file but be aware that this option convert the easing name (easeInOutQuart, easeInCubic, etc) to the proper cubic-bezier function and is configured with the easing function of the slide animation, make sure that both will work. It automatically fallback to the option easing of the track	null
autoHeightDelay	This option configures the delay of the height adjustment animation if the property autoHeight of the track is set to true. It might also be done directly through the css file but be aware that this option is correctly configured with the delay of the slide animation, make sure that both will work. It automatically fallback to the option slideDelay	null

+ +

+ Installation +

+ +{% highlight js %} +track.install(new SilverTrack.Plugins.Css3Animation()); +{% endhighlight %} + +

+ +

+ + +

+ +

+Using the easing 'easeInOutQuad' in the track with 1s duration +

+ +

+ + +

+ +

+Using a track with mode "vertical" and autoHeight true. Let's configure different options to the animation. +

+ +{% highlight js %} +track.install(new SilverTrack.Plugins.Css3Animation({ + delayUnit: "s", + autoHeightDuration: 300, + autoHeightEasing: "easeInOutCubic", + autoHeightDelay: 1 +})); +{% endhighlight %} + +

+ +

+ + +

diff --git a/_posts/plugins/2015-01-27-circular-navigator.html b/_posts/plugins/2015-01-27-circular-navigator.html new file mode 100644 index 0000000..393e596 --- /dev/null +++ b/_posts/plugins/2015-01-27-circular-navigator.html @@ -0,0 +1,172 @@ +--- +layout: main +title: Circular Navigator +category: plugins +--- + + + +

+This plugin provides a simple way to make navigation circular. +

+ +

+ Options +

+ + + + + + + + + + + + + + + + + + + + + + +

name	description	default
autoPlay	Allows your track to foward one page by 'duration option' time. It automatically disabled when mouse is over the track.	false
duration	time to auto play in milliseconds	3000
clonedClass	Class applied to the cloned items that makes track circular	"cloned"

+ +

+ Installation +

+ +

+Circular Navigator Plugin requires the Navigator Plugin +

+ +{% highlight js %} +track.install(new SilverTrack.Plugins.Navigator({ + prev: $(".my-track a.prev"), + next: $(".my-track a.next") +})); + +track.install(new SilverTrack.Plugins.CircularNavigator()); +{% endhighlight %} + +

+ +

+ + +

+ +

+ Give life to your track +

+ +

In this way, autoplay allows your track to foward one page by 'duration option' time. It automatically disabled when mouse is over the track. + +{% highlight js %} + track.install(new SilverTrack.Plugins.Navigator({ + prev: $(".my-track a.prev"), + next: $(".my-track a.next") +})); + +track.install(new SilverTrack.Plugins.CircularNavigator({ + autoPlay: true, + duration: 5 * 1000 // 5s +})); +{% endhighlight %} + +

+ +

+ + +

+ +

+ Connect with Bullet Navigator Plugin +

+ +

In this way, you can easily control pages and be aware of which is the current page. + +{% highlight js %} + track.install(new SilverTrack.Plugins.Navigator({ + prev: $("a.prev", container), + next: $("a.next", container) + })); + + track.install(new SilverTrack.Plugins.Css3Animation()); + + track.install(new SilverTrack.Plugins.CircularNavigator({ + autoPlay: true, + duration: 5000 + })); + + track.install(new SilverTrack.Plugins.BulletNavigator({ + container: $(".bullet-pagination") + })); +{% endhighlight %} + +

+ +

+ + +

+ +

+ diff --git a/_posts/root/2014-03-11-methods.html b/_posts/root/2014-03-11-methods.html new file mode 100644 index 0000000..2302616 --- /dev/null +++ b/_posts/root/2014-03-11-methods.html @@ -0,0 +1,134 @@ +--- +layout: main +title: Methods +category: root +--- + + + +

+All the methods must be called on the SilverTrack instance. It is possible to retrieve the instance through the container used to create the track, example: +

+ +{% highlight js %} +// It will only create a new instance, in the first time, or retrieves an existing one +var track = $(".slider-container").silverTrack(); + +// Calling methods +track.hasPrev(); +track.prev(); +track.goToPage(3); +// ... +{% endhighlight %} + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +

name	description	parameters
start	Starts SilverTrack
goToPage	Goes to a specific page when it existsm	page
next	Goes to the next page when it exists
prev	Goes to the previous page when it exists
hasNext	Returns true if next page exist	false
hasPrev	Returns true if previous page exist
restart	Restarts the position of the items, by default goes to the first page. This method accepts an opts object with page, keepCurrentPage and animate attributes. Default: {page: 1, keepCurrentPage: false, animate: false}	opts
install	Installs a plugin. Check out the how to Creating a plugin	plugin
reloadItems	Nullifies the items cache forcing the plugin to reload
updateTotalPages	Disables the calculation of totalPages and defines the new one with the informed number	totalPages
findPluginByName	Finds an installed plugin by its name. It returns null if the plugin is not installed. Ex: track.findPluginByName("Navigator")	name

+ +

+ + +

+ +

Commands:

+
+

+ +

+ + diff --git a/_posts/root/2014-03-13-options.html b/_posts/root/2014-03-13-options.html new file mode 100644 index 0000000..c904634 --- /dev/null +++ b/_posts/root/2014-03-13-options.html @@ -0,0 +1,223 @@ +--- +layout: main +title: Options +category: root +--- + + + +

+All the options must be passed in the initialization and will be available at track.options +

+ +{% highlight js %} +$(".slider-container").silverTrack({ + perPage: 4, + itemClass: "item", + mode: "horizontal", + autoHeight: false, + cover: false, + duration: "slow", + easing: "swing" +}); +{% endhighlight %} + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +

name	description	default
perPage	The amount of itens to display	4
itemClass	The class name that will be used to find the item	item
mode	The direction of pagination (horizontal or vertical)	horizontal
animationAxis	The direction of the animation (x or y). To animate in "y" axis you will need the mode "vertical" too	x
autoHeight	If it will adjust the track height after each pagination	false
cover	When set to true, the plugin will consider the first page as a cover and will consider it as one item	false
easing	Animation function used by SilverTrack. This function will be used by $.animate, so you could use any plugin that adds easing functions. Ex: jQuery Easing	swing
duration	The duration used by the animation function	600
animateFunction	If set this function will be used instead of $.animate. The function will receive movement, duration, easing and afterCallback. The movement object will be {left: someNumber} or {height: someNumber}. For an example of how to replace the animation function take a look at css3 animation plugin	null

+ +

+Using: +

+ +{% highlight js %} +{itemClass: "my-item", cover: true, easing: "easeInOutQuad", duration: 600} +{% endhighlight %} + +

Pick the best cover

+ because it will occupy the whole first page, but it adds a nice touch of refinement +

+ +

+ + +

+ +

+Using: +

+ +{% highlight js %} +{itemClass: "small-item", perPage: 5, mode: "vertical"} +{% endhighlight %} + +

+ +

+ + +

+ +

+Using: +

+ +{% highlight js %} +{itemClass: "small-item", perPage: 5, mode: "vertical", animationAxis: "y"} +{% endhighlight %} + +

+ + + +

+ +

+Using: +

+ +{% highlight js %} +{itemClass: "small-item", cover: true, perPage: 5, mode: "vertical", animationAxis: "y"} +{% endhighlight %} + +

Arrow down

+ + + +

diff --git a/_site/README.md b/_site/README.md new file mode 100644 index 0000000..66e2ba4 --- /dev/null +++ b/_site/README.md @@ -0,0 +1,17 @@ +# jQuery.silver_track + +## Setup + +```sh +gem install jekyll --no-ri --no-rdoc +``` + +## Generating pages + +```sh +jekyll serve --watch +``` + +URL + + http://localhost:4000/ diff --git a/_site/how_tos/creating-a-plugin.html b/_site/how_tos/creating-a-plugin.html new file mode 100644 index 0000000..285672e --- /dev/null +++ b/_site/how_tos/creating-a-plugin.html @@ -0,0 +1,287 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Creating a plugin - jQuery.silver_track + + + +

+ +

jQuery.silver_track

A smart and very extensible jquery sliding carousel

+ +

+ Download .zip + Download .tar.gz + View on GitHub +

+ + + + + +

+ Creating a plugin +

+ +

+ + +

+ +

$.silverTrackPlugin("PluginName", {
+  defaults: {
+    attribute: "default value"
+  },
+
+  /*
+   * Constructor
+   * options already merged with defaults
+   */
+  initialize: function(options) {}
+  // more callbacks
+});

+ +

+For our plugin, let's assume the following code: +

+ +

$.silverTrackPlugin("ConfirmWhenItemClicked", {
+  defaults: {
+    message: "Really?"
+  },
+
+  initialize: function(options) {
+    this.options = options;
+  },
+
+  beforeStart: function(track) {
+    var self = this;
+    var itemSelector = "." + track.options.itemClass;
+    track.container.find(itemSelector).off("click").click(function(e) {
+      if (!confirm(self.options.message)) {
+        e.preventDefault();
+      }
+    });
+  }
+});

+ +

+We will use the same markup of the getting started track, just surrounding the images with a link. The code to create the track and install our plugin is: +

+ +

$(function() {
+  var container = $(".my-track");
+  var track = container.find(".slider-container").silverTrack();
+
+  // Look at this guy, it will rule the world!
+  track.install(new SilverTrack.Plugins.ConfirmWhenItemClicked());
+
+  track.start();
+});

+ +

+and presto! +

+ +

+For a complete list of callbacks and their usage check the table below. +

+ +

+ Available callbacks +

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +

name	description	arguments
initialize	It is the plugin constructor, it will receive the arguments passed to the plugin during the instantiation	options - already merged with it's defaults
onInstall	Diferent from initialize, this callback is called when your plugin is installed into a track, so this is the perfect moment to configure the track before it even starts	track
beforeStart	It is called when the track receives the method start	track
afterStart	It is called after the track is fully started	track
afterRestart	Is is called after the track restarts	track
onTotalPagesUpdate	Called when the totalPages is manual updated through the track method updateTotalPages	track
beforeAnimation	It is called before any animations. The event object has which event was trigged (prev/next) along with page, cover and the items	track, event1
afterAnimation	Is is called after any animations	track, event1
beforePagination	It is called before any pagination, it happens before any animation	track, event1
beforeAdjustHeight	It is called only if the track parameter autoHeight is true, the default is false. Is is called before the height adjustment. The event object has the new height	track, event2
afterAdjustHeight	It is called only if the track parameter autoHeight is true, the default is false. Is is called after the height adjustment. The event object has the new height	track, event2

+ +

+Event 1: beforeAnimation, afterAnimation and beforePagination +

+ +

{
+  name: "prev", // or "next"
+  page: 1,
+  cover: false,
+  items: []
+}

+ +

+Event 2: beforeAdjustHeight and afterAdjustHeight +

+ +

{
+  items: [],
+  newHeight: 150
+}

+ +

+ + + +

+ + + diff --git a/_site/how_tos/defining-a-recipe.html b/_site/how_tos/defining-a-recipe.html new file mode 100644 index 0000000..65c68b3 --- /dev/null +++ b/_site/how_tos/defining-a-recipe.html @@ -0,0 +1,310 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Defining a recipe - jQuery.silver_track + + + +

+ +

jQuery.silver_track

A smart and very extensible jquery sliding carousel

+ +

+ Download .zip + Download .tar.gz + View on GitHub +

+ + + + + +

+ Defining a recipe +

+ +

+ + +

+ +

+We will create a recipe with the basic track we learn at getting started, let's call it, humm..., basic. + +

$.silverTrackRecipes("basic", function(factory) {
+  factory.createTrack(function(element, options) {
+    // Let's tweak a little bit this track
+    return element.silverTrack({
+      easing: options.easing || "easeInOutQuad",
+      duration: options.duration || 600
+    });
+  });
+
+  factory.installPlugins(function(track, options) {
+    var parent = track.container.parents(".track");
+    track.install(new SilverTrack.Plugins.Navigator({
+      prev: $("a.prev", parent),
+      next: $("a.next", parent)
+    }));
+  });
+});

+ +

<div class="track">
+  <div class="view-port">
+    <div class="slider-container" data-recipe="basic" data-opts='{"easing": "easeInOutSine", "duration": 800}'>
+      <div class="item"><img src="http://lorempixel.com/230/134/nature/1/"></div>
+      <!-- items ... -->
+    </div>
+  </div>
+</div>

+ +

+the "boot" code: +

+ +

$(".track").each(function() {
+  var container = $(this).find(".slider-container");
+  var recipe = container.data("recipe");
+  var opts = container.data("opts");
+  $.silverTrackRecipes.create(recipe, container, opts).start();
+});

+ +

+and the magic happens! +

+ +

+ + +

+ +

+ + +

+ +

+ + +

+ +

+Chaining Recipes +

+ +

$.silverTrackRecipes("complex", function(factory) {
+  factory.createTrack(function(element, options) {
+    return $.silverTrackRecipes.create("basic", element, options);
+  });
+
+  factory.installPlugins(function(track, options) {
+    track.install(new SilverTrack.Plugins.BulletNavigator({
+      container: $(".bullet-pagination", track.container.parents(".track"))
+    }));
+  });
+});

+ +

+With our current "boot" code we just need to change data-recipe to "complex", and it's done! +

+ +

<div class="track">
+  <div class="view-port">
+    <div class="slider-container" data-recipe="complex" data-opts='{"easing": "easeInOutCubic", "duration": 700}'>
+      <div class="item"><img src="http://lorempixel.com/230/134/cats/1/"></div>
+      <!-- items ... -->
+    </div>
+  </div>
+</div>

+ +

+and presto! +

+ +

+ + +

+ +

+ + + +

+ + + diff --git a/_site/how_tos/getting-started.html b/_site/how_tos/getting-started.html new file mode 100644 index 0000000..18f7c3e --- /dev/null +++ b/_site/how_tos/getting-started.html @@ -0,0 +1,220 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Getting Started - jQuery.silver_track + + + +

+ +

jQuery.silver_track

A smart and very extensible jquery sliding carousel

+ +

+ Download .zip + Download .tar.gz + View on GitHub +

+ + + + + +

+ Getting Started +

+ +

+ + +

+ +

<div class="track my-track">
+
+  <!-- SilverTrack requires only this part -->
+  <div class="view-port">
+    <div class="slider-container">
+      <div class="item"><img src="http://lorempixel.com/230/134/nature/1/"></div>
+      <div class="item"><img src="http://lorempixel.com/230/134/nature/2/"></div>
+      <!-- ... -->
+    </div>
+  </div>
+
+  <!-- My custom navigator links -->
+  <div class="pagination">
+    <a href="#" class="prev disabled"></a>
+    <a href="#" class="next disabled"></a>
+  </div>
+
+</div>

+ +

.view-port {
+  width: 960px;
+  overflow: hidden;
+  position: relative;
+}
+.slider-container {
+  position: relative;
+  height: 138px;
+  margin: 0;
+  padding: 0;
+}
+.item {
+  position: absolute;
+  width: 234px;
+  height: 138px;
+  margin-right: 8px
+}

+ +

+After the minimum markup and css we will create our track. +

+ +

var container = $(".my-track");
+var track = container.find(".slider-container").silverTrack();
+
+// install the plugins you want, in our case Navigator
+track.install(new SilverTrack.Plugins.Navigator({
+  prev: $("a.prev", container),
+  next: $("a.next", container)
+}));
+
+track.start();

+ +

+and it's done! +

+ +

+ + +

+ +

+actually we add some css for the pagination arrows... +

+ +

+To improve the performance of the animations try the css3 animation plugin. +

+ +

+ + + + + +

+ + + diff --git a/example/img/arrows.png b/_site/images/arrows.png similarity index 100% rename from example/img/arrows.png rename to _site/images/arrows.png diff --git a/_site/images/body-bg.png b/_site/images/body-bg.png new file mode 100644 index 0000000..d0618fe Binary files /dev/null and b/_site/images/body-bg.png differ diff --git a/_site/images/example/cover1.png b/_site/images/example/cover1.png new file mode 100644 index 0000000..69d4c24 Binary files /dev/null and b/_site/images/example/cover1.png differ diff --git a/_site/images/example/vertical_cover1.png b/_site/images/example/vertical_cover1.png new file mode 100644 index 0000000..b43c39c Binary files /dev/null and b/_site/images/example/vertical_cover1.png differ diff --git a/example/img/gh-icons.png b/_site/images/gh-icons.png similarity index 100% rename from example/img/gh-icons.png rename to _site/images/gh-icons.png diff --git a/_site/images/highlight-bg.jpg b/_site/images/highlight-bg.jpg new file mode 100644 index 0000000..4c4a78e Binary files /dev/null and b/_site/images/highlight-bg.jpg differ diff --git a/_site/images/hr.png b/_site/images/hr.png new file mode 100644 index 0000000..6c723a5 Binary files /dev/null and b/_site/images/hr.png differ diff --git a/_site/images/octocat-icon.png b/_site/images/octocat-icon.png new file mode 100644 index 0000000..f0ba137 Binary files /dev/null and b/_site/images/octocat-icon.png differ diff --git a/_site/images/tar-gz-icon.png b/_site/images/tar-gz-icon.png new file mode 100644 index 0000000..d50f34f Binary files /dev/null and b/_site/images/tar-gz-icon.png differ diff --git a/_site/images/zip-icon.png b/_site/images/zip-icon.png new file mode 100644 index 0000000..162c425 Binary files /dev/null and b/_site/images/zip-icon.png differ diff --git a/_site/index.html b/_site/index.html new file mode 100644 index 0000000..61cf9bc --- /dev/null +++ b/_site/index.html @@ -0,0 +1,246 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + jQuery.silver_track + + + +

+ +

jQuery.silver_track

A smart and very extensible jquery sliding carousel

+ +

+ Download .zip + Download .tar.gz + View on GitHub +

+ + + + + + + +

+ SilverTrack is a jQuery plugin designed to be extensible through other plugins. It has a small core and comes with very useful plugins +

+ +

+ For more examples and detailed documentation take a look at the menu or spending some time on getting started guide. +

+ +

+ + +

+ +

Pick the best cover

+ because it will occupy the whole first page, but it adds a nice touch of refinement +

+ +

+ + +

+ +

+ + +

+ +

+ + +

+ +

+ + +

+ + + +

+ + + diff --git a/_site/javascripts/basic_example.js b/_site/javascripts/basic_example.js new file mode 100644 index 0000000..6532c1b --- /dev/null +++ b/_site/javascripts/basic_example.js @@ -0,0 +1,12 @@ +$(function() { + var container = $(".my-track"); + var track = container.find(".slider-container").silverTrack(); + + // install the plugins you want, in our case Navigator + track.install(new SilverTrack.Plugins.Navigator({ + prev: $("a.prev", container), + next: $("a.next", container) + })); + + track.start(); +}); diff --git a/_site/javascripts/creating_plugin_example.js b/_site/javascripts/creating_plugin_example.js new file mode 100644 index 0000000..4c3293d --- /dev/null +++ b/_site/javascripts/creating_plugin_example.js @@ -0,0 +1,34 @@ +$(function() { + // ========================================================================= + // Plugin definition + // ========================================================================= + $.silverTrackPlugin("ConfirmWhenItemClicked", { + defaults: { + message: "Really?" + }, + + initialize: function(options) { + this.options = options; + }, + + beforeStart: function(track) { + var self = this; + var itemSelector = "." + track.options.itemClass; + track.container.find(itemSelector).off("click").click(function(e) { + if (!confirm(self.options.message)) { + e.preventDefault(); + } + }); + } + }); + + // ========================================================================== + // Track initialization + // ========================================================================== + var container = $(".my-track"); + var track = container.find(".slider-container").silverTrack(); + + track.install(new SilverTrack.Plugins.ConfirmWhenItemClicked()); + + track.start(); +}); diff --git a/_site/javascripts/defining_recipe_example.js b/_site/javascripts/defining_recipe_example.js new file mode 100644 index 0000000..57cec5d --- /dev/null +++ b/_site/javascripts/defining_recipe_example.js @@ -0,0 +1,44 @@ +$(function() { + // ========================================================================== + // Defining recipes + // ========================================================================== + $.silverTrackRecipes("basic", function(factory) { + factory.createTrack(function(element, options) { + // Let's tweak a little bit this track + return element.silverTrack({ + easing: options.easing || "easeInOutQuad", + duration: options.duration || 600 + }); + }); + + factory.installPlugins(function(track, options) { + var parent = track.container.parents(".track"); + track.install(new SilverTrack.Plugins.Navigator({ + prev: $("a.prev", parent), + next: $("a.next", parent) + })); + }); + }); + + $.silverTrackRecipes("complex", function(factory) { + factory.createTrack(function(element, options) { + return $.silverTrackRecipes.create("basic", element, options); + }); + + factory.installPlugins(function(track, options) { + track.install(new SilverTrack.Plugins.BulletNavigator({ + container: $(".bullet-pagination", track.container.parents(".track")) + })); + }); + }); + + // ========================================================================== + // Track initialization + // ========================================================================== + $(".track").each(function() { + var container = $(this).find(".slider-container"); + var recipe = container.data("recipe"); + var opts = container.data("opts"); + $.silverTrackRecipes.create(recipe, container, opts).start(); + }); +}); diff --git a/_site/javascripts/home_examples.js b/_site/javascripts/home_examples.js new file mode 100644 index 0000000..ae951f3 --- /dev/null +++ b/_site/javascripts/home_examples.js @@ -0,0 +1,102 @@ +$(function() { + // Take a look at Recipes (http://tulios.github.io/jquery.silver_track/how_tos/defining-a-recipe.html) to avoid repetition + // ========================================================================= + // Sample 1 + // ========================================================================= + var container = $(".track.sample1"); + var track = container.find(".slider-container").silverTrack({duration: 800}); + + track.install(new SilverTrack.Plugins.Css3Animation()); + + track.install(new SilverTrack.Plugins.Navigator({ + prev: $("a.prev", container), + next: $("a.next", container) + })); + + track.start(); + + // ========================================================================= + // Sample 2 + // ========================================================================= + container = $(".track.sample2"); + track = container.find(".slider-container").silverTrack({ + itemClass: "my-item", + cover: true, + easing: "easeInOutQuad", + duration: 600 + }); + + track.install(new SilverTrack.Plugins.Css3Animation()); + + track.install(new SilverTrack.Plugins.Navigator({ + prev: $("a.prev", container), + next: $("a.next", container) + })); + + track.install(new SilverTrack.Plugins.BulletNavigator({ + container: $(".bullet-pagination") + })); + + track.start(); + + // ========================================================================= + // Sample 3 + // ========================================================================= + container = $(".track.sample3"); + track = container.find(".slider-container").silverTrack({ + duration: 600, + easing: "easeInOutQuad", + mode: "vertical", + autoHeight: true + }); + + track.install(new SilverTrack.Plugins.Navigator({ + prev: $("a.prev", container), + next: $("a.next", container) + })); + + track.install(new SilverTrack.Plugins.Css3Animation()); + + track.start(); + + // ========================================================================= + // Sample 4 + // ========================================================================= + container = $(".track.sample4"); + track = container.find(".slider-container").silverTrack({ + duration: 600, + easing: "easeInOutQuad", + mode: "vertical", + animationAxis: "y" + }); + + track.install(new SilverTrack.Plugins.Navigator({ + prev: $("a.prev", container), + next: $("a.next", container) + })); + + track.install(new SilverTrack.Plugins.Css3Animation()); + + track.start(); + + // ========================================================================= + // Sample 5 + // ========================================================================= + + container = $(".track.sample5"); + var track = container.find(".slider-container").silverTrack(); + + track.install(new SilverTrack.Plugins.Css3Animation()); + + track.install(new SilverTrack.Plugins.Navigator({ + prev: $("a.prev", container), + next: $("a.next", container) + })); + + track.install(new SilverTrack.Plugins.CircularNavigator({ + autoPlay: true, + duration: 5000 + })); + + track.start(); +}); diff --git a/_site/javascripts/libs/bootstrap.dropdown.js b/_site/javascripts/libs/bootstrap.dropdown.js new file mode 100755 index 0000000..43d7ae3 --- /dev/null +++ b/_site/javascripts/libs/bootstrap.dropdown.js @@ -0,0 +1,147 @@ +/* ======================================================================== + * Bootstrap: dropdown.js v3.1.1 + * http://getbootstrap.com/javascript/#dropdowns + * ======================================================================== + * Copyright 2011-2014 Twitter, Inc. + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) + * ======================================================================== */ + + ++function ($) { + 'use strict'; + + // DROPDOWN CLASS DEFINITION + // ========================= + + var backdrop = '.dropdown-backdrop' + var toggle = '[data-toggle=dropdown]' + var Dropdown = function (element) { + $(element).on('click.bs.dropdown', this.toggle) + } + + Dropdown.prototype.toggle = function (e) { + var $this = $(this) + + if ($this.is('.disabled, :disabled')) return + + var $parent = getParent($this) + var isActive = $parent.hasClass('open') + + clearMenus() + + if (!isActive) { + if ('ontouchstart' in document.documentElement && !$parent.closest('.navbar-nav').length) { + // if mobile we use a backdrop because click events don't delegate + $('

", {"class": "item"}).append($("", {"src": json.data[i].img_url})) + ); + } + + return array; + } + + // Then we install the plugin + track.install(new SilverTrack.Plugins.RemoteContent({ + url: urlToEchoServer, + process: processor, + + beforeStart: function(track) { + track.container.parent().append($("

", {"class": "loading"})); + }, + + beforeSend: function(track) { + $(".loading", track.container.parent()).fadeIn(); + }, + + beforeAppend: function(track, items) { + $(".loading", track.container.parent()).hide(); + }, + + updateTotalPages: function(track, json) { + track.updateTotalPages(json.total_pages); + } + })); + + track.start(); +}); diff --git a/_site/javascripts/plugin_remote_content_example2.js b/_site/javascripts/plugin_remote_content_example2.js new file mode 100644 index 0000000..542b938 --- /dev/null +++ b/_site/javascripts/plugin_remote_content_example2.js @@ -0,0 +1,107 @@ +$(function() { + // ========================================================================= + // Our support functions, just for the example + // ========================================================================= + + // Let's create a function to create the urls for our "echo" test server + var urlToEchoServer = function(track, page, perPage, type) { + var jsonText = escape(JSON.stringify(fakeJsonCreator(page, perPage, type))); + var echoServerHost = "http://echo-server.herokuapp.com"; + return echoServerHost + "/echo/json/" + page + "?json=" + jsonText + "&total_pages=5"; + } + + // Support function for our test + var fakeJsonCreator = function(page, perPage, type) { + var items = []; + for (var i = 0; i < perPage; i++) { + var index = perPage * (page - 1) + i + items.push({img_url: "http://lorempixel.com/224/128/" + type + "/" + (index + 1)}); + } + + return items; + } + + // ========================================================================= + // Track creation and plugin configuration + // ========================================================================= + + var container = $(".track.sample2"); + var track = container.find(".slider-container").silverTrack({ + easing: "easeInOutQuad", + duration: 600 + }); + + track.install(new SilverTrack.Plugins.Navigator({ + prev: $("a.prev", container), + next: $("a.next", container) + })); + + // Let's create our processor, the function that will transform the data + // from the server into an array of DOM elements + var processor = function(track, perPage, json) { + var array = []; + + for (var i = 0; i < perPage; i++) { + if (json.data[i] === undefined) { + break; + } + + array.push( + $("

", {"class": "item"}).append($("", {"src": json.data[i].img_url})) + ); + } + + return array; + } + + // Then we install the plugin + track.install(new SilverTrack.Plugins.RemoteContent({ + url: function(track, page, perPage) { + return urlToEchoServer(track, page, perPage, "food"); // default type "food" + }, + process: processor, + + beforeStart: function(track) { + track.container.parent().append($("

", {"class": "loading"})); + }, + + beforeSend: function(track) { + $(".loading", track.container.parent()).fadeIn(); + }, + + beforeAppend: function(track, items) { + $(".loading", track.container.parent()).hide(); + }, + + updateTotalPages: function(track, json) { + track.updateTotalPages(json.total_pages); + } + })); + + track.start(); + + // ========================================================================= + // Content Selection + // ========================================================================= + + $(".commands button[data-type]").each(function() { + var button = $(this); + var type = button.data("type"); + + button.off("click").click(function(e) { + e.preventDefault(); + + var plugin = track.findPluginByName("RemoteContent"); + plugin.options.url = function(track, page, perPage) { + // URL with the selected type + return urlToEchoServer(track, page, perPage, type); + } + + plugin.reload(); + + $(".commands button[data-type]").removeClass("active"); + button.addClass("active"); + }); + + }); +}); diff --git a/_site/javascripts/plugin_remote_content_example3.js b/_site/javascripts/plugin_remote_content_example3.js new file mode 100644 index 0000000..76bed4d --- /dev/null +++ b/_site/javascripts/plugin_remote_content_example3.js @@ -0,0 +1,98 @@ +$(function() { + // ========================================================================= + // Our support functions, just for the example + // ========================================================================= + + // Let's create a function to create the urls for our "echo" test server + var urlToEchoServer = function(track, page, perPage) { + var jsonText = escape(JSON.stringify(fakeJsonCreator(page, perPage))); + var echoServerHost = "http://echo-server.herokuapp.com"; + return echoServerHost + "/echo/json/" + page + "?json=" + jsonText + "&total_pages=5"; + } + + // Support function for our test + var fakeJsonCreator = function(page, perPage) { + var photoTypes = [ + ["abstract", "city"], + ["people", "transport"], + ["animals", "food"], + ["nature", "business"], + ["nightlife", "sports"] + ]; + + var items = []; + var types = photoTypes[page - 1]; + for (var i = 0; i < perPage; i++) { + items.push({img_url: "http://lorempixel.com/224/128/" + types[i]}); + } + + return items; + } + + // ========================================================================= + // Track creation and plugin configuration + // ========================================================================= + + var container = $(".track.sample3"); + var track = container.find(".slider-container").silverTrack({ + easing: "easeInOutQuad", + duration: 600, + perPage: 2 + }); + + track.install(new SilverTrack.Plugins.Navigator({ + prev: $("a.prev", container), + next: $("a.next", container) + })); + + // Let's create our processor, the function that will transform the data + // from the server into an array of DOM elements + var processor = function(track, perPage, json) { + var array = []; + + for (var i = 0; i < perPage; i++) { + if (json.data[i] === undefined) { + break; + } + + array.push( + $("

", {"class": "item"}).append($("", {"src": json.data[i].img_url})) + ); + } + + return array; + } + + // Then we install the plugin + track.install(new SilverTrack.Plugins.RemoteContent({ + url: urlToEchoServer, + process: processor, + prefetchPages: 2, + + beforeStart: function(track) { + track.container.parent().append($("

+ +

jQuery.silver_track

A smart and very extensible jquery sliding carousel

+ +

+ Download .zip + Download .tar.gz + View on GitHub +

+ + + + + +

+ Bullet Navigator +

+ +

+ + +

+This plugin provides a simple way to create random navigation links. +

+ +

+ Options +

+ + + + + + + + + + + + + + + + + + + + + + +

name	description	default
bulletClass	Class applied to each "bullet"	bullet
activeClass	Class applied to the active "bullet"	active
container	Container to append the navigation links

+ +

+ Installation +

+ +

track.install(new SilverTrack.Plugins.BulletNavigator({
+  container: $(".bullet-pagination")
+}));

+ +

+ + + +

+ + + diff --git a/_site/plugins/circular-navigator.html b/_site/plugins/circular-navigator.html new file mode 100644 index 0000000..37d9979 --- /dev/null +++ b/_site/plugins/circular-navigator.html @@ -0,0 +1,285 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Circular Navigator - jQuery.silver_track + + + +

+ +

jQuery.silver_track

A smart and very extensible jquery sliding carousel

+ +

+ Download .zip + Download .tar.gz + View on GitHub +

+ + + + + +

+ Circular Navigator +

+ +

+ + +

+This plugin provides a simple way to make navigation circular. +

+ +

+ Options +

+ + + + + + + + + + + + + + + + + + + + + + +

name	description	default
autoPlay	Allows your track to foward one page by 'duration option' time. It automatically disabled when mouse is over the track.	false
duration	time to auto play in milliseconds	3000
clonedClass	Class applied to the cloned items that makes track circular	"cloned"

+ +

+ Installation +

+ +

+Circular Navigator Plugin requires the Navigator Plugin +

+ +

track.install(new SilverTrack.Plugins.Navigator({
+  prev: $(".my-track a.prev"),
+  next: $(".my-track a.next")
+}));
+
+track.install(new SilverTrack.Plugins.CircularNavigator());

+ +

+ + +

+ +

+ Give life to your track +

+ +

In this way, autoplay allows your track to foward one page by 'duration option' time. It automatically disabled when mouse is over the track. + +

track.install(new SilverTrack.Plugins.Navigator({
+  prev: $(".my-track a.prev"),
+  next: $(".my-track a.next")
+}));
+
+track.install(new SilverTrack.Plugins.CircularNavigator({
+  autoPlay: true,
+  duration: 5 * 1000 // 5s
+}));

+ +

+ + +

+ +

+ Connect with Bullet Navigator Plugin +

+ +

In this way, you can easily control pages and be aware of which is the current page. + +

track.install(new SilverTrack.Plugins.Navigator({
+    prev: $("a.prev", container),
+    next: $("a.next", container)
+  }));
+
+  track.install(new SilverTrack.Plugins.Css3Animation());
+
+  track.install(new SilverTrack.Plugins.CircularNavigator({
+    autoPlay: true,
+    duration: 5000
+  }));
+
+  track.install(new SilverTrack.Plugins.BulletNavigator({
+    container: $(".bullet-pagination")
+  }));

+ +

+ + +

+ +

+ + +

+ + + +

+ + + diff --git a/_site/plugins/css3-animation.html b/_site/plugins/css3-animation.html new file mode 100644 index 0000000..902b191 --- /dev/null +++ b/_site/plugins/css3-animation.html @@ -0,0 +1,288 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Css3 Animation - jQuery.silver_track + + + +

+ +

jQuery.silver_track

A smart and very extensible jquery sliding carousel

+ +

+ Download .zip + Download .tar.gz + View on GitHub +

+ + + + + +

+ Css3 Animation +

+ +

+ + +

+ +

+This plugin requires Moderniz.transform3d. You will find just this feature in the lib directory of SilverTrack repository but you could use your own Modernizr files. +

+ +

+ Options +

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +

name	description	default
durationUnit	The unit used for the animations. The possible values are: ms and s	ms
delayUnit	The unit used for the delay property. It automatically fallback to durationUnit if not set	null
setupParent	Configure the css3 properties to allow hardware acceleration in the parent of the container. It might also be done directly through the css file, so this option could be disabled	true
setupTransitionProperty	Configure the css3 transition-property to the container. It might also be done directly through the css file, so this option could be disabled	true
setupTransitionDuration	Configure the css3 transition-duration to the container. It might also be done directly through the css file, so this option could be disabled	true
setupTransitionTimingFunction	Configure the css3 transition-timing-function to the container, it already converts the easing names (easeInOutQuart, easeInCubic, etc) to proper cubic-bezier functions. It might also be done directly through the css file, so this option could be disabled	true
setupTransitionDelay	Configure the css3 transition-delay to the container. It might also be done directly through the css file, so this option could be disabled	true
slideDelay	The delay used between the transitions, note that delay it is not the same as the duration, this is the time that the browser will wait before the animation starts. It might also be done directly through the css file, if it is the case the option setupTransitionDuration should be disabled	0
autoHeightDuration	This option configures the duration of the height adjustment animation if the property autoHeight of track is set to true. It might also be done directly through the css file but be aware that this option is correctly configured with the duration of the slide animation, make sure that both will work. It automatically fallback to the option duration of the track	null
autoHeightEasing	This option configures the easing function of the height adjustment animation if the property autoHeight of the track is set to true. It might also be done directly through the css file but be aware that this option convert the easing name (easeInOutQuart, easeInCubic, etc) to the proper cubic-bezier function and is configured with the easing function of the slide animation, make sure that both will work. It automatically fallback to the option easing of the track	null
autoHeightDelay	This option configures the delay of the height adjustment animation if the property autoHeight of the track is set to true. It might also be done directly through the css file but be aware that this option is correctly configured with the delay of the slide animation, make sure that both will work. It automatically fallback to the option slideDelay	null

+ +

+ Installation +

+ +

track.install(new SilverTrack.Plugins.Css3Animation());

+ +

+ + +

+ +

+Using the easing 'easeInOutQuad' in the track with 1s duration +

+ +

+ + +

+ +

+Using a track with mode "vertical" and autoHeight true. Let's configure different options to the animation. +

+ +

track.install(new SilverTrack.Plugins.Css3Animation({
+  delayUnit: "s",
+  autoHeightDuration: 300,
+  autoHeightEasing: "easeInOutCubic",
+  autoHeightDelay: 1
+}));

+ +

+ + +

+ +

+ + + +

+ + + diff --git a/_site/plugins/navigator.html b/_site/plugins/navigator.html new file mode 100644 index 0000000..054c34a --- /dev/null +++ b/_site/plugins/navigator.html @@ -0,0 +1,205 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Navigator - jQuery.silver_track + + + +

+ +

jQuery.silver_track

A smart and very extensible jquery sliding carousel

+ +

+ Download .zip + Download .tar.gz + View on GitHub +

+ + + + + +

+ Navigator +

+ +

+ + +

+This plugin provides a simple way to attach the next and previous actions. +

+ +

+ Options +

+ + + + + + + + + + + + + + + + + + + + + + +

name	description	default
disabledClass	Class applied to disable the navigation element	disabled
prev	Element that will receive the "previous" function
next	Element that will receive the "next" function

+ +

+ Callbacks +

+ + + + + + + + + + + + +

name	description	arguments
beforePagination	It is called before any pagination, it happens before any animation. To see the format of event go to Creating a plugin for more reference	track, event

+ +

+ Installation +

+ +

track.install(new SilverTrack.Plugins.Navigator({
+  prev: $(".my-track a.prev"),
+  next: $(".my-track a.next")
+}));

+ +

+ + +

+ +

+ + + +

+ + + diff --git a/_site/plugins/remote-content.html b/_site/plugins/remote-content.html new file mode 100644 index 0000000..fdce214 --- /dev/null +++ b/_site/plugins/remote-content.html @@ -0,0 +1,460 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Remote Content - jQuery.silver_track + + + +

+ +

jQuery.silver_track

A smart and very extensible jquery sliding carousel

+ +

+ Download .zip + Download .tar.gz + View on GitHub +

+ + + + + +

+ Remote Content +

+ +

+ + + + +

+This plugin provides a way to load content through ajax. Example in the end of the page. +

+ +

+ Options +

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +

name	description	default
lazy	It determines if RemoteContent will fetch the first page after the track starts or just when the user navigate to a page without cache. You will usually set this to false when you render your first page with the track and get the other items through ajax	true
prefetchPages	The amount of pages that will be prefetched ahead of time. It is based on current page so if you have configured "prefetchPages: 2" it will start loading 3 pages (the first + 2) and will keep the distance of 2 pages until the end, so when the current page is 2 there will be 4 loaded pages and so on	0
type	The type of request to make ("POST" or "GET"). This parameter is sent direct to ajaxFunction	GET
params	Data to be sent to the server. This parameter is sent to option "data" of ajaxFunction	{}
url	A string containing the URL to which the request is sent or a function that returns an url. If this option is a function, it will receive a reference of track, the page number and the perPage value, if not RemoteContent will try to replace the substrings {page} and {perPage} with the current values
ajaxFunction	A custom function for ajax. It defaults to $.ajax, if defined the provided function will receive the same options of $.ajax. It allows other ajax implementations such as ajaxQ or something based on promises	$.ajax

+ +

+ Callbacks +

+ * Take a look at the opts values after the table of callbacks +

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +

name	description	arguments
beforeStart	Called before the track starts	track
beforeSend	It is a pre-request callback, it could be used to include spinners/loaders and do whatever you want before the request	track, jqXHR, settings, opts
beforeAppend	Called before the content generated by the processor is attached to the DOM	track, items, opts
afterAppend	Called after items are attached to the DOM and their positions were updated	track, items, opts
process	It is a function that will process the data loaded by the server and return an array of DOM items that will be appended to the DOM	track, perPage, data, opts
updateTotalPages	It will be called after the afterAppend callback to update the total pages of the track based on the data loaded by the server	track, data
onError	Called whenever an error happens with the request	track, jqXHR, textStatus, errorThrown, opts

+ +

+ * Possible opts values:
+

{prefetch: false}
+// or
+{prefetch: true, currentPage: 1}

+ +

+ Methods +

+ + + + + + + + + + + + +

name	description	parameters
reload	Reload the content of track. This method flushes the cache and removes the items. If the track is lazy the first page is fetched after the reload

+ +

Example

+ +

+Because we are lazy people we will use the lazy option true, that is already set by default, thus the markup will be like: +

+ +

<div class="track">
+  <div class="view-port">
+    <div class="slider-container">
+      <!-- no items, lazy developers! -->
+    </div>
+  </div>
+
+  <div class="pagination">
+    <a href="#" class="prev disabled"></a>
+    <a href="#" class="next disabled"></a>
+  </div>
+</div>

+ +

// Let's create a function to create the urls for our "echo" test server
+var urlToEchoServer = function(track, page, perPage) {
+  var jsonText = escape(JSON.stringify(fakeJsonCreator(page, perPage)));
+  var echoServerHost = "http://echo-server.herokuapp.com";
+  return echoServerHost + "/echo/json/" + page + "?json=" + jsonText + "&total_pages=5";
+}
+
+// Support function for our test
+var fakeJsonCreator = function(page, perPage) {
+  var photoTypes = ["food", "people", "nature", "sports"];
+  var items = [];
+  for (var i = 0; i < perPage; i++) {
+    items.push({img_url: "http://lorempixel.com/224/128/" + photoTypes[i]});
+  }
+
+  return items;
+}

+ +

+Then we will create our processor, the function that will transform the data from the server into an array of DOM elements, and install our plugin +

+ +

// Let's create our processor, the function that will transform the data
+// from the server into an array of DOM elements
+var processor = function(track, perPage, json) {
+  var array = [];
+
+  for (var i = 0; i < perPage; i++) {
+    if (json.data[i] === undefined) {
+      break;
+    }
+
+    array.push(
+      $("<div></div>", {"class": "item"}).append($("<img>", {"src": json.data[i].img_url}))
+    );
+  }
+
+  return array;
+}
+
+// Then we install the plugin
+track.install(new SilverTrack.Plugins.RemoteContent({
+  url: urlToEchoServer,
+  process: processor,
+
+  beforeStart: function(track) {
+    track.container.parent().append($("<div></div>", {"class": "loading"}));
+  },
+
+  beforeSend: function(track) {
+    $(".loading", track.container.parent()).fadeIn();
+  },
+
+  beforeAppend: function(track, items) {
+    $(".loading", track.container.parent()).hide();
+  },
+
+  updateTotalPages: function(track, json) {
+    track.updateTotalPages(json.total_pages);
+  }
+}));

+ +

+and it's done! +

+ +

+ + +

+ +

Reloading with another content

+ +

+ The code of the buttons will be like: +

+ +

$(".commands button[data-type]").each(function() {
+  var button = $(this);
+  var type = button.data("type");
+
+  button.off("click").click(function(e) {
+    e.preventDefault();
+    var plugin = track.findPluginByName("RemoteContent");
+    plugin.options.url = function(track, page, perPage) {
+      // URL with the selected type
+      return urlToEchoServer(track, page, perPage, type);
+    }
+
+    plugin.reload();
+  });
+});

+ +

+ + +

+ +

Loading content ahead of time

+ +

+ 1º it enables the "prefetchPages", in this example with 2 pages ahead of time +

+ +

// ...
+track.install(new SilverTrack.Plugins.RemoteContent({
+  url: urlToEchoServer,
+  process: processor,
+  prefetchPages: 2,
+  // ...
+});

+ +

+ 2º and 3º it avoids the loading markup when the page is prefetched. +

+ +

// ...
+track.install(new SilverTrack.Plugins.RemoteContent({
+  // ...
+  beforeSend: function(track, jqXHR, settings, opts) {
+    if (opts.prefetch) {
+      return;
+    }
+
+    $(".loading", track.container.parent()).fadeIn();
+  },
+
+  beforeAppend: function(track, items, opts) {
+    if (!!opts.prefetch) {
+      return;
+    }
+
+    $(".loading", track.container.parent()).hide();
+  },
+
+  // ...
+});

+ +

+ Take a look at the network tab of your browser to follow the requests. +

+ +

+ + +

+ +

+ + + +

+ + + diff --git a/_site/plugins/responsive-hub-connector.html b/_site/plugins/responsive-hub-connector.html new file mode 100644 index 0000000..957ae2e --- /dev/null +++ b/_site/plugins/responsive-hub-connector.html @@ -0,0 +1,168 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + ResponsiveHub Connector - jQuery.silver_track + + + +

+ +

jQuery.silver_track

A smart and very extensible jquery sliding carousel

+ +

+ Download .zip + Download .tar.gz + View on GitHub +

+ + + + + +

+ ResponsiveHub Connector +

+ +

+This plugin provides an integration with ResponsiveHub, a plugin that defines it self as "JavaScript goodies for Responsive Design". +

+ +

+This plugin requires ResponsiveHub js and Moderniz.mediaqueries. You will find the Modernizr feature in the lib directory of SilverTrack repository but you could use your own Modernizr files. +

+ +

+ Options +

+ + + + + + + + + + +

name	description
layouts	The resolution names configured in responsiveHub. You really should read the responsiveHub readme

+ +

+ Callbacks +

+ + + + + + + + + + + + + + + + +

name	description	arguments
onReady	The resolution names configured in responsiveHub. You really should read the responsiveHub readme	track, options, event
onChange	The resolution names configured in responsiveHub. You really should read the responsiveHub readme	track, options, event

+ +

+ + + +

+ + + diff --git a/_site/root/methods.html b/_site/root/methods.html new file mode 100644 index 0000000..e83a7d3 --- /dev/null +++ b/_site/root/methods.html @@ -0,0 +1,251 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Methods - jQuery.silver_track + + + +

+ +

jQuery.silver_track

A smart and very extensible jquery sliding carousel

+ +

+ Download .zip + Download .tar.gz + View on GitHub +

+ + + + + +

+ Methods +

+ +

+ + +

+All the methods must be called on the SilverTrack instance. It is possible to retrieve the instance through the container used to create the track, example: +

+ +

// It will only create a new instance, in the first time, or retrieves an existing one
+var track = $(".slider-container").silverTrack();
+
+// Calling methods
+track.hasPrev();
+track.prev();
+track.goToPage(3);
+// ...

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +

name	description	parameters
start	Starts SilverTrack
goToPage	Goes to a specific page when it existsm	page
next	Goes to the next page when it exists
prev	Goes to the previous page when it exists
hasNext	Returns true if next page exist	false
hasPrev	Returns true if previous page exist
restart	Restarts the position of the items, by default goes to the first page. This method accepts an opts object with page, keepCurrentPage and animate attributes. Default: {page: 1, keepCurrentPage: false, animate: false}	opts
install	Installs a plugin. Check out the how to Creating a plugin	plugin
reloadItems	Nullifies the items cache forcing the plugin to reload
updateTotalPages	Disables the calculation of totalPages and defines the new one with the informed number	totalPages
findPluginByName	Finds an installed plugin by its name. It returns null if the plugin is not installed. Ex: track.findPluginByName("Navigator")	name

+ +

+ + +

+ +

Commands:

+
+

+ +

+ + + +

+ + + diff --git a/_site/root/options.html b/_site/root/options.html new file mode 100644 index 0000000..948b333 --- /dev/null +++ b/_site/root/options.html @@ -0,0 +1,332 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Options - jQuery.silver_track + + + +

+ +

jQuery.silver_track

A smart and very extensible jquery sliding carousel

+ +

+ Download .zip + Download .tar.gz + View on GitHub +

+ + + + + +

+ Options +

+ +

+ + +

+All the options must be passed in the initialization and will be available at track.options +

+ +

$(".slider-container").silverTrack({
+  perPage: 4,
+  itemClass: "item",
+  mode: "horizontal",
+  autoHeight: false,
+  cover: false,
+  duration: "slow",
+  easing: "swing"
+});

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +

name	description	default
perPage	The amount of itens to display	4
itemClass	The class name that will be used to find the item	item
mode	The direction of pagination (horizontal or vertical)	horizontal
animationAxis	The direction of the animation (x or y). To animate in "y" axis you will need the mode "vertical" too	x
autoHeight	If it will adjust the track height after each pagination	false
cover	When set to true, the plugin will consider the first page as a cover and will consider it as one item	false
easing	Animation function used by SilverTrack. This function will be used by $.animate, so you could use any plugin that adds easing functions. Ex: jQuery Easing	swing
duration	The duration used by the animation function	600
animateFunction	If set this function will be used instead of $.animate. The function will receive movement, duration, easing and afterCallback. The movement object will be {left: someNumber} or {height: someNumber}. For an example of how to replace the animation function take a look at css3 animation plugin	null

+ +

+Using: +

+ +

{itemClass: "my-item", cover: true, easing: "easeInOutQuad", duration: 600}

+ +

Pick the best cover

+ because it will occupy the whole first page, but it adds a nice touch of refinement +

+ +

+ + +

+ +

+Using: +

+ +

{itemClass: "small-item", perPage: 5, mode: "vertical"}

+ +

+ + +

+ +

+Using: +

+ +

{itemClass: "small-item", perPage: 5, mode: "vertical", animationAxis: "y"}

+ +

+ + + +

+ +

+Using: +

+ +

{itemClass: "small-item", cover: true, perPage: 5, mode: "vertical", animationAxis: "y"}

+ +

Arrow down

+ + + +

+ +

+ + + +

+ + + diff --git a/_site/stylesheets/base_example.css b/_site/stylesheets/base_example.css new file mode 100644 index 0000000..c216e30 --- /dev/null +++ b/_site/stylesheets/base_example.css @@ -0,0 +1,206 @@ +#main_content:after { + content: ""; + display: table; + clear: both; +} + +.view-port { + overflow: hidden; + position: relative; +} + +.view-port { + width: 960px; +} + +.track.vertical, .track.vertical2 { + padding: 10px 10px 8px 10px; +} + +.track.vertical, .track.vertical .view-port { + width: 188px; +} + +.track.vertical .view-port, .track.vertical .view-port .slider-container { + height: 690px; +} + +.track.vertical2 { + float: left; + margin-right: 40px; +} + +.track.vertical2:last-child { + margin-right: 0; +} + +.track.vertical2, .track.vertical2 .view-port { + width: 231px; + height: 552px; +} + +.track.vertical2 .view-port .slider-container { + height: 552px; +} + +.track-480 { + width: 466px; +} + +.track-480 .view-port { + width: 466px; +} + +.slider-container { + position: relative; + height: 138px; + margin: 0; + padding: 0; +} + +.item, .my-item { + position: absolute; + + width: 234px; + height: 138px; + margin-right: 8px +} + +.small-item { + position: absolute; + + width: 188px; + height: 138px; + margin-right: 8px +} + +.my-item.cover { + width: 952px; +} + +.my-item.cover .message { + box-sizing: border-box; + float: left; + width: 230px; + height: 134px; + padding: 5px 16px 5px 10px; +} + +.my-item.cover .message span { + text-align: justify; + display: inline-block; +} + +.small-item.vertical-cover { + height: 690px; +} + +.small-item.vertical-cover .message { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + height: 40px; +} + +.small-item.vertical-cover .message h2 { + font-size: 26px; + text-align: center; + padding: 0; + margin: 0; +} + +.track { + position: relative; + background-color: white; + padding: 10px 2px; + border-radius: 3px; + margin-bottom: 20px; +} + +.track a.prev, +.track a.next { + display: block; + position: absolute; + top: 50%; + margin-top: -32px; + width: 64px; + height: 64px; + background: url("../images/arrows.png"); + background-repeat: no-repeat; +} + +.track.axis-y a.prev, +.track.axis-y a.next { + -webkit-transform: rotate(90deg); + -moz-transform: rotate(90deg); + -ms-transform: rotate(90deg); + -o-transform: rotate(90deg); + + left: 50%; + margin-left: -32px; +} + +.track.axis-y a.next { + top: initial; + bottom: 0; +} + +.track.axis-y a.prev { + top: 0; + margin-top: 0; +} + +.track a.prev.disabled, +.track a.next.disabled { + display: none; +} + +.track a.prev { + left: 0; + background-position: 0 0; +} + +.track a.prev:hover { + background-position: 0 -66px; +} + +.track a.prev:active { + background-position: 0 -132px; +} + +.track a.next { + right: 0; + background-position: -64px 0; +} + +.track a.next:hover { + background-position: -64px -132px; +} + +.track a.next:active { + background-position: -64px -198px; +} +.bullet-pagination { + width: 100%; + text-align: center; + margin-top: 15px; +} + +.bullet { + display: inline-block; + background: #999; + padding: 4px; + border-radius: 6px; + margin-right: 5px; + opacity: 0.4; + + -webkit-transition: opacity 0.5s linear; + -moz-transition: opacity 0.5s linear; + -ms-transition: opacity 0.5s linear; + -o-transition: opacity 0.5s linear; + transition: opacity 0.5s linear; +} + +.bullet.active { + opacity: 1; +} diff --git a/example/css/gh-buttons.css b/_site/stylesheets/gh-buttons.css similarity index 99% rename from example/css/gh-buttons.css rename to _site/stylesheets/gh-buttons.css index 80787ae..f218e45 100644 --- a/example/css/gh-buttons.css +++ b/_site/stylesheets/gh-buttons.css @@ -85,7 +85,7 @@ width: 12px; height: 12px; margin: 0 0.75em 0 -0.25em; - background: url(../img/gh-icons.png) 0 99px no-repeat; + background: url(../images/gh-icons.png) 0 99px no-repeat; } .button.arrowup.icon:before { background-position: 0 0; } @@ -339,6 +339,7 @@ } .button-group li { + list-style: none; float: left; padding: 0; margin: 0; diff --git a/_site/stylesheets/print.css b/_site/stylesheets/print.css new file mode 100644 index 0000000..541695b --- /dev/null +++ b/_site/stylesheets/print.css @@ -0,0 +1,226 @@ +html, body, div, span, applet, object, iframe, +h1, h2, h3, h4, h5, h6, p, blockquote, pre, +a, abbr, acronym, address, big, cite, code, +del, dfn, em, img, ins, kbd, q, s, samp, +small, strike, strong, sub, sup, tt, var, +b, u, i, center, +dl, dt, dd, ol, ul, li, +fieldset, form, label, legend, +table, caption, tbody, tfoot, thead, tr, th, td, +article, aside, canvas, details, embed, +figure, figcaption, footer, header, hgroup, +menu, nav, output, ruby, section, summary, +time, mark, audio, video { + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + font: inherit; + vertical-align: baseline; +} +/* HTML5 display-role reset for older browsers */ +article, aside, details, figcaption, figure, +footer, header, hgroup, menu, nav, section { + display: block; +} +body { + line-height: 1; +} +ol, ul { + list-style: none; +} +blockquote, q { + quotes: none; +} +blockquote:before, blockquote:after, +q:before, q:after { + content: ''; + content: none; +} +table { + border-collapse: collapse; + border-spacing: 0; +} +body { + font-size: 13px; + line-height: 1.5; + font-family: 'Helvetica Neue', Helvetica, Arial, serif; + color: #000; +} + +a { + color: #d5000d; + font-weight: bold; +} + +header { + padding-top: 35px; + padding-bottom: 10px; +} + +header h1 { + font-weight: bold; + letter-spacing: -1px; + font-size: 48px; + color: #303030; + line-height: 1.2; +} + +header h2 { + letter-spacing: -1px; + font-size: 24px; + color: #aaa; + font-weight: normal; + line-height: 1.3; +} +#downloads { + display: none; +} +#main_content { + padding-top: 20px; +} + +code, pre { + font-family: Monaco, "Bitstream Vera Sans Mono", "Lucida Console", Terminal; + color: #222; + margin-bottom: 30px; + font-size: 12px; +} + +code { + padding: 0 3px; +} + +pre { + border: solid 1px #ddd; + padding: 20px; + overflow: auto; +} +pre code { + padding: 0; +} + +ul, ol, dl { + margin-bottom: 20px; +} + + +/* COMMON STYLES */ + +table { + width: 100%; + border: 1px solid #ebebeb; +} + +th { + font-weight: 500; +} + +td { + border: 1px solid #ebebeb; + text-align: center; + font-weight: 300; +} + +form { + background: #f2f2f2; + padding: 20px; + +} + + +/* GENERAL ELEMENT TYPE STYLES */ + +h1 { + font-size: 2.8em; +} + +h2 { + font-size: 22px; + font-weight: bold; + color: #303030; + margin-bottom: 8px; +} + +h3 { + color: #d5000d; + font-size: 18px; + font-weight: bold; + margin-bottom: 8px; +} + +h4 { + font-size: 16px; + color: #303030; + font-weight: bold; +} + +h5 { + font-size: 1em; + color: #303030; +} + +h6 { + font-size: .8em; + color: #303030; +} + +p { + font-weight: 300; + margin-bottom: 20px; +} + +a { + text-decoration: none; +} + +p a { + font-weight: 400; +} + +blockquote { + font-size: 1.6em; + border-left: 10px solid #e9e9e9; + margin-bottom: 20px; + padding: 0 0 0 30px; +} + +ul li { + list-style: disc inside; + padding-left: 20px; +} + +ol li { + list-style: decimal inside; + padding-left: 3px; +} + +dl dd { + font-style: italic; + font-weight: 100; +} + +footer { + margin-top: 40px; + padding-top: 20px; + padding-bottom: 30px; + font-size: 13px; + color: #aaa; +} + +footer a { + color: #666; +} + +/* MISC */ +.clearfix:after { + clear: both; + content: '.'; + display: block; + visibility: hidden; + height: 0; +} + +.clearfix {display: inline-block;} +* html .clearfix {height: 1%;} +.clearfix {display: block;} \ No newline at end of file diff --git a/_site/stylesheets/pygment_monokai.css b/_site/stylesheets/pygment_monokai.css new file mode 100644 index 0000000..005d477 --- /dev/null +++ b/_site/stylesheets/pygment_monokai.css @@ -0,0 +1,64 @@ +.highlight .hll { background-color: #49483e } +.highlight .c { color: #75715e } /* Comment */ +.highlight .err { color: #960050; background-color: #1e0010 } /* Error */ +.highlight .k { color: #66d9ef } /* Keyword */ +.highlight .l { color: #ae81ff } /* Literal */ +.highlight .n { color: #f8f8f2 } /* Name */ +.highlight .o { color: #f92672 } /* Operator */ +.highlight .p { color: #f8f8f2 } /* Punctuation */ +.highlight .cm { color: #75715e } /* Comment.Multiline */ +.highlight .cp { color: #75715e } /* Comment.Preproc */ +.highlight .c1 { color: #75715e } /* Comment.Single */ +.highlight .cs { color: #75715e } /* Comment.Special */ +.highlight .ge { font-style: italic } /* Generic.Emph */ +.highlight .gs { font-weight: bold } /* Generic.Strong */ +.highlight .kc { color: #66d9ef } /* Keyword.Constant */ +.highlight .kd { color: #66d9ef } /* Keyword.Declaration */ +.highlight .kn { color: #f92672 } /* Keyword.Namespace */ +.highlight .kp { color: #66d9ef } /* Keyword.Pseudo */ +.highlight .kr { color: #66d9ef } /* Keyword.Reserved */ +.highlight .kt { color: #66d9ef } /* Keyword.Type */ +.highlight .ld { color: #e6db74 } /* Literal.Date */ +.highlight .m { color: #ae81ff } /* Literal.Number */ +.highlight .s { color: #e6db74 } /* Literal.String */ +.highlight .na { color: #a6e22e } /* Name.Attribute */ +.highlight .nb { color: #f8f8f2 } /* Name.Builtin */ +.highlight .nc { color: #a6e22e } /* Name.Class */ +.highlight .no { color: #66d9ef } /* Name.Constant */ +.highlight .nd { color: #a6e22e } /* Name.Decorator */ +.highlight .ni { color: #f8f8f2 } /* Name.Entity */ +.highlight .ne { color: #a6e22e } /* Name.Exception */ +.highlight .nf { color: #a6e22e } /* Name.Function */ +.highlight .nl { color: #f8f8f2 } /* Name.Label */ +.highlight .nn { color: #f8f8f2 } /* Name.Namespace */ +.highlight .nx { color: #a6e22e } /* Name.Other */ +.highlight .py { color: #f8f8f2 } /* Name.Property */ +.highlight .nt { color: #f92672 } /* Name.Tag */ +.highlight .nv { color: #f8f8f2 } /* Name.Variable */ +.highlight .ow { color: #f92672 } /* Operator.Word */ +.highlight .w { color: #f8f8f2 } /* Text.Whitespace */ +.highlight .mf { color: #ae81ff } /* Literal.Number.Float */ +.highlight .mh { color: #ae81ff } /* Literal.Number.Hex */ +.highlight .mi { color: #ae81ff } /* Literal.Number.Integer */ +.highlight .mo { color: #ae81ff } /* Literal.Number.Oct */ +.highlight .sb { color: #e6db74 } /* Literal.String.Backtick */ +.highlight .sc { color: #e6db74 } /* Literal.String.Char */ +.highlight .sd { color: #e6db74 } /* Literal.String.Doc */ +.highlight .s2 { color: #e6db74 } /* Literal.String.Double */ +.highlight .se { color: #ae81ff } /* Literal.String.Escape */ +.highlight .sh { color: #e6db74 } /* Literal.String.Heredoc */ +.highlight .si { color: #e6db74 } /* Literal.String.Interpol */ +.highlight .sx { color: #e6db74 } /* Literal.String.Other */ +.highlight .sr { color: #e6db74 } /* Literal.String.Regex */ +.highlight .s1 { color: #e6db74 } /* Literal.String.Single */ +.highlight .ss { color: #e6db74 } /* Literal.String.Symbol */ +.highlight .bp { color: #f8f8f2 } /* Name.Builtin.Pseudo */ +.highlight .vc { color: #f8f8f2 } /* Name.Variable.Class */ +.highlight .vg { color: #f8f8f2 } /* Name.Variable.Global */ +.highlight .vi { color: #f8f8f2 } /* Name.Variable.Instance */ +.highlight .il { color: #ae81ff } /* Literal.Number.Integer.Long */ + +.highlight .gh { } /* Generic Heading & Diff Header */ +.highlight .gu { color: #75715e; } /* Generic.Subheading & Diff Unified/Comment? */ +.highlight .gd { color: #f92672; } /* Generic.Deleted & Diff Deleted */ +.highlight .gi { color: #a6e22e; } /* Generic.Inserted & Diff Inserted */ diff --git a/_site/stylesheets/site_style.css b/_site/stylesheets/site_style.css new file mode 100644 index 0000000..ccc391e --- /dev/null +++ b/_site/stylesheets/site_style.css @@ -0,0 +1,137 @@ +a.button { + display: inline-block; + float: none; + text-align: left; +} + +#downloads { + text-align: center; + margin: 40px 0; +} + +header { + text-align: center; +} + +.plugin-description { + font-size: 26px; + margin: 80px 0; +} + +.commands .button-group:last-child { + margin-left: 0; +} + +.console .info { + width: 954px; + font-size: 16px; +} + +.go-to-page-field { + border: 1px solid #F7F7F7; + font-size: 12px; + padding: 5px; + width: 35px; +} + +.loading { + width: 100%; + height: 100%; + position: absolute; + top: 0; + left: 0; + background: rgba(255, 255, 255, 0.8); + border-radius: 4px; + text-align: center; + line-height: 140px; + padding: 4px 0; + z-index: 1; +} + +.loading:before { + content: "loading... this could take some time, sorry it's just an example =]"; +} + +.caret { + display: inline-block; + width: 0; + height: 0; + margin-left: 2px; + vertical-align: middle; + border-top: 4px solid; + border-right: 4px solid transparent; + border-left: 4px solid transparent; +} + +.menu { + padding: 20px 0; + margin-bottom: 20px; + border-bottom: 1px solid #e6e6e6; +} + +.menu:before, +.menu:after { + content: " "; + display: table; +} + +.menu li { + list-style: none; + padding: 0; + margin: 0; +} + +.menu .option { + float: left; + margin-right: 20px; +} + +.menu > ul li:last-child { + margin-right: 0; +} + +.submenu { + position: relative; +} + +.submenu ul { + position: absolute; + top: 100%; + left: 0; + z-index: 1000; + display: none; + float: left; + min-width: 160px; + padding: 5px 0; + margin: 2px 0 0; + list-style: none; + font-size: 14px; + background-color: #fff; + border: 1px solid #ccc; + border: 1px solid rgba(0,0,0,.15); + border-radius: 4px; + -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175); + box-shadow: 0 6px 12px rgba(0,0,0,.175); + background-clip: padding-box; +} + +.submenu.open ul { + display: block; +} + +.submenu ul li a { + display: block; + padding: 3px 20px; + clear: both; + font-weight: 400; + line-height: 1.42857143; + color: #333; + white-space: nowrap; +} + +.submenu ul li a:hover, +.submenu ul li a:focus { + text-decoration: none; + color: #262626; + background-color: #f5f5f5; +} diff --git a/_site/stylesheets/stylesheet.css b/_site/stylesheets/stylesheet.css new file mode 100644 index 0000000..4e62ae3 --- /dev/null +++ b/_site/stylesheets/stylesheet.css @@ -0,0 +1,381 @@ +/* http://meyerweb.com/eric/tools/css/reset/ + v2.0 | 20110126 + License: none (public domain) +*/ +html, body, div, span, applet, object, iframe, +h1, h2, h3, h4, h5, h6, p, blockquote, pre, +a, abbr, acronym, address, big, cite, code, +del, dfn, em, img, ins, kbd, q, s, samp, +small, strike, strong, sub, sup, tt, var, +b, u, i, center, +dl, dt, dd, ol, ul, li, +fieldset, form, label, legend, +table, caption, tbody, tfoot, thead, tr, th, td, +article, aside, canvas, details, embed, +figure, figcaption, footer, header, hgroup, +menu, nav, output, ruby, section, summary, +time, mark, audio, video { + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + font: inherit; + vertical-align: baseline; +} +/* HTML5 display-role reset for older browsers */ +article, aside, details, figcaption, figure, +footer, header, hgroup, menu, nav, section { + display: block; +} +body { + line-height: 1; +} +ol, ul { + list-style: none; +} +blockquote, q { + quotes: none; +} +blockquote:before, blockquote:after, +q:before, q:after { + content: ''; + content: none; +} +table { + border-collapse: collapse; + border-spacing: 0; +} + +/* LAYOUT STYLES */ +body { + font-size: 1em; + line-height: 1.5; + background: #e7e7e7 url(../images/body-bg.png) 0 0 repeat; + font-family: 'Helvetica Neue', Helvetica, Arial, serif; + text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); + color: #6d6d6d; +} + +a { + color: #d5000d; +} +a:hover { + color: #c5000c; +} + +header { + padding-top: 35px; + padding-bottom: 25px; +} + +header h1 { + font-family: 'Chivo', 'Helvetica Neue', Helvetica, Arial, serif; font-weight: 900; + letter-spacing: -1px; + font-size: 48px; + color: #303030; + line-height: 1.2; +} + +header h2 { + letter-spacing: -1px; + font-size: 24px; + color: #aaa; + font-weight: normal; + line-height: 1.3; +} + +#container { + background: transparent url(../images/highlight-bg.jpg) 50% 0 no-repeat; + min-height: 595px; +} + +.inner { + width: 960px; + margin: 0 auto; +} + +#container .inner img { + max-width: 100%; +} + +#downloads { + margin-bottom: 40px; +} + +a.button { + -moz-border-radius: 30px; + -webkit-border-radius: 30px; + border-radius: 30px; + border-top: solid 1px #cbcbcb; + border-left: solid 1px #b7b7b7; + border-right: solid 1px #b7b7b7; + border-bottom: solid 1px #b3b3b3; + color: #303030; + line-height: 25px; + font-weight: bold; + font-size: 15px; + padding: 12px 8px 12px 8px; + display: block; + float: left; + width: 179px; + margin-right: 14px; + background: #fdfdfd; /* Old browsers */ + background: -moz-linear-gradient(top, #fdfdfd 0%, #f2f2f2 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(100%,#f2f2f2)); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, #fdfdfd 0%,#f2f2f2 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, #fdfdfd 0%,#f2f2f2 100%); /* Opera 11.10+ */ + background: -ms-linear-gradient(top, #fdfdfd 0%,#f2f2f2 100%); /* IE10+ */ + background: linear-gradient(top, #fdfdfd 0%,#f2f2f2 100%); /* W3C */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */ + -webkit-box-shadow: 10px 10px 5px #888; + -moz-box-shadow: 10px 10px 5px #888; + box-shadow: 0px 1px 5px #e8e8e8; +} +a.button:hover { + border-top: solid 1px #b7b7b7; + border-left: solid 1px #b3b3b3; + border-right: solid 1px #b3b3b3; + border-bottom: solid 1px #b3b3b3; + background: #fafafa; /* Old browsers */ + background: -moz-linear-gradient(top, #fdfdfd 0%, #f6f6f6 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(100%,#f6f6f6)); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, #fdfdfd 0%,#f6f6f6 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, #fdfdfd 0%,#f6f6f6 100%); /* Opera 11.10+ */ + background: -ms-linear-gradient(top, #fdfdfd 0%,#f6f6f6 100%); /* IE10+ */ + background: linear-gradient(top, #fdfdfd 0%,#f6f6f6, 100%); /* W3C */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */ + color: black; +} + +a.button span { + padding-left: 50px; + display: block; + height: 23px; +} + +#download-zip span { + background: transparent url(../images/zip-icon.png) 12px 50% no-repeat; +} +#download-tar-gz span { + background: transparent url(../images/tar-gz-icon.png) 12px 50% no-repeat; +} +#view-on-github span { + background: transparent url(../images/octocat-icon.png) 12px 50% no-repeat; +} +#view-on-github { + margin-right: 0; +} + +code, pre { + font-family: Monaco, "Bitstream Vera Sans Mono", "Lucida Console", Terminal; + color: #222; + margin-bottom: 30px; + font-size: 14px; +} + +code { + background-color: #f2f2f2; + border: solid 1px #ddd; + padding: 0 3px; +} + +pre { + padding: 20px; + background: #303030; + color: #f2f2f2; + text-shadow: none; + overflow: auto; + border-radius: 3px; +} +pre code { + color: #f2f2f2; + background-color: #303030; + border: none; + padding: 0; +} + +ul, ol, dl { + margin-bottom: 20px; +} + + +/* COMMON STYLES */ + +hr { + height: 1px; + line-height: 1px; + margin-top: 1em; + padding-bottom: 1em; + border: none; + background: transparent url('../images/hr.png') 50% 0 no-repeat; +} + +strong { + font-weight: bold; +} + +em { + font-style: italic; + font-family: arial; +} + +table { + width: 100%; + border: 1px solid #333; + margin-bottom: 20px; +} + +td { + text-align: left; + padding: 10px; +} + +td, th { + border: 1px solid #333; + font-weight: 300; +} + +th { + color: white; + background-color: #666; + text-shadow: none; + text-align: center ; +} + +form { + background: #f2f2f2; + padding: 20px; + +} + + +/* GENERAL ELEMENT TYPE STYLES */ + +h1 { + font-size: 32px; +} + +h2 { + font-size: 22px; + font-weight: bold; + color: #303030; + margin-bottom: 8px; +} + +h3 { + color: #d5000d; + font-size: 18px; + font-weight: bold; + margin-bottom: 8px; +} + +h4 { + font-size: 16px; + color: #303030; + font-weight: bold; +} + +h5 { + font-size: 1em; + color: #303030; +} + +h6 { + font-size: .8em; + color: #303030; +} + +p { + font-weight: 300; + margin-bottom: 20px; +} + +a { + text-decoration: none; +} + +p a { + font-weight: 400; +} + +blockquote { + font-size: 1.6em; + border-left: 10px solid #e9e9e9; + margin-bottom: 20px; + padding: 0 0 0 30px; +} + +ul li { + list-style: disc inside; + padding-left: 20px; +} + +ol li { + list-style: decimal inside; + padding-left: 3px; +} + +dl dt { + color: #303030; +} + +footer { + margin-top: 40px; + padding-top: 20px; + padding-bottom: 30px; + font-size: 13px; + color: #aaa; +} + +footer a { + color: #666; +} +footer a:hover { + color: #444; +} + +/* MISC */ +.clearfix:after { + clear: both; + content: '.'; + display: block; + visibility: hidden; + height: 0; +} + +.clearfix {display: inline-block;} +* html .clearfix {height: 1%;} +.clearfix {display: block;} + +/* #Media Queries +================================================== */ + +/* Smaller than standard 960 (devices and browsers) */ +@media only screen and (max-width: 959px) {} + +/* Tablet Portrait size to standard 960 (devices and browsers) */ +@media only screen and (min-width: 768px) and (max-width: 959px) {} + +/* All Mobile Sizes (devices and browser) */ +@media only screen and (max-width: 767px) { + header { + padding-top: 10px; + padding-bottom: 10px; + } + #downloads { + margin-bottom: 25px; + } + #download-zip, #download-tar-gz { + display: none; + } + .inner { + width: 94%; + margin: 0 auto; + } +} + +/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */ +@media only screen and (min-width: 480px) and (max-width: 767px) {} + +/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ +@media only screen and (max-width: 479px) {} diff --git a/config.ru b/config.ru deleted file mode 100644 index 53b6df7..0000000 --- a/config.ru +++ /dev/null @@ -1,2 +0,0 @@ -require './spec/server' -run Sinatra::Application diff --git a/example/basic.html b/example/basic.html deleted file mode 100644 index d05ded0..0000000 --- a/example/basic.html +++ /dev/null @@ -1,263 +0,0 @@ - - - - - Basic - jQuery SilverTrack - - - - - - - - - - - - - - - - - - - - - - - - - - - - View on GitHub - -

jQuery SilverTrack

- -

- SilverTrack was designed to be extensible through other plugins. -

- To create a new track is simple as: -

- -

-      
-<div class="view-port">
-  <div class="slider-container">
-    <div class="item"></div>
-    <div class="item"></div>
-    <!-- ... -->
-  </div>
-</div>
-

-      
-.view-port {
-  overflow: hidden;
-  position: relative;
-}
-.slider-container {
-  position: relative;
-  margin: 0;
-  padding: 0;
-}
-.item {
-  position: absolute;
-}
-

- -

-      
-var track = $(".slider-container").silverTrack();
-
-// install the plugins you want
-track.install(new SilverTrack.Plugins.Navigator({
-  prev: $("a.prev", parent),
-  next: $("a.next", parent)
-}));
-
-track.start();
-

- -

Basic 1

- -

Trailer 1

Trailer 2

Trailer 3

Trailer 4

Trailer 5

Trailer 6

Trailer 7

Trailer 8

Trailer 9

- -

- - -

- -

Basic 2

- -

Trailer 1

Trailer 2

Trailer 3

Trailer 4

Trailer 5

Trailer 6

Trailer 7

Trailer 8

Trailer 9

- -

- - -

- -

Basic 3

- -

Trailer 1

Trailer 2

Trailer 3

Trailer 4

Trailer 5

Trailer 6

Trailer 7

Trailer 8

Trailer 9

- -

- - -

- - - - diff --git a/example/css/prism.css b/example/css/prism.css deleted file mode 100644 index a169efe..0000000 --- a/example/css/prism.css +++ /dev/null @@ -1,128 +0,0 @@ -/** - * prism.js default theme for JavaScript, CSS and HTML - * Based on dabblet (http://dabblet.com) - * @author Lea Verou - */ - -code[class*="language-"], -pre[class*="language-"] { - color: black; - text-shadow: 0 1px white; - font-family: Consolas, Monaco, 'Andale Mono', monospace; - font-size: 12px; - direction: ltr; - text-align: left; - white-space: pre; - word-spacing: normal; - word-break: normal; - - - -moz-tab-size: 4; - -o-tab-size: 4; - tab-size: 4; - - -webkit-hyphens: none; - -moz-hyphens: none; - -ms-hyphens: none; - hyphens: none; -} - -pre[class*="language-"]::-moz-selection, pre[class*="language-"] ::-moz-selection, -code[class*="language-"]::-moz-selection, code[class*="language-"] ::-moz-selection { - text-shadow: none; - background: #b3d4fc; -} - -pre[class*="language-"]::selection, pre[class*="language-"] ::selection, -code[class*="language-"]::selection, code[class*="language-"] ::selection { - text-shadow: none; - background: #b3d4fc; -} - -@media print { - code[class*="language-"], - pre[class*="language-"] { - text-shadow: none; - } -} - -/* Code blocks */ -pre[class*="language-"] { - padding: 0 1em; - margin: .5em 0; - overflow: auto; -} - -:not(pre) > code[class*="language-"], -pre[class*="language-"] { - background: white; - border: 1px solid #eee; - border-radius: 3px; -} - -/* Inline code */ -:not(pre) > code[class*="language-"] { - padding: .1em; - border-radius: .3em; -} - -.token.comment, -.token.prolog, -.token.doctype, -.token.cdata { - color: slategray; -} - -.token.punctuation { - color: #999; -} - -.namespace { - opacity: .7; -} - -.token.property, -.token.tag, -.token.boolean, -.token.number, -.token.constant, -.token.symbol { - color: #905; -} - -.token.selector, -.token.attr-name, -.token.string, -.token.builtin { - color: #690; -} - -.token.operator, -.token.entity, -.token.url, -.language-css .token.string, -.style .token.string, -.token.variable { - color: #a67f59; - background: hsla(0,0%,100%,.5); -} - -.token.atrule, -.token.attr-value, -.token.keyword { - color: #07a; -} - - -.token.regex, -.token.important { - color: #e90; -} - -.token.important { - font-weight: bold; -} - -.token.entity { - cursor: help; -} diff --git a/example/css/responsive.css b/example/css/responsive.css deleted file mode 100644 index afff46c..0000000 --- a/example/css/responsive.css +++ /dev/null @@ -1,348 +0,0 @@ -/* Tablet */ -@media only screen and (max-width:980px){ - .head { - width: 730px; - } - - .view-port, - .track .inner, - .slider-container .item.cover { - width: 706px; - } - - .view-port h2 { - font-size: 1.3em; - } - - .slider-container { - height: 130px; - } - - .slider-container .item { - height: 114px; - } - - .slider-container .item, - .slider-container .item img, - .slider-container .item .img-area img, - #example-4 img { - width: 164px; - height: auto; - } - - .slider-container .item.cover > img { - width: 343px; - } - - .slider-container .item.cover .img-area { - margin-left: 10px; - } - - .editorial { - width: 169px; - height: 195px; - } - - .editorial .title { - font-size: 18px; - margin: 10px 0 0 16px; - } - - .editorial .desc { - margin-left: 16px; - font-size: 13px; - } - - .slider-container.big, - .slider-container.big .item { - height: 196px; - } - - .slider-container.big .item .img-area { - height: 196px; - } - - .slider-container .item.cover .img-block, - .img-block { - margin-bottom: 0; - height: 104px; - } - - .side-a, .side-b { - width: 349px; - } - - .side-a { - margin-right: 8px; - } - - .slider-container .item .side-a > img, - .slider-container .item .side-b > img { - width: 343px; - height: auto; - } - - .slider-container .item.cover-2 .img-area { - margin: 9px 0 0 0; - } - - .slider-container .item.cover-2 .img-area .img-block:first-child { - margin-right: 15px; - } - - .slider-container.huge, - .slider-container .item.cover-2 { - height: 300px; - } -} - -/* Small Tablet */ -@media only screen and (max-width:730px){ - .head { - width: 480px; - } - - .view-port, - .track .inner, - .slider-container .item.cover { - width: 456px; - } - - .slider-container { - height: 102px; - } - - .slider-container .item { - margin-right: 12px; - height: 86px; - } - - .slider-container .item, - .slider-container .item img, - .slider-container .item .img-area img { - width: 144px; - } - - .slider-container .item.cover > img { - width: 303px; - } - - .editorial { - display: none; - } - - .slider-container .item.cover .img-area { - margin-left: 9px; - } - - .slider-container .item.cover .img-block, - .img-block { - height: 89px; - } - - .side-a, .side-b { - width: 220px; - } - - .side-a { - margin-right: 8px; - } - - .slider-container .item .side-a > img, - .slider-container .item .side-b > img { - width: 220px; - } - - .slider-container .item.cover-2 .img-area { - margin: 0; - } - - .slider-container.huge .item { - height: 259px; - margin-bottom: 0; - } - - .slider-container.huge, - .slider-container .item.cover-2 { - height: 300px; - } - - .slider-container.remote { - height: 540px; - } - - .slider-container.remote .item, - .example-4 .view-port { - width: 350px; - } - - .slider-container.remote .item { - height: 127px; - margin-bottom: 8px; - } - - .slider-container.remote .item > img, - .slider-container.remote .item p { - float: left; - } - - #example-4 img { - width: 220px; - height: auto; - } - - .slider-container.remote .item p { - padding: 30px 15px; - } - - .example-4 .view-port { - margin: 0 auto; - } -} - -/* Phone */ -@media only screen and (max-width:480px){ - - .head { - width: 320px; - } - - .head h1 { - font-size: 1.9em; - } - - .view-port, - .track .inner, - .slider-container .item.cover { - width: 302px; - } - - .view-port h2 { - font-size: 1.5em; - } - - .slider-container { - height: 560px; - } - - .slider-container .item { - width: 296px; - height: 124px; - } - - .slider-container .item img, - .slider-container .item p { - float: left; - } - - .slider-container .item img, - #example-4 img { - width: 220px; - } - - .slider-container .item p { - margin: 50px 0 0 10px; - } - - .slider-container.big, - .slider-container.big .item.cover { - height: 264px; - } - - .slider-container.big .item, - .slider-container.big .item.cover > img, - .slider-container.big .item.cover .img-area { - width: 302px; - } - - .slider-container.big .item.cover > img { - float: none; - } - - .slider-container .item.cover .img-block, - .slider-container.big .item, - .slider-container .item.cover .img-area { - height: 88px; - margin-bottom: 0; - } - - .img-block { - width: 151px; - } - - .img-area .img-block { - width: 148px; - } - - .slider-container .item.cover .img-area { - float: none; - clear: both; - margin-left: 0; - margin-top: 1px; - } - - .slider-container .item.cover .img-area .img-block:first-child { - margin-right: 6px; - } - - .slider-container .item .img-area img, - .slider-container .item .img-block img { - float: none; - width: 148px; - } - - .slider-container .item.cover .img-block, - .img-block { - float: left; - } - - .side-a, - .side-b, - .slider-container.huge .item { - width: 302px; - } - - .slider-container.huge .item { - height: 176px; - } - - .side-a { - margin-right: 0; - } - - .slider-container .item .side-a > img, - .slider-container .item .side-b > img { - width: 302px; - } - - .slider-container.huge, - .slider-container .item.cover-2 { - height: 528px; - } - - .example-4 .view-port, - .slider-container.remote .item { - width: 302px; - } - - .slider-container.remote .item p { - margin: 15px 0; - } - - .slider-container.remote { - height: 464px; - } - - #example-4 .item { - height: 108px; - text-align: center; - } - - #example-4 img { - width: 186px; - } - - .example-4 .loading { - width: 302px; - } -} diff --git a/example/css/style.css b/example/css/style.css deleted file mode 100644 index fed244d..0000000 --- a/example/css/style.css +++ /dev/null @@ -1,343 +0,0 @@ -body { - font-family: Helvetica Neue, serif; - font-size: 16px; - margin: 0; - padding: 0; -} - -h2 { - padding: 0; - margin: 0 0 10px 0; -} - -#forkme_banner { - display: block; - position: absolute; - top: 0; - right: 10px; - z-index: 10; - padding: 10px 50px 10px 10px; - color: white; - background: url("../img/blacktocat.png") #6A3 no-repeat 95% 50%; - font-weight: 700; - box-shadow: 0 0 10px rgba(0, 0, 0, .5); - border-bottom-left-radius: 2px; - border-bottom-right-radius: 2px; - text-decoration: none; -} - -.head { - padding: 30px 0; - width: 960px; - margin: auto; -} - -.head h1 { - font-weight: 200; - font-family: Helvetica,Arial,Verdana,sans-serif; - text-shadow: 0 1px 0 rgba(255, 255, 255, 0.9); - text-transform: uppercase; - color: #999; -} - -.container { - width: 960px; - margin: auto; -} - -.actions { - margin-top: 10px; -} - -.track { - width: 100%; - position: relative; -} - -.view-port, .track .inner { - width: 946px; -} - -.axis-y .view-port, -.axis-y .track .inner { - width: 240px; - height: 660px; -} - - -.view-port { - overflow: hidden; - position: relative; -} - -.track .inner { - position: relative; - - margin: auto; - margin-bottom: 30px; - padding: 10px; - - background: #F1F1F1; - border-radius: 4px; -} - -.track .inner h2 { - font-weight: 200; - font-family: Helvetica,Arial,Verdana,sans-serif; - text-shadow: 0 1px 0 rgba(255, 255, 255, 0.9); - text-transform: uppercase; - color: #999; -} - -.track .inner h2:hover { - color: #6A3; -} - -.track a.prev, -.track a.next { - display: block; - position: absolute; - top: 50%; - margin-top: -32px; - width: 64px; - height: 64px; - background: url("../img/arrows.png"); - background-repeat: no-repeat; -} - -.track a.prev.disabled, -.track a.next.disabled { - display: none; -} - -.track a.prev { - left: 0; - background-position: 0 0; -} - -.track a.prev:hover { - background-position: 0 -66px; -} - -.track a.prev:active { - background-position: 0 -132px; -} - -.track a.next { - right: 0; - background-position: -64px 0; -} - -.track a.next:hover { - background-position: -64px -132px; -} - -.track a.next:active { - background-position: -64px -198px; -} - -.slider-container { - position: relative; - margin: 0; - padding: 0; - - height: 166px; -} - -.slider-container.big { - height: 288px; -} - -.slider-container.huge { - height: 432px; -} - -.slider-container .item { - position: absolute; - - width: 224px; - height: 150px; - - margin-right: 16px; - margin-bottom: 16px; -} - -.slider-container .item img { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - border: 2px solid white; -} - -.slider-container.big .item, -.slider-container.big .item .img-area { - height: 288px; -} - -.slider-contaiber.huge .item { - margin-bottom: 12px; -} - -.slider-container .item p { - padding: 0; - margin: 0; -} - -.slider-container .item.cover { - width: 940px; -} - -.slider-container .item.cover-2 { - height: 432px; -} - -.slider-container .item.cover img { - float: left; -} - -.slider-container .item.cover-2 img { - float: none; -} - -.slider-container .item.cover .img-area { - float: right; - margin-left: 16px; -} - -.slider-container .item.cover-2 .img-area { - float: none; - margin-left: 0; - margin-top: 12px; -} - -.slider-container .item.cover-2 .img-area .img-block:first-child { - margin-right: 14px; -} - -.slider-container .item.cover .img-block { - height: 128px; -} - -.slider-container .item.cover-2 .img-block { - float: left; -} - -.img-block { - margin-bottom: 16px; -} - -.editorial { - float: right; - width: 200px; - - padding-right: 20px; - height: 272px; - background: white; -} - -.editorial .title { - font-size: 24px; - margin: 20px 0 0 20px; -} - -.editorial .desc { - font-size: 14px; - line-height: 18px; - padding-top: 8px; - margin-left: 20px; -} - -.side-a, .side-b { - float: left; - width: 462px; -} - -.side-a { - margin-right: 16px; -} - -.side-a > img, .side-b > img { - width: 462px; - height: 272px; -} - -.bullet-pagination { - width: 100%; - text-align: center; - margin-top: 15px; -} - -.bullet { - display: inline-block; - background: #999; - padding: 4px; - border-radius: 6px; - margin-right: 5px; - opacity: 0.4; - - -webkit-transition: opacity 0.5s linear; - -moz-transition: opacity 0.5s linear; - -ms-transition: opacity 0.5s linear; - -o-transition: opacity 0.5s linear; - transition: opacity 0.5s linear; -} - -.bullet.active { - opacity: 1; -} - -.bullet:last-child { - margin-right: 0; -} - -#example-4 img { - width: 228px; - height: 132px; -} - -.example-4 .loading { - width: 100%; - height: 100%; - position: absolute; - top: 0; - left: 0; - background: rgba(255, 255, 255, 0.8); - border-radius: 4px; - text-align: center; - line-height: 140px; - padding: 4px 0; - z-index: 1; -} - -.example-4 .loading:before { - content: "loading..."; -} - -.example-4 .bullet { - cursor: default; -} - -.example-1 a.prev, -.example-1 a.next { - margin-top: -69px; -} - -.example-2 a.prev, -.example-2 a.next { - margin-top: -58px; -} - -.example-3 a.prev, -.example-3 a.next { - margin-top: -53px; -} - -.example-4 a.prev, -.example-4 a.next { - margin-top: -68px; -} - -.example-7 a.prev, -.example-7 a.next { - margin-top: -69px; -} diff --git a/example/img/blacktocat.png b/example/img/blacktocat.png deleted file mode 100644 index 6e264fe..0000000 Binary files a/example/img/blacktocat.png and /dev/null differ diff --git a/example/index.html b/example/index.html deleted file mode 100644 index e2f3762..0000000 --- a/example/index.html +++ /dev/null @@ -1,494 +0,0 @@ - - - - - Example - jQuery SilverTrack - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - View on GitHub - -

jQuery SilverTrack

- -

- This is an example page, for full documentation and details, see - The Github README file -

- -

Css3 Animation

- -

Trailer 1

Trailer 2

Trailer 3

Trailer 4

Trailer 5

Trailer 6

Trailer 7

Trailer 8

Trailer 9

- -

- Restart -

- -

- - -

Basic

- -

Trailer 1

Trailer 2

Trailer 3

Trailer 4

Trailer 5

Trailer 6

Trailer 7

Trailer 8

Trailer 9

- -

- Restart -

- -

- - -

- -

Cover 1

- -

- Carly Rose Takes on Bieber -

- The X Factor unplugged the Top 6 finalists and then had them take requests from the audience. At the top: Carly Rose Sonenclair with Justin Bieber's "As Long As You Love Me." -

- -

- Restart -

- -

- - -

- -

Cover 2

- -

- Restart -

- -

- - -

- -

Remote

- -

- Restart -

- -

- - -

- -

Animation Axis Y

- -

Trailer 1

Trailer 2

Trailer 3

Trailer 4

Trailer 5

Trailer 6

Trailer 7

Trailer 8

Trailer 9

- -

- Restart -

- -

- - -

- -

Circular

- -

Trailer 1

Trailer 2

Trailer 3

Trailer 4

Trailer 5

Trailer 6

Trailer 7

Trailer 8

Trailer 9

- -

- - -

- - - \ No newline at end of file diff --git a/example/js/example1.js b/example/js/example1.js deleted file mode 100644 index 3b6f2bb..0000000 --- a/example/js/example1.js +++ /dev/null @@ -1,45 +0,0 @@ -//================================================= -// Example 1 - basic track -//================================================= - -jQuery(function() { - - var example = $("#example-1"); - var parent = example.parents(".track"); - var track = example.silverTrack(SilverTrackExample.defaults); - - track.install(new SilverTrack.Plugins.Navigator({ - prev: $("a.prev", parent), - next: $("a.next", parent) - })); - - track.install(new SilverTrack.Plugins.BulletNavigator({ - container: $(".bullet-pagination", parent) - })); - - track.install(new SilverTrack.Plugins.ResponsiveHubConnector({ - layouts: ["phone", "small-tablet", "tablet", "web"], - onReady: function(track, options, event) { - options.onChange(track, options, event); - }, - - onChange: function(track, options, event) { - track.options.mode = "horizontal"; - track.options.autoheight = false; - track.options.perPage = 4; - - if (event.layout === "small-tablet") { - track.options.perPage = 3; - - } else if (event.layout === "phone") { - track.options.mode = "vertical"; - track.options.autoHeight = true; - } - - track.restart({keepCurrentPage: true}); - } - })); - - track.start(); - -}); diff --git a/example/js/example2_and_3.js b/example/js/example2_and_3.js deleted file mode 100644 index 7a23fa0..0000000 --- a/example/js/example2_and_3.js +++ /dev/null @@ -1,53 +0,0 @@ -//================================================= -// Example 2 and 3 - cover -//================================================= - -jQuery(function() { - - $("#example-2, #example-3").each(function() { - - var example = $(this); - var parent = example.parents(".track"); - var track = example.silverTrack($.extend({}, SilverTrackExample.defaults, {cover: true})); - - track.install(new SilverTrack.Plugins.Navigator({ - prev: $("a.prev", parent), - next: $("a.next", parent) - })); - - track.install(new SilverTrack.Plugins.BulletNavigator({ - container: $(".bullet-pagination", parent) - })); - - track.install(new SilverTrack.Plugins.ResponsiveHubConnector({ - layouts: ["phone", "small-tablet", "tablet", "web"], - onReady: function(track, options, event) { - options.onChange(track, options, event); - }, - - onChange: function(track, options, event) { - track.options.mode = "horizontal"; - track.options.autoHeight = false; - track.options.perPage = 4; - - if (event.layout === "small-tablet") { - track.options.perPage = 3; - if (track.container.hasClass("huge")) { - track.options.autoHeight = true; - } - - } else if (event.layout === "phone") { - track.options.perPage = 3; - track.options.mode = "vertical"; - track.options.autoHeight = true; - } - - track.restart({keepCurrentPage: true}); - } - })); - - track.start(); - - }); - -}); diff --git a/example/js/example4.js b/example/js/example4.js deleted file mode 100644 index b45ff70..0000000 --- a/example/js/example4.js +++ /dev/null @@ -1,80 +0,0 @@ -//================================================= -// Example 4 - remote content -//================================================= - -jQuery(function() { - - var example = $("#example-4"); - var parent = example.parents(".track"); - var track = example.silverTrack(SilverTrackExample.defaults); - - track.install(new SilverTrack.Plugins.Navigator({ - prev: $("a.prev", parent), - next: $("a.next", parent) - })); - - track.install(new SilverTrack.Plugins.BulletNavigator({ - container: $(".bullet-pagination", parent) - })); - - track.install(new SilverTrack.Plugins.RemoteContent({ - url: function(track, page, perPage) { - return SilverTrackExample.urlAjax({page: page, perPage: perPage, totalPages: 5}) - }, - beforeStart: function(track) { - track.container.parent().append($("

", {"class": "loading"})); - }, - beforeSend: function(track) { - $(".loading", track.container.parent()).fadeIn(); - }, - process: function(track, perPage, json) { - var data = json.data; - var array = []; - - for (var i = 0; i < perPage; i++) { - if (data[i] === undefined) { - break; - } - - array.push( - $("

", {"class": "item"}). - append($("", {"src": data[i].img_url})). - append($("

", {"text": data[i].title})) - ); - } - - return array; - }, - - beforeAppend: function(track, items) { - $(".loading", track.container.parent()).hide(); - }, - - updateTotalPages: function(track, json) { - track.updateTotalPages(json.total_pages); - } - })); - - track.install(new SilverTrack.Plugins.ResponsiveHubConnector({ - layouts: ["phone", "small-tablet", "tablet", "web"], - onReady: function(track, options, event) { - options.onChange(track, options, event); - }, - - onChange: function(track, options, event) { - track.options.mode = "horizontal"; - track.options.autoHeight = false; - track.options.perPage = 4; - - if (event.layout === "small-tablet" || event.layout === "phone") { - track.options.mode = "vertical"; - track.options.autoHeight = true; - } - - track.restart({keepCurrentPage: true}); - } - })); - - track.start(); - -}); diff --git a/example/js/example5.js b/example/js/example5.js deleted file mode 100644 index 1f437ba..0000000 --- a/example/js/example5.js +++ /dev/null @@ -1,47 +0,0 @@ -jQuery(function() { - - var example = $("#example-5"); - var parent = example.parents(".track"); - var track = example.silverTrack({ - duration: 800, - easing: "easeInOutQuad" - }); - - track.install(new SilverTrack.Plugins.Navigator({ - prev: $("a.prev", parent), - next: $("a.next", parent) - })); - - track.install(new SilverTrack.Plugins.Css3Animation({ - delayUnit: "s", - autoHeightDuration: 300, - autoHeightEasing: "easeInOutCubic", - autoHeightDelay: 1 - })); - - track.install(new SilverTrack.Plugins.ResponsiveHubConnector({ - layouts: ["phone", "small-tablet", "tablet", "web"], - onReady: function(track, options, event) { - options.onChange(track, options, event); - }, - - onChange: function(track, options, event) { - track.options.mode = "horizontal"; - track.options.autoheight = false; - track.options.perPage = 4; - - if (event.layout === "small-tablet") { - track.options.perPage = 3; - - } else if (event.layout === "phone") { - track.options.mode = "vertical"; - track.options.autoHeight = true; - } - - track.restart({keepCurrentPage: true}); - } - })); - - track.start(); - -}); diff --git a/example/js/example6.js b/example/js/example6.js deleted file mode 100644 index 8d4e481..0000000 --- a/example/js/example6.js +++ /dev/null @@ -1,41 +0,0 @@ -jQuery(function() { - - var example = $("#example-6"); - var parent = example.parents(".track"); - var track = example.silverTrack({ - animationAxis: 'y', - }); - - track.install(new SilverTrack.Plugins.Css3Animation()); - - track.install(new SilverTrack.Plugins.Navigator({ - prev: $("a.prev", parent), - next: $("a.next", parent) - })); - - track.install(new SilverTrack.Plugins.ResponsiveHubConnector({ - layouts: ["phone", "small-tablet", "tablet", "web"], - onReady: function(track, options, event) { - options.onChange(track, options, event); - }, - - onChange: function(track, options, event) { - track.options.mode = "vertical"; - track.options.autoheight = false; - track.options.perPage = 4; - - if (event.layout === "small-tablet") { - track.options.perPage = 3; - - } else if (event.layout === "phone") { - track.options.mode = "vertical"; - track.options.autoHeight = true; - } - - track.restart({keepCurrentPage: true}); - } - })); - - track.start(); - -}); diff --git a/example/js/example7.js b/example/js/example7.js deleted file mode 100644 index cb648b1..0000000 --- a/example/js/example7.js +++ /dev/null @@ -1,51 +0,0 @@ -jQuery(function() { - - var example = $("#example-7"); - var parent = example.parents(".track"); - var track = example.silverTrack(SilverTrackExample.defaults); - - track.install(new SilverTrack.Plugins.Navigator({ - prev: $("a.prev", parent), - next: $("a.next", parent) - })); - - track.install(new SilverTrack.Plugins.BulletNavigator({ - container: $(".bullet-pagination", parent) - })); - - track.install(new SilverTrack.Plugins.CircularNavigator({ - autoPlay: true, - duration: 5000 - })); - - track.install(new SilverTrack.Plugins.Css3Animation({ - delayUnit: "s", - autoHeightDuration: 300, - autoHeightEasing: "easeInOutCubic", - autoHeightDelay: 1 - })); - - track.install(new SilverTrack.Plugins.ResponsiveHubConnector({ - layouts: ["phone", "small-tablet", "tablet", "web"], - onReady: function(track, options, event) { - options.onChange(track, options, event); - }, - - onChange: function(track, options, event) { - track.options.mode = "horizontal"; - track.options.autoheight = false; - track.options.perPage = 4; - - if (event.layout === "small-tablet") { - track.options.perPage = 3; - - } else if (event.layout === "phone") { - track.options.mode = "vertical"; - track.options.autoHeight = true; - } - - track.restart({keepCurrentPage: true}); - } - })); - track.start(); -}); \ No newline at end of file diff --git a/example/js/lib/prism.js b/example/js/lib/prism.js deleted file mode 100644 index a1cbe2e..0000000 --- a/example/js/lib/prism.js +++ /dev/null @@ -1,10 +0,0 @@ -/** - * Prism: Lightweight, robust, elegant syntax highlighting - * MIT license http://www.opensource.org/licenses/mit-license.php/ - * @author Lea Verou http://lea.verou.me - */(function(){var e=/\blang(?:uage)?-(?!\*)(\w+)\b/i,t=self.Prism={util:{type:function(e){return Object.prototype.toString.call(e).match(/\[object (\w+)\]/)[1]},clone:function(e){var n=t.util.type(e);switch(n){case"Object":var r={};for(var i in e)e.hasOwnProperty(i)&&(r[i]=t.util.clone(e[i]));return r;case"Array":return e.slice()}return e}},languages:{extend:function(e,n){var r=t.util.clone(t.languages[e]);for(var i in n)r[i]=n[i];return r},insertBefore:function(e,n,r,i){i=i||t.languages;var s=i[e],o={};for(var u in s)if(s.hasOwnProperty(u)){if(u==n)for(var a in r)r.hasOwnProperty(a)&&(o[a]=r[a]);o[u]=s[u]}return i[e]=o},DFS:function(e,n){for(var r in e){n.call(e,r,e[r]);t.util.type(e)==="Object"&&t.languages.DFS(e[r],n)}}},highlightAll:function(e,n){var r=document.querySelectorAll('code[class*="language-"], [class*="language-"] code, code[class*="lang-"], [class*="lang-"] code');for(var i=0,s;s=r[i++];)t.highlightElement(s,e===!0,n)},highlightElement:function(r,i,s){var o,u,a=r;while(a&&!e.test(a.className))a=a.parentNode;if(a){o=(a.className.match(e)||[,""])[1];u=t.languages[o]}if(!u)return;r.className=r.className.replace(e,"").replace(/\s+/g," ")+" language-"+o;a=r.parentNode;/pre/i.test(a.nodeName)&&(a.className=a.className.replace(e,"").replace(/\s+/g," ")+" language-"+o);var f=r.textContent;if(!f)return;f=f.replace(/&/g,"&").replace(/e.length)break e;if(p instanceof i)continue;a.lastIndex=0;var d=a.exec(p);if(d){l&&(c=d[1].length);var v=d.index-1+c,d=d[0].slice(c),m=d.length,g=v+m,y=p.slice(0,v+1),b=p.slice(g+1),w=[h,1];y&&w.push(y);var E=new i(u,f?t.tokenize(d,f):d);w.push(E);b&&w.push(b);Array.prototype.splice.apply(s,w)}}}return s},hooks:{all:{},add:function(e,n){var r=t.hooks.all;r[e]=r[e]||[];r[e].push(n)},run:function(e,n){var r=t.hooks.all[e];if(!r||!r.length)return;for(var i=0,s;s=r[i++];)s(n)}}},n=t.Token=function(e,t){this.type=e;this.content=t};n.stringify=function(e,r,i){if(typeof e=="string")return e;if(Object.prototype.toString.call(e)=="[object Array]")return e.map(function(t){return n.stringify(t,r,e)}).join("");var s={type:e.type,content:n.stringify(e.content,r,i),tag:"span",classes:["token",e.type],attributes:{},language:r,parent:i};s.type=="comment"&&(s.attributes.spellcheck="true");t.hooks.run("wrap",s);var o="";for(var u in s.attributes)o+=u+'="'+(s.attributes[u]||"")+'"';return"<"+s.tag+' class="'+s.classes.join(" ")+'" '+o+">"+s.content+""};if(!self.document){self.addEventListener("message",function(e){var n=JSON.parse(e.data),r=n.language,i=n.code;self.postMessage(JSON.stringify(t.tokenize(i,t.languages[r])));self.close()},!1);return}var r=document.getElementsByTagName("script");r=r[r.length-1];if(r){t.filename=r.src;document.addEventListener&&!r.hasAttribute("data-manual")&&document.addEventListener("DOMContentLoaded",t.highlightAll)}})();; -Prism.languages.markup={comment://g,prolog:/<\?.+?\?>/,doctype:/<!DOCTYPE.+?>/,cdata:/<!\[CDATA\[[\w\W]*?]]>/i,tag:{pattern:/<\/?[\w:-]+\s*(?:\s+[\w:-]+(?:=(?:("|')(\\?[\w\W])*?\1|\w+))?\s*)*\/?>/gi,inside:{tag:{pattern:/^<\/?[\w:-]+/i,inside:{punctuation:/^<\/?/,namespace:/^[\w-]+?:/}},"attr-value":{pattern:/=(?:('|")[\w\W]*?(\1)|[^\s>]+)/gi,inside:{punctuation:/=|>|"/g}},punctuation:/\/?>/g,"attr-name":{pattern:/[\w:-]+/g,inside:{namespace:/^[\w-]+?:/}}}},entity:/&#?[\da-z]{1,8};/gi};Prism.hooks.add("wrap",function(e){e.type==="entity"&&(e.attributes.title=e.content.replace(/&/,"&"))});; -Prism.languages.css={comment:/\/\*[\w\W]*?\*\//g,atrule:{pattern:/@[\w-]+?.*?(;|(?=\s*{))/gi,inside:{punctuation:/[;:]/g}},url:/url$(["']?).*?\1$/gi,selector:/[^\{\}\s][^\{\};]*(?=\s*\{)/g,property:/(\b|\B)[\w-]+(?=\s*:)/ig,string:/("|')(\\?.)*?\1/g,important:/\B!important\b/gi,ignore:/&(lt|gt|amp);/gi,punctuation:/[\{\};:]/g};Prism.languages.markup&&Prism.languages.insertBefore("markup","tag",{style:{pattern:/(<|<)style[\w\W]*?(>|>)[\w\W]*?(<|<)\/style(>|>)/ig,inside:{tag:{pattern:/(<|<)style[\w\W]*?(>|>)|(<|<)\/style(>|>)/ig,inside:Prism.languages.markup.tag.inside},rest:Prism.languages.css}}});; -Prism.languages.clike={comment:{pattern:/(^|[^\\])(\/\*[\w\W]*?\*\/|(^|[^:])\/\/.*?(\r?\n|$))/g,lookbehind:!0},string:/("|')(\\?.)*?\1/g,"class-name":{pattern:/((?:(?:class|interface|extends|implements|trait|instanceof|new)\s+)|(?:catch\s+$))[a-z0-9_\.\\]+/ig,lookbehind:!0,inside:{punctuation:/(\.|\$/}},keyword:/\b(if|else|while|do|for|return|in|instanceof|function|new|try|throw|catch|finally|null|break|continue)\b/g,"boolean":/\b(true|false)\b/g,"function":{pattern:/[a-z0-9_]+\(/ig,inside:{punctuation:/\(/}}, number:/\b-?(0x[\dA-Fa-f]+|\d*\.?\d+([Ee]-?\d+)?)\b/g,operator:/[-+]{1,2}|!|<=?|>=?|={1,3}|(&){1,2}|\|?\||\?|\*|\/|\~|\^|\%/g,ignore:/&(lt|gt|amp);/gi,punctuation:/[{}[\];(),.:]/g}; -; -Prism.languages.javascript=Prism.languages.extend("clike",{keyword:/\b(var|let|if|else|while|do|for|return|in|instanceof|function|get|set|new|with|typeof|try|throw|catch|finally|null|break|continue)\b/g,number:/\b-?(0x[\dA-Fa-f]+|\d*\.?\d+([Ee]-?\d+)?|NaN|-?Infinity)\b/g});Prism.languages.insertBefore("javascript","keyword",{regex:{pattern:/(^|[^/])\/(?!\/)(\[.+?]|\\.|[^/\r\n])+\/[gim]{0,3}(?=\s*($|[\r\n,.;})]))/g,lookbehind:!0}});Prism.languages.markup&&Prism.languages.insertBefore("markup","tag",{script:{pattern:/(<|<)script[\w\W]*?(>|>)[\w\W]*?(<|<)\/script(>|>)/ig,inside:{tag:{pattern:/(<|<)script[\w\W]*?(>|>)|(<|<)\/script(>|>)/ig,inside:Prism.languages.markup.tag.inside},rest:Prism.languages.javascript}}});; diff --git a/example/js/recipe_example1.js b/example/js/recipe_example1.js deleted file mode 100644 index 5827cda..0000000 --- a/example/js/recipe_example1.js +++ /dev/null @@ -1,48 +0,0 @@ -jQuery(function() { - - $.silverTrackRecipes("basic", function(factory) { - factory.createTrack(function(element, options) { - return element.silverTrack({ - easing: "easeInOutQuad", - duration: 600 - }); - }); - - factory.installPlugins(function(track, options) { - var parent = track.container.parents(".track"); - - track.install(new SilverTrack.Plugins.Navigator({ - prev: $("a.prev", parent), - next: $("a.next", parent) - })); - - track.install(new SilverTrack.Plugins.BulletNavigator({ - container: $(".bullet-pagination", parent) - })); - - track.install(new SilverTrack.Plugins.ResponsiveHubConnector({ - layouts: ["phone", "small-tablet", "tablet", "web"], - onReady: function(track, options, event) { - options.onChange(track, options, event); - }, - - onChange: function(track, options, event) { - track.options.mode = "horizontal"; - track.options.autoheight = false; - track.options.perPage = 4; - - if (event.layout === "small-tablet") { - track.options.perPage = 3; - - } else if (event.layout === "phone") { - track.options.mode = "vertical"; - track.options.autoHeight = true; - } - - track.restart({keepCurrentPage: true}); - } - })); - }); - }); - -}); diff --git a/example/js/recipe_example1_usage.js b/example/js/recipe_example1_usage.js deleted file mode 100644 index 0806174..0000000 --- a/example/js/recipe_example1_usage.js +++ /dev/null @@ -1,7 +0,0 @@ -jQuery(function() { - - $(".track.example-1 .slider-container").each(function() { - $.silverTrackRecipes.create("basic", $(this)).start(); - }); - -}); diff --git a/example/js/script.js b/example/js/script.js deleted file mode 100644 index 90d96c7..0000000 --- a/example/js/script.js +++ /dev/null @@ -1,40 +0,0 @@ -jQuery(function() { - - jQuery.support.cors = true; - - window.SilverTrackExample = { - defaults: {easing: "easeInOutQuad", duration: 600}, - echoServerHost: "http://echo-server.herokuapp.com", - urlAjax: function(opts) { - var json = this.jsonCreator(opts.page, opts.perPage); - return this.urlCreator(json, opts.page, opts.totalPages); - }, - - urlCreator: function(obj, page, totalPages) { - var jsonText = escape(JSON.stringify(obj)); - return this.echoServerHost + "/echo/json/" + page + "?json=" + jsonText + "&total_pages=" + totalPages; - }, - - jsonCreator: function(page, perPage) { - var photoTypes = ["food", "people", "nature", "sports"]; - var items = []; - for (var i = 0; i < perPage; i++) { - items.push({ - img_url: "http://lorempixel.com/224/128/" + photoTypes[i], - title: "Page " + page + " item " + i - }); - } - - return items; - } - } - - $(".slider-container").each(function() { - var example = $(this); - $("a.reload", example.parents(".track")).click(function(e) { - e.preventDefault(); - example.silverTrack().restart(); - }); - }); - -}); diff --git a/images/arrows.png b/images/arrows.png new file mode 100644 index 0000000..ae8e96b Binary files /dev/null and b/images/arrows.png differ diff --git a/images/body-bg.png b/images/body-bg.png new file mode 100644 index 0000000..d0618fe Binary files /dev/null and b/images/body-bg.png differ diff --git a/images/example/cover1.png b/images/example/cover1.png new file mode 100644 index 0000000..69d4c24 Binary files /dev/null and b/images/example/cover1.png differ diff --git a/images/example/vertical_cover1.png b/images/example/vertical_cover1.png new file mode 100644 index 0000000..b43c39c Binary files /dev/null and b/images/example/vertical_cover1.png differ diff --git a/images/gh-icons.png b/images/gh-icons.png new file mode 100644 index 0000000..1c76039 Binary files /dev/null and b/images/gh-icons.png differ diff --git a/images/highlight-bg.jpg b/images/highlight-bg.jpg new file mode 100644 index 0000000..4c4a78e Binary files /dev/null and b/images/highlight-bg.jpg differ diff --git a/images/hr.png b/images/hr.png new file mode 100644 index 0000000..6c723a5 Binary files /dev/null and b/images/hr.png differ diff --git a/images/octocat-icon.png b/images/octocat-icon.png new file mode 100644 index 0000000..f0ba137 Binary files /dev/null and b/images/octocat-icon.png differ diff --git a/images/tar-gz-icon.png b/images/tar-gz-icon.png new file mode 100644 index 0000000..d50f34f Binary files /dev/null and b/images/tar-gz-icon.png differ diff --git a/images/zip-icon.png b/images/zip-icon.png new file mode 100644 index 0000000..162c425 Binary files /dev/null and b/images/zip-icon.png differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..f45e71a --- /dev/null +++ b/index.html @@ -0,0 +1,137 @@ +--- +layout: nil +--- + +{% assign root_path = '' %} +{% include head.html %} + + + +

+ SilverTrack is a jQuery plugin designed to be extensible through other plugins. It has a small core and comes with very useful plugins +

+ +

+ For more examples and detailed documentation take a look at the menu or spending some time on getting started guide. +

+ +

+ + +

+ +

Pick the best cover

+ because it will occupy the whole first page, but it adds a nice touch of refinement +

+ +

+ + +

+ +

+ + +

+ +

+ + +

+ +

+ + +

+ +{% include footer.html %} diff --git a/javascripts/basic_example.js b/javascripts/basic_example.js new file mode 100644 index 0000000..6532c1b --- /dev/null +++ b/javascripts/basic_example.js @@ -0,0 +1,12 @@ +$(function() { + var container = $(".my-track"); + var track = container.find(".slider-container").silverTrack(); + + // install the plugins you want, in our case Navigator + track.install(new SilverTrack.Plugins.Navigator({ + prev: $("a.prev", container), + next: $("a.next", container) + })); + + track.start(); +}); diff --git a/javascripts/creating_plugin_example.js b/javascripts/creating_plugin_example.js new file mode 100644 index 0000000..4c3293d --- /dev/null +++ b/javascripts/creating_plugin_example.js @@ -0,0 +1,34 @@ +$(function() { + // ========================================================================= + // Plugin definition + // ========================================================================= + $.silverTrackPlugin("ConfirmWhenItemClicked", { + defaults: { + message: "Really?" + }, + + initialize: function(options) { + this.options = options; + }, + + beforeStart: function(track) { + var self = this; + var itemSelector = "." + track.options.itemClass; + track.container.find(itemSelector).off("click").click(function(e) { + if (!confirm(self.options.message)) { + e.preventDefault(); + } + }); + } + }); + + // ========================================================================== + // Track initialization + // ========================================================================== + var container = $(".my-track"); + var track = container.find(".slider-container").silverTrack(); + + track.install(new SilverTrack.Plugins.ConfirmWhenItemClicked()); + + track.start(); +}); diff --git a/javascripts/defining_recipe_example.js b/javascripts/defining_recipe_example.js new file mode 100644 index 0000000..57cec5d --- /dev/null +++ b/javascripts/defining_recipe_example.js @@ -0,0 +1,44 @@ +$(function() { + // ========================================================================== + // Defining recipes + // ========================================================================== + $.silverTrackRecipes("basic", function(factory) { + factory.createTrack(function(element, options) { + // Let's tweak a little bit this track + return element.silverTrack({ + easing: options.easing || "easeInOutQuad", + duration: options.duration || 600 + }); + }); + + factory.installPlugins(function(track, options) { + var parent = track.container.parents(".track"); + track.install(new SilverTrack.Plugins.Navigator({ + prev: $("a.prev", parent), + next: $("a.next", parent) + })); + }); + }); + + $.silverTrackRecipes("complex", function(factory) { + factory.createTrack(function(element, options) { + return $.silverTrackRecipes.create("basic", element, options); + }); + + factory.installPlugins(function(track, options) { + track.install(new SilverTrack.Plugins.BulletNavigator({ + container: $(".bullet-pagination", track.container.parents(".track")) + })); + }); + }); + + // ========================================================================== + // Track initialization + // ========================================================================== + $(".track").each(function() { + var container = $(this).find(".slider-container"); + var recipe = container.data("recipe"); + var opts = container.data("opts"); + $.silverTrackRecipes.create(recipe, container, opts).start(); + }); +}); diff --git a/javascripts/home_examples.js b/javascripts/home_examples.js new file mode 100644 index 0000000..ae951f3 --- /dev/null +++ b/javascripts/home_examples.js @@ -0,0 +1,102 @@ +$(function() { + // Take a look at Recipes (http://tulios.github.io/jquery.silver_track/how_tos/defining-a-recipe.html) to avoid repetition + // ========================================================================= + // Sample 1 + // ========================================================================= + var container = $(".track.sample1"); + var track = container.find(".slider-container").silverTrack({duration: 800}); + + track.install(new SilverTrack.Plugins.Css3Animation()); + + track.install(new SilverTrack.Plugins.Navigator({ + prev: $("a.prev", container), + next: $("a.next", container) + })); + + track.start(); + + // ========================================================================= + // Sample 2 + // ========================================================================= + container = $(".track.sample2"); + track = container.find(".slider-container").silverTrack({ + itemClass: "my-item", + cover: true, + easing: "easeInOutQuad", + duration: 600 + }); + + track.install(new SilverTrack.Plugins.Css3Animation()); + + track.install(new SilverTrack.Plugins.Navigator({ + prev: $("a.prev", container), + next: $("a.next", container) + })); + + track.install(new SilverTrack.Plugins.BulletNavigator({ + container: $(".bullet-pagination") + })); + + track.start(); + + // ========================================================================= + // Sample 3 + // ========================================================================= + container = $(".track.sample3"); + track = container.find(".slider-container").silverTrack({ + duration: 600, + easing: "easeInOutQuad", + mode: "vertical", + autoHeight: true + }); + + track.install(new SilverTrack.Plugins.Navigator({ + prev: $("a.prev", container), + next: $("a.next", container) + })); + + track.install(new SilverTrack.Plugins.Css3Animation()); + + track.start(); + + // ========================================================================= + // Sample 4 + // ========================================================================= + container = $(".track.sample4"); + track = container.find(".slider-container").silverTrack({ + duration: 600, + easing: "easeInOutQuad", + mode: "vertical", + animationAxis: "y" + }); + + track.install(new SilverTrack.Plugins.Navigator({ + prev: $("a.prev", container), + next: $("a.next", container) + })); + + track.install(new SilverTrack.Plugins.Css3Animation()); + + track.start(); + + // ========================================================================= + // Sample 5 + // ========================================================================= + + container = $(".track.sample5"); + var track = container.find(".slider-container").silverTrack(); + + track.install(new SilverTrack.Plugins.Css3Animation()); + + track.install(new SilverTrack.Plugins.Navigator({ + prev: $("a.prev", container), + next: $("a.next", container) + })); + + track.install(new SilverTrack.Plugins.CircularNavigator({ + autoPlay: true, + duration: 5000 + })); + + track.start(); +}); diff --git a/javascripts/libs/bootstrap.dropdown.js b/javascripts/libs/bootstrap.dropdown.js new file mode 100755 index 0000000..43d7ae3 --- /dev/null +++ b/javascripts/libs/bootstrap.dropdown.js @@ -0,0 +1,147 @@ +/* ======================================================================== + * Bootstrap: dropdown.js v3.1.1 + * http://getbootstrap.com/javascript/#dropdowns + * ======================================================================== + * Copyright 2011-2014 Twitter, Inc. + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) + * ======================================================================== */ + + ++function ($) { + 'use strict'; + + // DROPDOWN CLASS DEFINITION + // ========================= + + var backdrop = '.dropdown-backdrop' + var toggle = '[data-toggle=dropdown]' + var Dropdown = function (element) { + $(element).on('click.bs.dropdown', this.toggle) + } + + Dropdown.prototype.toggle = function (e) { + var $this = $(this) + + if ($this.is('.disabled, :disabled')) return + + var $parent = getParent($this) + var isActive = $parent.hasClass('open') + + clearMenus() + + if (!isActive) { + if ('ontouchstart' in document.documentElement && !$parent.closest('.navbar-nav').length) { + // if mobile we use a backdrop because click events don't delegate + $('

').insertAfter($(this)).on('click', clearMenus) + } + + var relatedTarget = { relatedTarget: this } + $parent.trigger(e = $.Event('show.bs.dropdown', relatedTarget)) + + if (e.isDefaultPrevented()) return + + $parent + .toggleClass('open') + .trigger('shown.bs.dropdown', relatedTarget) + + $this.focus() + } + + return false + } + + Dropdown.prototype.keydown = function (e) { + if (!/(38|40|27)/.test(e.keyCode)) return + + var $this = $(this) + + e.preventDefault() + e.stopPropagation() + + if ($this.is('.disabled, :disabled')) return + + var $parent = getParent($this) + var isActive = $parent.hasClass('open') + + if (!isActive || (isActive && e.keyCode == 27)) { + if (e.which == 27) $parent.find(toggle).focus() + return $this.click() + } + + var desc = ' li:not(.divider):visible a' + var $items = $parent.find('[role=menu]' + desc + ', [role=listbox]' + desc) + + if (!$items.length) return + + var index = $items.index($items.filter(':focus')) + + if (e.keyCode == 38 && index > 0) index-- // up + if (e.keyCode == 40 && index < $items.length - 1) index++ // down + if (!~index) index = 0 + + $items.eq(index).focus() + } + + function clearMenus(e) { + $(backdrop).remove() + $(toggle).each(function () { + var $parent = getParent($(this)) + var relatedTarget = { relatedTarget: this } + if (!$parent.hasClass('open')) return + $parent.trigger(e = $.Event('hide.bs.dropdown', relatedTarget)) + if (e.isDefaultPrevented()) return + $parent.removeClass('open').trigger('hidden.bs.dropdown', relatedTarget) + }) + } + + function getParent($this) { + var selector = $this.attr('data-target') + + if (!selector) { + selector = $this.attr('href') + selector = selector && /#[A-Za-z]/.test(selector) && selector.replace(/.*(?=#[^\s]*$)/, '') //strip for ie7 + } + + var $parent = selector && $(selector) + + return $parent && $parent.length ? $parent : $this.parent() + } + + + // DROPDOWN PLUGIN DEFINITION + // ========================== + + var old = $.fn.dropdown + + $.fn.dropdown = function (option) { + return this.each(function () { + var $this = $(this) + var data = $this.data('bs.dropdown') + + if (!data) $this.data('bs.dropdown', (data = new Dropdown(this))) + if (typeof option == 'string') data[option].call($this) + }) + } + + $.fn.dropdown.Constructor = Dropdown + + + // DROPDOWN NO CONFLICT + // ==================== + + $.fn.dropdown.noConflict = function () { + $.fn.dropdown = old + return this + } + + + // APPLY TO STANDARD DROPDOWN ELEMENTS + // =================================== + + $(document) + .on('click.bs.dropdown.data-api', clearMenus) + .on('click.bs.dropdown.data-api', '.dropdown form', function (e) { e.stopPropagation() }) + .on('click.bs.dropdown.data-api', toggle, Dropdown.prototype.toggle) + .on('keydown.bs.dropdown.data-api', toggle + ', [role=menu], [role=listbox]', Dropdown.prototype.keydown) + +}(jQuery); diff --git a/javascripts/libs/jquery-easing-1.3.0.js b/javascripts/libs/jquery-easing-1.3.0.js new file mode 100644 index 0000000..e5ac0b7 --- /dev/null +++ b/javascripts/libs/jquery-easing-1.3.0.js @@ -0,0 +1,205 @@ +/* + * jQuery Easing v1.3 - http://gsgd.co.uk/sandbox/jquery/easing/ + * + * Uses the built in easing capabilities added In jQuery 1.1 + * to offer multiple easing options + * + * TERMS OF USE - jQuery Easing + * + * Open source under the BSD License. + * + * Copyright © 2008 George McGinley Smith + * All rights reserved. + * + * Redistribution and use in source and binary forms, with or without modification, + * are permitted provided that the following conditions are met: + * + * Redistributions of source code must retain the above copyright notice, this list of + * conditions and the following disclaimer. + * Redistributions in binary form must reproduce the above copyright notice, this list + * of conditions and the following disclaimer in the documentation and/or other materials + * provided with the distribution. + * + * Neither the name of the author nor the names of contributors may be used to endorse + * or promote products derived from this software without specific prior written permission. + * + * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY + * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF + * MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE + * COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, + * EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE + * GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED + * AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING + * NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED + * OF THE POSSIBILITY OF SUCH DAMAGE. + * +*/ + +// t: current time, b: begInnIng value, c: change In value, d: duration +jQuery.easing['jswing'] = jQuery.easing['swing']; + +jQuery.extend( jQuery.easing, +{ + def: 'easeOutQuad', + swing: function (x, t, b, c, d) { + //alert(jQuery.easing.default); + return jQuery.easing[jQuery.easing.def](x, t, b, c, d); + }, + easeInQuad: function (x, t, b, c, d) { + return c*(t/=d)*t + b; + }, + easeOutQuad: function (x, t, b, c, d) { + return -c *(t/=d)*(t-2) + b; + }, + easeInOutQuad: function (x, t, b, c, d) { + if ((t/=d/2) < 1) return c/2*t*t + b; + return -c/2 * ((--t)*(t-2) - 1) + b; + }, + easeInCubic: function (x, t, b, c, d) { + return c*(t/=d)*t*t + b; + }, + easeOutCubic: function (x, t, b, c, d) { + return c*((t=t/d-1)*t*t + 1) + b; + }, + easeInOutCubic: function (x, t, b, c, d) { + if ((t/=d/2) < 1) return c/2*t*t*t + b; + return c/2*((t-=2)*t*t + 2) + b; + }, + easeInQuart: function (x, t, b, c, d) { + return c*(t/=d)*t*t*t + b; + }, + easeOutQuart: function (x, t, b, c, d) { + return -c * ((t=t/d-1)*t*t*t - 1) + b; + }, + easeInOutQuart: function (x, t, b, c, d) { + if ((t/=d/2) < 1) return c/2*t*t*t*t + b; + return -c/2 * ((t-=2)*t*t*t - 2) + b; + }, + easeInQuint: function (x, t, b, c, d) { + return c*(t/=d)*t*t*t*t + b; + }, + easeOutQuint: function (x, t, b, c, d) { + return c*((t=t/d-1)*t*t*t*t + 1) + b; + }, + easeInOutQuint: function (x, t, b, c, d) { + if ((t/=d/2) < 1) return c/2*t*t*t*t*t + b; + return c/2*((t-=2)*t*t*t*t + 2) + b; + }, + easeInSine: function (x, t, b, c, d) { + return -c * Math.cos(t/d * (Math.PI/2)) + c + b; + }, + easeOutSine: function (x, t, b, c, d) { + return c * Math.sin(t/d * (Math.PI/2)) + b; + }, + easeInOutSine: function (x, t, b, c, d) { + return -c/2 * (Math.cos(Math.PI*t/d) - 1) + b; + }, + easeInExpo: function (x, t, b, c, d) { + return (t==0) ? b : c * Math.pow(2, 10 * (t/d - 1)) + b; + }, + easeOutExpo: function (x, t, b, c, d) { + return (t==d) ? b+c : c * (-Math.pow(2, -10 * t/d) + 1) + b; + }, + easeInOutExpo: function (x, t, b, c, d) { + if (t==0) return b; + if (t==d) return b+c; + if ((t/=d/2) < 1) return c/2 * Math.pow(2, 10 * (t - 1)) + b; + return c/2 * (-Math.pow(2, -10 * --t) + 2) + b; + }, + easeInCirc: function (x, t, b, c, d) { + return -c * (Math.sqrt(1 - (t/=d)*t) - 1) + b; + }, + easeOutCirc: function (x, t, b, c, d) { + return c * Math.sqrt(1 - (t=t/d-1)*t) + b; + }, + easeInOutCirc: function (x, t, b, c, d) { + if ((t/=d/2) < 1) return -c/2 * (Math.sqrt(1 - t*t) - 1) + b; + return c/2 * (Math.sqrt(1 - (t-=2)*t) + 1) + b; + }, + easeInElastic: function (x, t, b, c, d) { + var s=1.70158;var p=0;var a=c; + if (t==0) return b; if ((t/=d)==1) return b+c; if (!p) p=d*.3; + if (a < Math.abs(c)) { a=c; var s=p/4; } + else var s = p/(2*Math.PI) * Math.asin (c/a); + return -(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b; + }, + easeOutElastic: function (x, t, b, c, d) { + var s=1.70158;var p=0;var a=c; + if (t==0) return b; if ((t/=d)==1) return b+c; if (!p) p=d*.3; + if (a < Math.abs(c)) { a=c; var s=p/4; } + else var s = p/(2*Math.PI) * Math.asin (c/a); + return a*Math.pow(2,-10*t) * Math.sin( (t*d-s)*(2*Math.PI)/p ) + c + b; + }, + easeInOutElastic: function (x, t, b, c, d) { + var s=1.70158;var p=0;var a=c; + if (t==0) return b; if ((t/=d/2)==2) return b+c; if (!p) p=d*(.3*1.5); + if (a < Math.abs(c)) { a=c; var s=p/4; } + else var s = p/(2*Math.PI) * Math.asin (c/a); + if (t < 1) return -.5*(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b; + return a*Math.pow(2,-10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )*.5 + c + b; + }, + easeInBack: function (x, t, b, c, d, s) { + if (s == undefined) s = 1.70158; + return c*(t/=d)*t*((s+1)*t - s) + b; + }, + easeOutBack: function (x, t, b, c, d, s) { + if (s == undefined) s = 1.70158; + return c*((t=t/d-1)*t*((s+1)*t + s) + 1) + b; + }, + easeInOutBack: function (x, t, b, c, d, s) { + if (s == undefined) s = 1.70158; + if ((t/=d/2) < 1) return c/2*(t*t*(((s*=(1.525))+1)*t - s)) + b; + return c/2*((t-=2)*t*(((s*=(1.525))+1)*t + s) + 2) + b; + }, + easeInBounce: function (x, t, b, c, d) { + return c - jQuery.easing.easeOutBounce (x, d-t, 0, c, d) + b; + }, + easeOutBounce: function (x, t, b, c, d) { + if ((t/=d) < (1/2.75)) { + return c*(7.5625*t*t) + b; + } else if (t < (2/2.75)) { + return c*(7.5625*(t-=(1.5/2.75))*t + .75) + b; + } else if (t < (2.5/2.75)) { + return c*(7.5625*(t-=(2.25/2.75))*t + .9375) + b; + } else { + return c*(7.5625*(t-=(2.625/2.75))*t + .984375) + b; + } + }, + easeInOutBounce: function (x, t, b, c, d) { + if (t < d/2) return jQuery.easing.easeInBounce (x, t*2, 0, c, d) * .5 + b; + return jQuery.easing.easeOutBounce (x, t*2-d, 0, c, d) * .5 + c*.5 + b; + } +}); + +/* + * + * TERMS OF USE - EASING EQUATIONS + * + * Open source under the BSD License. + * + * Copyright © 2001 Robert Penner + * All rights reserved. + * + * Redistribution and use in source and binary forms, with or without modification, + * are permitted provided that the following conditions are met: + * + * Redistributions of source code must retain the above copyright notice, this list of + * conditions and the following disclaimer. + * Redistributions in binary form must reproduce the above copyright notice, this list + * of conditions and the following disclaimer in the documentation and/or other materials + * provided with the distribution. + * + * Neither the name of the author nor the names of contributors may be used to endorse + * or promote products derived from this software without specific prior written permission. + * + * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY + * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF + * MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE + * COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, + * EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE + * GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED + * AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING + * NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED + * OF THE POSSIBILITY OF SUCH DAMAGE. + * + */ diff --git a/javascripts/libs/modernizr.mediaqueries.transform3d.js b/javascripts/libs/modernizr.mediaqueries.transform3d.js new file mode 100644 index 0000000..314c589 --- /dev/null +++ b/javascripts/libs/modernizr.mediaqueries.transform3d.js @@ -0,0 +1,4 @@ +/* Modernizr 2.7.1 (Custom Build) | MIT & BSD + * Build: http://modernizr.com/download/#-csstransforms3d-mq-teststyles-testprop-testallprops-prefixes-domprefixes + */ +;window.Modernizr=function(a,b,c){function z(a){i.cssText=a}function A(a,b){return z(l.join(a+";")+(b||""))}function B(a,b){return typeof a===b}function C(a,b){return!!~(""+a).indexOf(b)}function D(a,b){for(var d in a){var e=a[d];if(!C(e,"-")&&i[e]!==c)return b=="pfx"?e:!0}return!1}function E(a,b,d){for(var e in a){var f=b[a[e]];if(f!==c)return d===!1?a[e]:B(f,"function")?f.bind(d||b):f}return!1}function F(a,b,c){var d=a.charAt(0).toUpperCase()+a.slice(1),e=(a+" "+n.join(d+" ")+d).split(" ");return B(b,"string")||B(b,"undefined")?D(e,b):(e=(a+" "+o.join(d+" ")+d).split(" "),E(e,b,c))}var d="2.7.1",e={},f=b.documentElement,g="modernizr",h=b.createElement(g),i=h.style,j,k={}.toString,l=" -webkit- -moz- -o- -ms- ".split(" "),m="Webkit Moz O ms",n=m.split(" "),o=m.toLowerCase().split(" "),p={},q={},r={},s=[],t=s.slice,u,v=function(a,c,d,e){var h,i,j,k,l=b.createElement("div"),m=b.body,n=m||b.createElement("body");if(parseInt(d,10))while(d--)j=b.createElement("div"),j.id=e?e[d]:g+(d+1),l.appendChild(j);return h=["",'"].join(""),l.id=g,(m?l:n).innerHTML+=h,n.appendChild(l),m||(n.style.background="",n.style.overflow="hidden",k=f.style.overflow,f.style.overflow="hidden",f.appendChild(n)),i=c(l,a),m?l.parentNode.removeChild(l):(n.parentNode.removeChild(n),f.style.overflow=k),!!i},w=function(b){var c=a.matchMedia||a.msMatchMedia;if(c)return c(b).matches;var d;return v("@media "+b+" { #"+g+" { position: absolute; } }",function(b){d=(a.getComputedStyle?getComputedStyle(b,null):b.currentStyle)["position"]=="absolute"}),d},x={}.hasOwnProperty,y;!B(x,"undefined")&&!B(x.call,"undefined")?y=function(a,b){return x.call(a,b)}:y=function(a,b){return b in a&&B(a.constructor.prototype[b],"undefined")},Function.prototype.bind||(Function.prototype.bind=function(b){var c=this;if(typeof c!="function")throw new TypeError;var d=t.call(arguments,1),e=function(){if(this instanceof e){var a=function(){};a.prototype=c.prototype;var f=new a,g=c.apply(f,d.concat(t.call(arguments)));return Object(g)===g?g:f}return c.apply(b,d.concat(t.call(arguments)))};return e}),p.csstransforms3d=function(){var a=!!F("perspective");return a&&"webkitPerspective"in f.style&&v("@media (transform-3d),(-webkit-transform-3d){#modernizr{left:9px;position:absolute;height:3px;}}",function(b,c){a=b.offsetLeft===9&&b.offsetHeight===3}),a};for(var G in p)y(p,G)&&(u=G.toLowerCase(),e[u]=p[G](),s.push((e[u]?"":"no-")+u));return e.addTest=function(a,b){if(typeof a=="object")for(var d in a)y(a,d)&&e.addTest(d,a[d]);else{a=a.toLowerCase();if(e[a]!==c)return e;b=typeof b=="function"?b():b,typeof enableClasses!="undefined"&&enableClasses&&(f.className+=" "+(b?"":"no-")+a),e[a]=b}return e},z(""),h=j=null,e._version=d,e._prefixes=l,e._domPrefixes=o,e._cssomPrefixes=n,e.mq=w,e.testProp=function(a){return D([a])},e.testAllProps=F,e.testStyles=v,e}(this,this.document); diff --git a/lib/responsive-hub-0.2.2.js b/javascripts/libs/responsive-hub.js similarity index 92% rename from lib/responsive-hub-0.2.2.js rename to javascripts/libs/responsive-hub.js index ba9d6d3..42035de 100644 --- a/lib/responsive-hub-0.2.2.js +++ b/javascripts/libs/responsive-hub.js @@ -1,7 +1,7 @@ /*! * ResponsiveHub - JavaScript goodies for Responsive Design * https://github.com/globocom/responsive-hub - * version: 0.2.2 + * version: 0.4.0 */ (function ($, window, document) { @@ -22,12 +22,9 @@ } } } - } + }; var ResponsiveHub = { - NAMESPACE: "ResponsiveHub_", - NAMESPACE_READY: "ResponsiveHubReady_", - currentLayout: null, resizeBound: false, hasMediaQuerySupport: false, @@ -77,11 +74,11 @@ }, ready: function(layout, callback) { - this._bind(this.NAMESPACE_READY, layout, callback); + this._bind("responsiveready", layout, callback); }, change: function(layout, callback) { - this._bind(this.NAMESPACE, layout, callback); + this._bind("responsivechange", layout, callback); }, isResizing: function() { @@ -113,7 +110,7 @@ if (layout != self.currentLayout) { self.currentLayout = layout; - self.windowObj.trigger(self.NAMESPACE + layout, [self._newEvent()]); + self.windowObj.trigger("responsivechange" + layout, [self._newEvent()]); } }, @@ -144,12 +141,17 @@ if (!this.currentLayout) { this.currentLayout = this.layout(); - var readyEvent = this.NAMESPACE_READY + this.currentLayout; + var readyEvent = "responsiveready" + this.currentLayout; + this.windowObj.trigger(readyEvent, [this._newEvent()]); this.windowObj.unbind(readyEvent); } }, + _unbind: function() { + $(window).unbind(".responsivehub"); + }, + _bind: function(namespace, layout, callback) { var self = this; var layouts = this._flatten(this._isArray(layout) ? layout : [layout]); @@ -158,7 +160,7 @@ } $.each(layouts, function(index, value) { - $(window).bind(namespace + value, eventCallback); + $(window).bind(namespace + value + ".responsivehub", eventCallback); }); }, diff --git a/javascripts/methods_example.js b/javascripts/methods_example.js new file mode 100644 index 0000000..59981ac --- /dev/null +++ b/javascripts/methods_example.js @@ -0,0 +1,77 @@ +$(function() { + // ========================================================================= + // Basic track to demonstrate the methods usage + // ========================================================================= + + var container = $(".track:first"); + var track = container.find(".slider-container").silverTrack(); + + track.install(new SilverTrack.Plugins.Navigator({ + prev: $("a.prev", container), + next: $("a.next", container) + })); + + track.start(); + + // ========================================================================= + // Helper function just to improve the example + // ========================================================================= + var output = function(text) { + var consoleInfo = $(".console .info"); + consoleInfo. + val(function(_, val){ return val + text + "\n"; }). + scrollTop(consoleInfo.get(0).scrollHeight); + } + + // ========================================================================= + // Button samples + // ========================================================================= + $(".commands .go-to-page").off("click").click(function(e) { + e.preventDefault(); + var page = parseInt($(".go-to-page-field").val(), 10); + track.goToPage(page); + output("track.goToPage(" + page + ")"); + }); + + $(".commands .prev").off("click").click(function(e) { + track.prev(); + output("track.prev()"); + }); + + $(".commands .next").off("click").click(function(e) { + track.next(); + output("track.next()"); + }); + + $(".commands .has-prev").off("click").click(function(e) { + track.hasPrev(); + output("track.hasPrev() => " + track.hasPrev()); + }); + + $(".commands .has-next").off("click").click(function(e) { + track.hasNext(); + output("track.hasNext() => " + track.hasNext()); + }); + + $(".commands .restart").off("click").click(function(e) { + track.restart(); + output("track.restart()"); + }); + + $(".commands .restart-keep-current-page").off("click").click(function(e) { + track.restart({keepCurrentPage: true}); + output("track.restart({keepCurrentPage: true})"); + }); + + $(".commands .restart-page-2").off("click").click(function(e) { + track.restart({page: 2, animate: true}); + output("track.restart({page: 2, animate: true})"); + }); + + $(".commands .restart-animate-false").off("click").click(function(e) { + track.restart({animate: false}); + output("track.restart({animate: false})"); + }); + + output("Console started... Interact with the buttons"); +}); diff --git a/javascripts/options_example.js b/javascripts/options_example.js new file mode 100644 index 0000000..6400f4d --- /dev/null +++ b/javascripts/options_example.js @@ -0,0 +1,80 @@ +$(function() { + // ================================================================================================= + // Track with options: {itemClass: "my-item", cover: true, easing: "easeInOutQuad", duration: 600} + // ================================================================================================= + + var container = $(".track.first-example"); + var track = container.find(".slider-container").silverTrack({ + itemClass: "my-item", + cover: true, + easing: "easeInOutQuad", + duration: 600 + }); + + track.install(new SilverTrack.Plugins.Css3Animation()); + + track.install(new SilverTrack.Plugins.Navigator({ + prev: $("a.prev", container), + next: $("a.next", container) + })); + + track.start(); + + // ================================================================================================= + // Track with options: {itemClass: "small-item", perPage: 5, mode: "vertical"} + // ================================================================================================= + + var container = $(".track.second-example"); + var track = container.find(".slider-container").silverTrack({ + itemClass: "small-item", + perPage: 5, + mode: "vertical" + }); + + track.install(new SilverTrack.Plugins.Navigator({ + prev: $("a.prev", container), + next: $("a.next", container) + })); + + track.start(); + + // ================================================================================================= + // Track with options: {itemClass: "small-item", perPage: 5, mode: "vertical", animationAxis: "y"} + // ================================================================================================= + + var container = $(".track.third-example"); + var track = container.find(".slider-container").silverTrack({ + itemClass: "small-item", + perPage: 5, + mode: "vertical", + animationAxis: "y" + }); + + track.install(new SilverTrack.Plugins.Navigator({ + prev: $("a.prev", container), + next: $("a.next", container) + })); + + track.start(); + + // ================================================================================================= + // Track with options: {itemClass: "small-item", cover: true, perPage: 5, mode: "vertical", animationAxis: "y"} + // ================================================================================================= + + var container = $(".track.fourth-example"); + var track = container.find(".slider-container").silverTrack({ + itemClass: "small-item", + cover: true, + perPage: 5, + mode: "vertical", + animationAxis: "y" + }); + + track.install(new SilverTrack.Plugins.Navigator({ + prev: $("a.prev", container), + next: $("a.next", container) + })); + + track.start(); + +}); diff --git a/javascripts/plugin/jquery.silver_track.js b/javascripts/plugin/jquery.silver_track.js new file mode 100644 index 0000000..b8164ba --- /dev/null +++ b/javascripts/plugin/jquery.silver_track.js @@ -0,0 +1,446 @@ +/*! + * jQuery SilverTrack + * https://github.com/tulios/jquery.silver_track + * version: 0.4.0 + */ + +(function ($, window, document) { + + var instanceName = "silverTrackInstance"; + + $.fn.silverTrack = function(options) { + var container = $(this); + + if (!container.data(instanceName)) { + options = $.extend({}, $.fn.silverTrack.options, options); + var instance = new SilverTrack(container, options); + container.data(instanceName, instance); + return instance; + } + + return container.data(instanceName); + }; + + $.fn.silverTrack.options = { + perPage: 4, + itemClass: "item", + mode: "horizontal", + autoHeight: false, + cover: false, + duration: 600, + easing: "swing", + /* + * Args: movement, duration, easing, afterCallback + * - easing and afterCallback may be optional + * - movement will be {left: someValue} or {height: someValue} + */ + animateFunction: null, + animationAxis: "x" + }; + + var SilverTrack = function (container, options) { + this.options = options; + this.container = container; + this.paginationEnabled = true; + this.calculateTotalPages = true; + this.currentPage = 1; + this.totalPages = 1; + this.plugins = []; + + this.reloadItems(); + }; + + SilverTrack.prototype = { + + start: function() { + if (this.options.animateFunction === null) { + this._validateAnimationEasing(); + } + + this._executeAll("beforeStart"); + this._init(); + this._executeAll("afterStart"); + }, + + /* + * page: Number + * opts: {animate: true|false} + */ + goToPage: function(page, opts) { + opts = $.extend({animate: true}, opts); + + var duration = opts.animate ? this.options.duration : 0; + var useCover = this.options.cover && (page === 1); + var direction = page > this.currentPage ? "next" : "prev"; + var items = useCover ? this._getCover() : this._calculateItemsForPagination(page); + + if (!this._canPaginate(page)) { + return; + } + + if (items.length > 0) { + var shift = this._calculateItemPosition(items.get(0)); + var event = {name: direction, page: page, cover: useCover, items: items}; + + if (items.length < this.options.perPage && !useCover && (this.isModeHorizontal() || this.isAxisY())) { + shift -= this._calculateMaxShiftAvailable(items); + } + + this._executeAll("beforePagination", [event]); + this.currentPage = page; + this.paginationEnabled = false; + + this._slide(shift, event, duration); + this._adjustHeight(items, duration); + } + }, + + next: function() { + this.goToPage(this.currentPage + 1); + }, + + prev: function() { + this.goToPage(this.currentPage - 1); + }, + + hasPrev: function() { + return !(this.currentPage === 1); + }, + + hasNext: function() { + return !(this.currentPage === this.totalPages || this.totalPages <= 1); + }, + + isModeHorizontal: function() { + return this.options.mode === "horizontal"; + }, + + isAxisY: function() { + return this.options.animationAxis === "y" + }, + + /* + * { + * page: Number, // default: 1 + * keepCurrentPage: true|false, // default: false + * animate: true|false // default: false + * } + */ + restart: function(opts) { + opts = $.extend({ + page: 1, + keepCurrentPage: false, + animate: false + }, opts); + + if (opts.keepCurrentPage) { + opts.page = this.currentPage; + } + + this._executeAll("beforeRestart"); + this.container.css("height", ""); + this._getItems(true).css("top", ""); + + this.paginationEnabled = true; + this.currentPage = 1; + + this._init(); + this.goToPage(opts.page, {animate: opts.animate}); + this._executeAll("afterRestart"); + }, + + install: function(plugin) { + this.plugins.push(plugin); + this._callFunction(plugin, "onInstall"); + return this; + }, + + reloadItems: function() { + this._items = null; + }, + + updateTotalPages: function(totalPages) { + this.calculateTotalPages = false; + this.totalPages = this._abs(totalPages); + this._executeAll("onTotalPagesUpdate"); + }, + + findPluginByName: function(name) { + for (var i = 0; i < this.plugins.length; i++) { + var plugin = this.plugins[i]; + if (plugin.PluginName === name) { + return plugin; + } + } + + return null; + }, + + _init: function() { + this.animatedAttribute = this.isAxisY() ? "top" : "left"; + this._positionElements(); + if (this.calculateTotalPages) { + this._calculateTotalPages(); + } + }, + + _getItems: function(ignoreCoverFilter) { + if (!this._items) { + this._items = $("." + this.options.itemClass, this.container); + } + + return !ignoreCoverFilter && this.options.cover ? this._items.not(":first") : this._items; + }, + + _getCover: function() { + return $("." + this.options.itemClass + ":first", this.container); + }, + + _canPaginate: function(page) { + if (!this.paginationEnabled || page > this.totalPages || page < 1) { + return false; + } + + return true; + }, + + _slide: function(shift, event, duration) { + var self = this; + var movement = {}; + movement[this.animatedAttribute] = "-" + shift + "px"; + + var afterCallback = function() { + self.paginationEnabled = true; + self._executeAll("afterAnimation", [event]); + } + + this._executeAll("beforeAnimation", [event]); + this._animate(movement, duration, afterCallback) + }, + + _adjustHeight: function(items, duration) { + if (this.options.autoHeight === true) { + var newHeight = 0; + + if (this.isModeHorizontal()) { + newHeight = $(items[0]).outerHeight(true); + + } else { + items.each(function(index, value) { + newHeight += $(value).outerHeight(true); + }); + } + + var event = {items: items, newHeight: newHeight}; + this._executeAll("beforeAdjustHeight", [event]); + this._animate({"height": newHeight + "px"}, duration); + this._executeAll("afterAdjustHeight", [event]); + } + }, + + _animate: function(movement, duration, afterCallback) { + var easing = this.options.easing; + if (this.options.animateFunction !== null) { + this.options.animateFunction(movement, duration, easing, afterCallback); + + } else { + this.container.animate(movement, duration, easing, afterCallback); + } + }, + + _positionElements: function() { + this._calculateItemDimension(); + this._calculateCoverDimention(); + this.container.css(this.animatedAttribute, "0px"); + + if (this.isModeHorizontal()) { + this._positionHorizontal(); + + } else { + this._positionVertical(); + } + }, + + _positionHorizontal: function() { + var width = 0; + this._getItems(true).each(function(index, value) { + var item = $(value); + item.css({"left": width + "px"}); + width += item.outerWidth(true); + }); + + this.container.css("width", width + "px"); + }, + + _positionVertical: function() { + if (this.isAxisY()) { + this._positionVerticalAxisY(); + + } else { + this._positionVerticalAxisX(); + } + }, + + _positionVerticalAxisX: function() { + var width = 0; + var height = 0; + + var perPage = this.options.perPage; + var useCover = this.options.cover; + var pageItem = 0; + + this._getItems(true).each(function(index, value) { + var item = $(value); + item.css({"top": height + "px", "left": width + "px"}); + pageItem++; + + if (pageItem === perPage || (useCover && index === 0)) { + pageItem = 0; + height = 0; + width += item.outerWidth(true); + + } else { + height += item.outerHeight(true); + } + }); + + this.container.css("width", width + this.itemWidth + "px"); + }, + + _positionVerticalAxisY: function() { + var width = 0; + var height = 0; + + var perPage = this.options.perPage; + var useCover = this.options.cover; + + this._getItems(true).each(function(index, value) { + var item = $(value); + item.css({"top": height + "px", "left": width + "px"}); + height += item.outerHeight(true); + }); + + this.container.css({"width": width + this.itemWidth + "px", "height": height + this.itemHeight}); + }, + + _calculateTotalPages: function() { + this.totalPages = Math.ceil(this._getItems().length/this.options.perPage); + + if (this.options.cover) { + this.totalPages += 1; + } + }, + + _calculateMaxShiftAvailable: function(items) { + var amount = this.options.perPage - items.length; + return (this.isAxisY() ? this.itemHeight : this.itemWidth) * amount + }, + + _calculateItemPosition: function(item) { + return this._abs($(item).css(this.animatedAttribute)); + }, + + _calculateItemsForPagination: function(page) { + var delta = this.options.cover ? (page - 1) * this.options.perPage : page * this.options.perPage; + return this._getItems().slice(delta - this.options.perPage, delta); + }, + + _calculateWidth: function(items, isCover) { + if (this.options.cover && isCover) { + return this.coverWidth; + } + + return items.length * this.itemWidth; + }, + + _calculateItemDimension: function() { + var complement = this.options.cover ? ":eq(1)" : ":first"; + var item = $("." + this.options.itemClass + complement, this.container); + this.itemWidth = item.outerWidth(true); + this.itemHeight = item.outerHeight(true); + }, + + _calculateCoverDimention: function() { + if (this.options.cover) { + var coverItem = this._getCover(); + this.coverWidth = coverItem.outerWidth(true); + this.coverHeight = coverItem.outerWidth(true); + + } else { + this.coverWidth = 0; + this.coverHeight = 0; + } + }, + + _validateAnimationEasing: function() { + var easingFuctionExists = !!($.easing && $.easing[this.options.easing]); + + if (!easingFuctionExists) { + this.options.easing = $.fn.silverTrack.options.easing; + } + }, + + _executeAll: function(name, args) { + for (var i = 0; i < this.plugins.length; i++) { + this._callFunction(this.plugins[i], name, args); + } + }, + + _callFunction: function(obj, name, args) { + if(obj && name && typeof obj[name] === 'function') { + obj[name].apply(obj, [this].concat(args || [])); + } + }, + + _abs: function(string) { + return Math.abs(parseInt(string, 10)); + } + + } + + SilverTrack.Plugins = {}; + + $.silverTrackPlugin = function(name, obj) { + SilverTrack.Plugins[name] = function(settings){ + var options = $.extend({}, this.defaults, settings); + this.PluginName = name; + this.initialize(options); + }; + + SilverTrack.Plugins[name].prototype = $.extend({ + defaults: {}, + initialize: function(options) {}, + + onInstall: function(track) {}, + beforeStart: function(track) {}, + afterStart: function(track) {}, + beforeRestart: function(track) {}, + afterRestart: function(track) {}, + onTotalPagesUpdate: function(track){}, + + /* Event format + * { + * name: "prev", // or "next" + * page: 1, + * cover: false, + * items: [] + * } + */ + beforeAnimation: function(track, event) {}, + afterAnimation: function(track, event) {}, + beforePagination: function(track, event) {}, + + /* Event format + * { + * items: [], + * newHeight: 150 + * } + */ + beforeAdjustHeight: function(track, event) {}, + afterAdjustHeight: function(track, event) {} + }, obj); + } + + window.SilverTrack = SilverTrack; + +})(jQuery, window, document); \ No newline at end of file diff --git a/javascripts/plugin/jquery.silver_track_recipes.js b/javascripts/plugin/jquery.silver_track_recipes.js new file mode 100644 index 0000000..26377a0 --- /dev/null +++ b/javascripts/plugin/jquery.silver_track_recipes.js @@ -0,0 +1,66 @@ +/*! + * jQuery SilverTrack + * https://github.com/tulios/jquery.silver_track + * version: 0.3.0 + * + * SilverTrack Recipes + * version: 0.1.0 + */ + +(function ($, window, document) { + + if (!window.SilverTrack) { + return; + } + + SilverTrack.Recipes = {}; + SilverTrack.Factory = function(element, options) { + this.element = element; + this.options = $.extend({}, options); + } + + SilverTrack.Factory.prototype = { + track: null, + + create: function(configCallback) { + configCallback(this.externalInterface()); + return this.track; + }, + + externalInterface: function() { + var self = this; + var defaultTrack = function() { + if (!self.track) { + self.track = self.element.silverTrack(); + } + } + + return { + createTrack: function(callback) { + if (callback !== undefined) { + self.track = callback(self.element, self.options); + } + defaultTrack(); + }, + + installPlugins: function(callback) { + defaultTrack(); + if (callback !== undefined) { + callback(self.track, self.options); + } + } + } + } + } + + $.silverTrackRecipes = function(recipeName, configCallback) { + SilverTrack.Recipes[recipeName] = function(element, options) { + return new SilverTrack.Factory(element, options).create(configCallback); + } + } + + $.silverTrackRecipes.create = function(recipeName, element, options) { + return SilverTrack.Recipes[recipeName](element, options); + } + +})(jQuery, window, document); diff --git a/javascripts/plugin/plugins/jquery.silver_track.bullet_navigator.js b/javascripts/plugin/plugins/jquery.silver_track.bullet_navigator.js new file mode 100644 index 0000000..7e6db3e --- /dev/null +++ b/javascripts/plugin/plugins/jquery.silver_track.bullet_navigator.js @@ -0,0 +1,107 @@ +/*! + * jQuery SilverTrack + * https://github.com/tulios/jquery.silver_track + * version: 0.4.0 + * + * Bullet Navigator + * version: 0.1.1 + * + */ +(function($, window, document) { + + /* + * track.install(new SilverTrack.Plugins.BulletNavigator({ + * container: $(".bullet-pagination") + * })); + * + */ + $.silverTrackPlugin("BulletNavigator", { + defaults: { + bulletClass: "bullet", + activeClass: "active" + }, + + initialize: function(options) { + this.track = null; + this.options = options; + this.container = this.options.container; + }, + + onInstall: function(track) { + this.track = track; + }, + + afterStart: function() { + this._createBullets(); + this._getBulletByPage(1).addClass(this.options.activeClass); + this._setupBulletClick(); + }, + + afterAnimation: function() { + this._setupBulletClick(); + }, + + beforePagination: function(track, event) { + var bullet = this._getBulletByPage(event.page); + this._updateBullets(bullet); + }, + + afterRestart: function() { + this._clearBullets(); + this._createBullets() + + var bullet = this._getBulletByPage(this.track.currentPage); + this._updateBullets(bullet); + this._setupBulletClick(); + }, + + onTotalPagesUpdate: function() { + this._clearBullets(); + this._createBullets(); + this._getBullets().click(function(e) { + e.preventDefault(); + }); + }, + + _clearBullets: function() { + $("." + this.options.bulletClass, this.container).remove(); + }, + + _createBullets: function() { + for (var i = 0; i < this.track.totalPages; i++) { + this.container.append(this._createBullet(i + 1)); + } + }, + + _setupBulletClick: function() { + var self = this; + var bullets = this._getBullets(); + bullets.click(function(e) { + e.preventDefault(); + var bullet = $(this); + self._updateBullets(bullet); + self.track.goToPage(bullet.data("page")); + bullets.unbind("click"); + }); + }, + + _updateBullets: function(bullet) { + this._getBullets().removeClass(this.options.activeClass); + bullet.addClass(this.options.activeClass); + }, + + _getBulletByPage: function(page) { + return $("." + this.options.bulletClass + "[data-page='" + page + "']", this.container); + }, + + _getBullets: function() { + return $("." + this.options.bulletClass, this.container); + }, + + _createBullet: function(page) { + return $("", {"class": this.options.bulletClass, "data-page": page, "href": "#"}); + } + + }); + +})(jQuery, window, document); \ No newline at end of file diff --git a/javascripts/plugin/plugins/jquery.silver_track.circular_navigator.js b/javascripts/plugin/plugins/jquery.silver_track.circular_navigator.js new file mode 100644 index 0000000..548d6f4 --- /dev/null +++ b/javascripts/plugin/plugins/jquery.silver_track.circular_navigator.js @@ -0,0 +1,271 @@ + /*! + * jQuery SilverTrack + * https://github.com/tulios/jquery.silver_track + * version: 0.4.0 + * + * Navigator + * version: 0.2.0 + * + */ + +(function($, window, document) { + + $.silverTrackPlugin("CircularNavigator", { + defaults: { + autoPlay: true, + duration: 3000, + clonedClass: "cloned" + }, + + initialize: function(options) { + this.options = options + }, + + onInstall: function(track) { + this.track = track; + this.navigatorPlugin = this.track.findPluginByName("Navigator"); + + this.trackElements = [ + this.track.container, + this.navigatorPlugin.prev, + this.navigatorPlugin.next + ] + trackElements = this.trackElements + this.prevButton = this.trackElements[1]; + this.nextButton = this.trackElements[2]; + + var items = this.track._getItems().length + }, + + afterStart: function() { + if (this.track.findPluginByName("BulletNavigator")) { + this.bulletPlugin = this.track.findPluginByName("BulletNavigator"); + this.trackElements.push(this.bulletPlugin.options.container); + this._setupBulletClick(); + } + + this.totalDefaultPages = this.track.totalPages; + this._setupTrack(); + this._bindClick(); + + if (this.options.autoPlay === true) this._turnOnAutoPlay(this.trackElements); + }, + + afterRestart: function() { + this._enableButtons(); + this._removeLastBullet(); + }, + + beforePagination: function() { + this._enableButtons(); + }, + + beforeAnimation: function() { + this._removeLastBullet(); + }, + + _enableButtons: function() { + if (this._hasManyPages()) { + this.prevButton.removeClass(this.navigatorPlugin.options.disabledClass); + this.nextButton.removeClass(this.navigatorPlugin.options.disabledClass); + } + }, + + afterAnimation: function() { + this._setupTrack(); + this._tryToDeleteCloned(); + this._removeLastBullet(); + + if (this.track.hasNext() === false && this.fowardPage === 1) { + this.track.restart({page: 1, animate: false}); + return + } + + if (this.track.currentPage === this.clonedPage && this.fowardPage === this.clonedPage) { + this.track.goToPage(this.clonedPage - 1); + this._changeFowardPage(); + return + } + + this._changeFowardPage(); + + if (this.track.currentPage === this._lastCompletedPage() && + this.track.totalPages === this.totalDefaultPages) { + this._appendItems(); + this.track.restart({keepCurrentPage: true, animate: false}); + return + } + + if (this.track.currentPage === this.clonedPage && this.fowardPage === 1) { + this.track.restart({page: 1, animate: false}); + } + }, + + _removeLastBullet: function() { + if (this.bulletPlugin) { + if (this.bulletPlugin._getBullets().length > this.totalDefaultPages) { + this.bulletPlugin._getBullets().last().remove(); + } + } + }, + + _setupBulletClick: function() { + var bullets = this.bulletPlugin.container + var self = this; + bullets.click(function(event) { + self._appendItems(); + self.track.restart({keepCurrentPage: true, animate: true}); + self._removeLastBullet(); + }); + }, + + _setupTrack: function() { + this.itemsCount = this.track._getItems().length; + this.clonedPage = this.totalDefaultPages + 1; + this.lastCompletedPage = this._lastCompletedPage(); + this._enableButtons(); + if (this.track.currentPage !== this.clonedPage) this._changeFowardPage(); + }, + + _bindClick: function() { + this._teleportWhenClick(); + }, + + _changeFowardPage: function() { + var currentPage = this.track.currentPage; + + if (currentPage === 1) { + this.fowardPage = this.clonedPage; + } else if (currentPage === this.clonedPage) { + this.fowardPage = 1; + } else { + this.fowardPage = 0; + } + }, + + _teleportWhenClick: function() { + var self = this; + + this.prevButton.click(function() { + if (self.track.hasPrev() === false && self.fowardPage === self.clonedPage) { + self._backTeleport(); + } + }); + }, + + _backTeleport: function() { + this._appendItems(); + this.track.restart({page: this.clonedPage, animate: false}); + this._removeLastBullet(); + }, + + _appendItems: function() { + if (this._ifCloned() === true) return; + var items = this.track._getItems(). + slice(0, this.track.options.perPage). + clone(). + addClass(this.options.clonedClass); + + this.track.container.append(items); + this.track.reloadItems(); + }, + + _tryToDeleteCloned: function() { + var currentPage = this.track.currentPage; + if (this._ifCloned() === true && + currentPage !== this.totalDefaultPages && + currentPage !== this.clonedPage && + currentPage !== this.lastCompletedPage) { + this._deleteClonedItems(); + } + }, + + _deleteClonedItems: function() { + var items = this.track._getItems().length; + + for (var el = 0; el <= items - 1; el ++) { + var item = this.track._getItems().eq(el); + if (item.hasClass(this.options.clonedClass)) { + item.remove(); + } + } + this.track.reloadItems(); + this.track.restart({ keepCurrentPage: true, animate: false }); + }, + + _hasManyPages: function() { + if (this.track.totalPages !== 1) { + return true; + } + return false; + }, + + _ifCloned: function() { + if (this.track._getItems().last().hasClass(this.options.clonedClass)) { + return true; + } + return false; + }, + + _lastCompletedPage: function() { + return Math.trunc(this._originalItemsCount() / this.track.options.perPage); + }, + + _originalItemsCount: function() { + var items = this.track._getItems().length; + if (this._ifCloned() === true) { + return items - this.track.options.perPage; + } + return items; + }, + + _turnOnAutoPlay: function(elements) { + this._mouseOverTrack(elements); + this._mouseOutTrack(elements); + requestAnimationFrame(this._turnOnListener.bind(this)); + }, + + _turnOnListener: function() { + var self = this; + + if(self.options.autoPlay === true) { + this.timeout = setTimeout(function() { + self.track.next(); + requestAnimationFrame(self._turnOnListener.bind(self)); + }, self.options.duration); + } + }, + + _mouseOverTrack: function(elements) { + var self = this; + + elements.forEach(function(el) { + el.mouseenter(function() { + self._breakListener(); + }); + }); + }, + + _mouseOutTrack: function(elements) { + var self = this; + + elements.forEach(function(el) { + el.mouseleave(function() { + self._wakeUpListener(); + }); + }); + }, + + _breakListener: function() { + clearTimeout(this.timeout); + this.options.autoPlay = false; + }, + + _wakeUpListener: function() { + clearTimeout(this.timeout); + this.options.autoPlay = true; + requestAnimationFrame(this._turnOnListener.bind(this)); + } + }) + +})(jQuery, window, document); diff --git a/javascripts/plugin/plugins/jquery.silver_track.css3_animation.js b/javascripts/plugin/plugins/jquery.silver_track.css3_animation.js new file mode 100644 index 0000000..92968cd --- /dev/null +++ b/javascripts/plugin/plugins/jquery.silver_track.css3_animation.js @@ -0,0 +1,228 @@ +/*! + * jQuery SilverTrack + * https://github.com/tulios/jquery.silver_track + * version: 0.4.0 + * + * CSS3 Animation + * version: 0.1.1 + * + * This plugin depends on modernizr.transforms3d.js + */ + +(function($, window, document) { + + var BrowserPrefixes = ["webkit", "moz", "o", "ms"]; + + $.silverTrackPlugin("Css3Animation", { + defaults: { + durationUnit: "ms", + delayUnit: null, + + setupParent: true, + setupTransitionProperty: true, + setupTransitionDuration: true, + setupTransitionTimingFunction: true, + setupTransitionDelay: true, + + slideDelay: 0, + autoHeightDuration: null, + autoHeightEasing: null, + autoHeightDelay: null + }, + + initialize: function(options) { + this.options = options; + this.fallback = !Modernizr.csstransforms3d; + }, + + onInstall: function(track) { + this.track = track + if (!this.fallback) { + var self = this; + this.track.options.animateFunction = function(movement, duration, easing, afterCallback) { + self.cssAnimate(movement, duration, easing, afterCallback); + } + } + }, + + beforeStart: function() { + this._setupTransition(); + }, + + cssAnimate: function(movement, duration, easing, afterCallback) { + var timeout = 0; + var element = this.track.container; + var transitionEndEvent = this._getTransitionEndEvent(); + var animationEnded = function() { + if (afterCallback !== null && afterCallback !== undefined) { + afterCallback(); + } + } + + element.one(transitionEndEvent, function(){ + animationEnded(); + clearTimeout(timeout); + }); + + this._setupTransition(duration); + + if (!!movement.left || !!movement.top) { + this._applyTransform3d(element, movement); + + } else { + element.css(movement); + } + + timeout = setTimeout(function() { animationEnded() }, duration); + }, + + _setupTransition: function(animationDuration) { + var autoHeight = this.track.options.autoHeight; + var element = this.track.container; + var values; + + // enabling hardware acceleration into the parent + if (this.options.setupParent) { + this._applyTransform3d(element.parent(), {left: 0}); + } + + // pre configuring container + if (this.options.setupTransitionProperty) { + var eachPrefixCallback = function(prefix, value) { + var transform = "-" + prefix + "-" + value; + return autoHeight ? transform + ", height" : transform; + } + + var vanillaCallback = function(value) { + return autoHeight ? value + ", height" : value; + } + + element.css( + this._toCompatibleVersion( + "transition-property", + "transform", + eachPrefixCallback, + vanillaCallback + ) + ); + } + + if (this.options.setupTransitionDuration) { + var duration = this._toDuration(this.track.options.duration); + + if (animationDuration === 0) { + duration = this._toDuration(0); + this._cleanElementTransition(); + } + + var autoHeightDuration = this._toDuration(this.options.autoHeightDuration || this.track.options.duration); + values = autoHeight ? [duration, autoHeightDuration] : [duration]; + element.css(this._toCompatibleVersion("transition-duration", values.join(", "))); + } + + if (this.options.setupTransitionTimingFunction) { + var easing = this._easingFunctionToCubicBezier(this.track.options.easing); + var autoHeightEasing = this._easingFunctionToCubicBezier(this.options.autoHeightEasing || this.track.options.easing); + values = autoHeight ? [easing, autoHeightEasing] : [easing]; + element.css(this._toCompatibleVersion("transition-timing-function", values.join(", "))); + } + + if (this.options.setupTransitionDelay) { + var delay = this._toDelay(this.options.slideDelay); + var autoHeightDelay = this._toDelay(this.options.autoHeightDelay || this.options.slideDelay); + values = autoHeight ? [delay, autoHeightDelay] : [delay]; + element.css(this._toCompatibleVersion("transition-delay", values.join(", "))); + } + }, + + _cleanElementTransition: function() { + this.track.container.css(this._toCompatibleVersion("transition", "")); + }, + + _applyTransform3d: function(element, movement) { + var left = movement.left || "0px"; + var top = movement.top || "0px"; + element.css(this._toCompatibleVersion("transform", "translate3d(" + left + ", " + top + ", 0px)")); + }, + + _toDuration: function(number) { + return number + this.options.durationUnit; + }, + + _toDelay: function(number) { + return number + (this.options.delayUnit || this.options.durationUnit); + }, + + _toCompatibleVersion: function(name, value, eachCallback, vanillaCallback) { + var output = {}; + $.each(BrowserPrefixes, function() { + var str = !!eachCallback ? eachCallback(this, value) : value; + output["-" + this + "-" + name] = str; + }); + + output[name] = !!vanillaCallback ? vanillaCallback(value) : value; + return output; + }, + + _easingFunctionToCubicBezier: function(easing) { + return SilverTrack.Plugins.Css3Animation.CubicBezierMap[easing] || CubicBezierMap["ease"]; + }, + + _getTransitionEndEvent: function(){ + var transitions = { + 'WebkitTransition' : 'webkitTransitionEnd', + 'MozTransition' : 'transitionend', + 'OTransition' : 'oTransitionEnd otransitionend', + 'transition' : 'transitionend' + }; + + for(var t in transitions){ + if(this.track.container.get(0).style[t] !== undefined){ + return transitions[t]; + } + } + } + + }); + + SilverTrack.Plugins.Css3Animation.CubicBezierMap = { + "linear": "cubic-bezier(0.25, 0.25, 0.75, 0.75)", + "ease": "cubic-bezier(0.25, 0.1, 0.25, 1)", + "swing": "cubic-bezier(0.25, 0.1, 0.25, 1)", // compatibility + + "ease-in": "cubic-bezier(0.42, 0, 1, 1)", + "easeIn": "cubic-bezier(0.42, 0, 1, 1)", + + "ease-out": "cubic-bezier(0, 0, 0.58, 1)", + "easeOut": "cubic-bezier(0, 0, 0.58, 1)", + + "ease-in-out": "cubic-bezier(0.42, 0, 0.58, 1)", + "easeInOut": "cubic-bezier(0.42, 0, 0.58, 1)", + + "easeInQuad": "cubic-bezier(0.55, 0.085, 0.68, 0.53)", + "easeInCubic": "cubic-bezier(0.55, 0.055, 0.675, 0.19)", + "easeInQuart": "cubic-bezier(0.895, 0.03, 0.685, 0.22)", + "easeInQuint": "cubic-bezier(0.755, 0.05, 0.855, 0.06)", + "easeInSine": "cubic-bezier(0.47, 0, 0.745, 0.715)", + "easeInExpo": "cubic-bezier(0.95, 0.05, 0.795, 0.035)", + "easeInCirc": "cubic-bezier(0.6, 0.04, 0.98, 0.335)", + "easeInBack": "cubic-bezier(0.6, -0.28, 0.735, 0.045)", + "easeOutQuad": "cubic-bezier(0.25, 0.46, 0.45, 0.94)", + "easeOutCubic": "cubic-bezier(0.215, 0.61, 0.355, 1)", + "easeOutQuart": "cubic-bezier(0.165, 0.84, 0.44, 1)", + "easeOutQuint": "cubic-bezier(0.23, 1, 0.32, 1)", + "easeOutSine": "cubic-bezier(0.39, 0.575, 0.565, 1)", + "easeOutExpo": "cubic-bezier(0.19, 1, 0.22, 1)", + "easeOutCirc": "cubic-bezier(0.075, 0.82, 0.165, 1)", + "easeOutBack": "cubic-bezier(0.175, 0.885, 0.32, 1.275)", + "easeInOutQuad": "cubic-bezier(0.455, 0.03, 0.515, 0.955)", + "easeInOutCubic": "cubic-bezier(0.645, 0.045, 0.355, 1)", + "easeInOutQuart": "cubic-bezier(0.77, 0, 0.175, 1)", + "easeInOutQuint": "cubic-bezier(0.86, 0, 0.07, 1)", + "easeInOutSine": "cubic-bezier(0.445, 0.05, 0.55, 0.95)", + "easeInOutExpo": "cubic-bezier(1, 0, 0, 1)", + "easeInOutCirc": "cubic-bezier(0.785, 0.135, 0.15, 0.86)", + "easeInOutBack": "cubic-bezier(0.68, -0.55, 0.265, 1.55)" + } + +})(jQuery, window, document); \ No newline at end of file diff --git a/javascripts/plugin/plugins/jquery.silver_track.navigator.js b/javascripts/plugin/plugins/jquery.silver_track.navigator.js new file mode 100644 index 0000000..c982b7f --- /dev/null +++ b/javascripts/plugin/plugins/jquery.silver_track.navigator.js @@ -0,0 +1,79 @@ +/*! + * jQuery SilverTrack + * https://github.com/tulios/jquery.silver_track + * version: 0.4.0 + * + * Navigator + * version: 0.2.0 + * + */ +(function($, window, document) { + + /* + * track.install(new SilverTrack.Plugins.Navigator({ + * prev: $("a.prev"), + * next: $("a.next") + * })); + * + */ + $.silverTrackPlugin("Navigator", { + defaults: { + disabledClass: "disabled", + beforePagination: null + }, + + initialize: function(options) { + this.track = null; + this.options = options; + this.prev = this.options.prev; + this.next = this.options.next; + + var self = this; + this.prev.addClass(this.options.disabledClass).click(function(e) { + e.preventDefault(); + self.track.prev(); + }); + + this.next.addClass(this.options.disabledClass).click(function(e) { + e.preventDefault(); + self.track.next(); + }); + }, + + onInstall: function(track) { + this.track = track; + }, + + afterStart: function() { + this.afterAnimation(); + }, + + afterAnimation: function() { + this.track.hasPrev() ? this._enable(this.prev) : this._disable(this.prev); + this.track.hasNext() ? this._enable(this.next) : this._disable(this.next); + }, + + afterRestart: function() { + this.afterAnimation(); + }, + + onTotalPagesUpdate: function() { + this.afterAnimation(); + }, + + beforePagination: function(track, event) { + if (this.options.beforePagination) { + this.options.beforePagination(track, event); + } + }, + + _enable: function(element) { + element.removeClass(this.options.disabledClass); + }, + + _disable: function(element) { + element.addClass(this.options.disabledClass); + } + }); + +})(jQuery, window, document); diff --git a/javascripts/plugin/plugins/jquery.silver_track.remote_content.js b/javascripts/plugin/plugins/jquery.silver_track.remote_content.js new file mode 100644 index 0000000..f3f868b --- /dev/null +++ b/javascripts/plugin/plugins/jquery.silver_track.remote_content.js @@ -0,0 +1,263 @@ +/*! + * jQuery SilverTrack + * https://github.com/tulios/jquery.silver_track + * version: 0.4.0 + * + * Remote Content + * version: 0.4.0 + * + */ +(function($, window, document) { + + $.silverTrackPlugin("RemoteContent", { + defaults: { + lazy: true, + prefetchPages: 0, + + type: "GET", + params: {}, + + ajaxFunction: null, + beforeStart: function(track) {}, + beforeSend: function(track, jqXHR, settings, opts) {}, + beforeAppend: function(track, items, opts) {}, + afterAppend: function(track, items, opts) {}, + process: function(track, perPage, data, opts) {}, + updateTotalPages: function(track, data) {}, + onError: function(track, jqXHR, textStatus, errorThrown, opts) {} + }, + + initialize: function(options) { + this.track = null; + this.options = options; + this.ajaxFunction = this.options.ajaxFunction || this._ajax; + this._defaultOptions(); + }, + + onInstall: function(track) { + this.track = track; + this._updateNavigationControls(); + }, + + afterStart: function() { + this.options.beforeStart(this.track); + this._boot(); + }, + + afterAnimation: function(track, event) { + this.loadContentEnabled = true; + }, + + reload: function() { + this.track.restart(); + this.track.reloadItems(); + this.track.container.empty(); + this._defaultOptions(); + this._boot(); + }, + + _defaultOptions: function() { + this.ajaxCache = {}; + this.filled = false; + this.loadContentEnabled = true; + this.prefetchEnabled = true; + }, + + _boot: function() { + if (this.options.lazy) { + + this._loadContent(this.track.currentPage, function() { + this.filled = true; + this.track.restart(); + }); + + } else { + this.filled = true; + } + }, + + _updateNavigationControls: function() { + var self = this; + this.track.next = function() { + if (self.track.hasNext() && self.loadContentEnabled) { + + var page = self.track.currentPage + 1; + self.loadContentEnabled = false; + self._loadContent(page, function() { + self.track.goToPage(page); + }); + + } + } + }, + + _loadContent: function(page, contentLoadedCallback) { + var self = this; + var url = this._generateUrl(page); + + if (!this.ajaxCache[url]) { + + this.ajaxFunction( + $.extend(this._ajaxDefaults(), { + url: url, + success: function(data) { + self._onSuccess(url, data, {prefetch: false}); + contentLoadedCallback.apply(self); + self._prefetchContent(page); + } + }) + ); + + } else { + contentLoadedCallback.apply(self); + this._prefetchContent(page); + } + }, + + _prefetchContent: function(page) { + if (!this.prefetchEnabled || + !this.options.prefetchPages || + page + 1 > this.track.totalPages) { + return; + } + + var self = this; + var queue = []; + var prefetchOpts = {prefetch: true, currentPage: this.track.currentPage}; + var prefetchedPage = page + 1 + + for (var i = 0; i < this.options.prefetchPages; i++) { + if (prefetchedPage > this.track.totalPages) { + this.prefetchEnabled = false; + break; + } + + var url = this._generateUrl(prefetchedPage++); + if (this.ajaxCache[url]) { + continue; + } + + queue.push(function(prefetchUrl, opts) { + var params = $.extend(self._ajaxDefaults(opts), { + url: prefetchUrl, + success: function(data) { + self._onSuccess(prefetchUrl, data, opts); + if (queue.length > 0) { + queue.shift().apply(self); + } + } + }); + + return function() { this.ajaxFunction(params) } + }(url, prefetchOpts)); + } + + if (queue.length > 0) { + queue.shift().apply(self); + } + }, + + _onSuccess: function(url, data, opts) { + this.ajaxCache[url] = true; + var items = this.options.process(this.track, this.track.options.perPage, data, opts) || []; + + this.options.beforeAppend(this.track, items, opts); + this._updateItemsPosition(items); + this.options.afterAppend(this.track, items, opts); + + this.options.updateTotalPages(this.track, data); + this.track.reloadItems(); + }, + + _onBeforeSend: function(jqXHR, settings, opts) { + this.options.beforeSend(this.track, jqXHR, settings, opts); + }, + + _onError: function(jqXHR, textStatus, errorThrown, opts) { + if (window.console) { + console.info('SilverTrack.Plugins.RemoteContent - Error:', [textStatus, errorThrown, opts]); + } + + this.options.onError(this.track, jqXHR, textStatus, errorThrown, opts); + }, + + _updateItemsPosition: function(items) { + if (this.track.options.mode === "horizontal") { + this._positionHorizontal(items); + + } else if (this.track.options.mode === "vertical") { + this._positionVertical(items); + } + }, + + _positionHorizontal: function(items) { + var lastItem = $("." + this.track.options.itemClass + ":last", this.track.container); + + var width = parseInt(lastItem.css("left"), 10) || 0; + if (width !== 0) { + width += this.track.itemWidth; + } + + for (var i = 0; i < items.length; i++) { + var item = items[i]; + item.css({"left": width + "px"}); + this.track.container.append(item); + width += item.outerWidth(true); + } + + this.track.container.width(width); + }, + + _positionVertical: function(items) { + var itemWidth = this.track.itemWidth; + var width = Math.abs(parseInt(this.track.container.css("left"), 10)) || 0; + + if (this.filled) { + width += itemWidth; + this.track.container.css("width", (this.track.currentPage + 1) * itemWidth); + } + + var height = 0; + for (var i = 0; i < items.length; i++) { + var item = items[i]; + item.css({"left": width + "px", "top": height + "px"}); + this.track.container.append(item); + height += item.outerHeight(true); + } + }, + + _generateUrl: function(page) { + var url = this.options.url; + var perPage = this.track.options.perPage; + + if (typeof url === 'function') { + return url(this.track, page, perPage); + } + + return url.replace(/{page}/, page).replace(/{perPage}/, perPage); + }, + + _ajax: function(opts) { + $.ajax(opts); + }, + + _ajaxDefaults: function(prefetchOpts) { + var self = this; + var opts = $.extend({prefetch: false}, prefetchOpts); + + return { + context: this.track.container, + type: this.options.type, + data: this.options.params, + beforeSend: function(jqXHR, settings) { + self._onBeforeSend(jqXHR, settings, opts); + }, + error: function(jqXHR, textStatus, errorThrown) { + self._onError(jqXHR, textStatus, errorThrown, opts); + } + } + } + + }); + +})(jQuery, window, document); diff --git a/javascripts/plugin/plugins/jquery.silver_track.responsive_hub_connector.js b/javascripts/plugin/plugins/jquery.silver_track.responsive_hub_connector.js new file mode 100644 index 0000000..73fbf1c --- /dev/null +++ b/javascripts/plugin/plugins/jquery.silver_track.responsive_hub_connector.js @@ -0,0 +1,44 @@ +/*! + * jQuery SilverTrack + * https://github.com/tulios/jquery.silver_track + * version: 0.4.0 + * + * ResponsiveHub Connector + * version: 0.1.0 + * + * This plugin depends on modernizr.mediaqueries.js + */ +(function($, window, document) { + + /* + * track.install(new SilverTrack.Plugins.ResponsiveHubConnector({ + * layouts: ["phone", "small-tablet", "tablet", "web"], + * onReady: function(track, options, event) {}, + * onChange: function(track, options, event) {} + * })); + * + */ + $.silverTrackPlugin("ResponsiveHubConnector", { + initialize: function(options) { + this.options = options; + this.layouts = this.options.layouts; + this.enabled = !!$.responsiveHub; + }, + + onInstall: function(track) { + this.track = track; + + if (this.enabled) { + var self = this; + $.responsiveHub("ready", this.layouts, function(event) { + self.options.onReady(self.track, self.options, event); + }); + + $.responsiveHub("change", this.layouts, function(event) { + self.options.onChange(self.track, self.options, event); + }); + } + } + }); + +})(jQuery, window, document); diff --git a/javascripts/plugin_bullet_navigator_example.js b/javascripts/plugin_bullet_navigator_example.js new file mode 100644 index 0000000..a749b94 --- /dev/null +++ b/javascripts/plugin_bullet_navigator_example.js @@ -0,0 +1,10 @@ +$(function() { + var container = $(".track:first"); + var track = container.find(".slider-container").silverTrack(); + + track.install(new SilverTrack.Plugins.BulletNavigator({ + container: $(".bullet-pagination") + })); + + track.start(); +}); diff --git a/javascripts/plugin_circular_navigator_example.js b/javascripts/plugin_circular_navigator_example.js new file mode 100644 index 0000000..188d9fa --- /dev/null +++ b/javascripts/plugin_circular_navigator_example.js @@ -0,0 +1,64 @@ +$(function() { + var container = $(".track.sample1"); + var track = container.find(".slider-container").silverTrack(); + + track.install(new SilverTrack.Plugins.Navigator({ + prev: $("a.prev", container), + next: $("a.next", container) + })); + + track.install(new SilverTrack.Plugins.Css3Animation()); + + track.install(new SilverTrack.Plugins.CircularNavigator({ + autoPlay: false, + duration: 3000 + })); + + track.start(); + + // ========================================================================= + // Sample 2 + // ========================================================================= + + var container = $(".track.sample2"); + var track = container.find(".slider-container").silverTrack(); + + track.install(new SilverTrack.Plugins.Navigator({ + prev: $("a.prev", container), + next: $("a.next", container) + })); + + track.install(new SilverTrack.Plugins.Css3Animation()); + + track.install(new SilverTrack.Plugins.CircularNavigator({ + autoPlay: true, + duration: 5000 + })); + + track.start(); + + // ========================================================================= + // Sample 3 + // ========================================================================= + + var container = $(".track.sample3"); + var track = container.find(".slider-container").silverTrack(); + + track.install(new SilverTrack.Plugins.Navigator({ + prev: $("a.prev", container), + next: $("a.next", container) + })); + + track.install(new SilverTrack.Plugins.Css3Animation()); + + track.install(new SilverTrack.Plugins.CircularNavigator({ + autoPlay: true, + duration: 5000 + })); + + track.install(new SilverTrack.Plugins.BulletNavigator({ + container: $(".bullet-pagination") + })); + + track.start(); +}); diff --git a/javascripts/plugin_css3_animation_example.js b/javascripts/plugin_css3_animation_example.js new file mode 100644 index 0000000..d6b677a --- /dev/null +++ b/javascripts/plugin_css3_animation_example.js @@ -0,0 +1,59 @@ +$(function() { + // ========================================================================= + // Without options + // ========================================================================= + var container = $(".track.sample1"); + var track = container.find(".slider-container").silverTrack({duration: 800}); + + track.install(new SilverTrack.Plugins.Navigator({ + prev: $("a.prev", container), + next: $("a.next", container) + })); + + track.install(new SilverTrack.Plugins.Css3Animation()); + + track.start(); + + // ========================================================================= + // Changinh the easing + // ========================================================================= + container = $(".track.sample2"); + track = container.find(".slider-container").silverTrack({ + duration: 1000, + easing: "easeInOutQuad" + }); + + track.install(new SilverTrack.Plugins.Navigator({ + prev: $("a.prev", container), + next: $("a.next", container) + })); + + track.install(new SilverTrack.Plugins.Css3Animation()); + + track.start(); + + // ========================================================================= + // Vertical track with autoHeight and some options + // ========================================================================= + container = $(".track.sample3"); + track = container.find(".slider-container").silverTrack({ + duration: 600, + easing: "easeInOutQuad", + mode: "vertical", + autoHeight: true + }); + + track.install(new SilverTrack.Plugins.Navigator({ + prev: $("a.prev", container), + next: $("a.next", container) + })); + + track.install(new SilverTrack.Plugins.Css3Animation({ + delayUnit: "s", + autoHeightDuration: 300, + autoHeightEasing: "easeInOutCubic", + autoHeightDelay: 1 + })); + + track.start(); +}); diff --git a/javascripts/plugin_navigator_example.js b/javascripts/plugin_navigator_example.js new file mode 100644 index 0000000..a0a8fc4 --- /dev/null +++ b/javascripts/plugin_navigator_example.js @@ -0,0 +1,11 @@ +$(function() { + var container = $(".track:first"); + var track = container.find(".slider-container").silverTrack(); + + track.install(new SilverTrack.Plugins.Navigator({ + prev: $("a.prev", container), + next: $("a.next", container) + })); + + track.start(); +}); diff --git a/javascripts/plugin_remote_content_example.js b/javascripts/plugin_remote_content_example.js new file mode 100644 index 0000000..9012a5c --- /dev/null +++ b/javascripts/plugin_remote_content_example.js @@ -0,0 +1,80 @@ +$(function() { + // ========================================================================= + // Our support functions, just for the example + // ========================================================================= + + // Let's create a function to create the urls for our "echo" test server + var urlToEchoServer = function(track, page, perPage) { + var jsonText = escape(JSON.stringify(fakeJsonCreator(page, perPage))); + var echoServerHost = "http://echo-server.herokuapp.com"; + return echoServerHost + "/echo/json/" + page + "?json=" + jsonText + "&total_pages=5"; + } + + // Support function for our test + var fakeJsonCreator = function(page, perPage) { + var photoTypes = ["food", "people", "nature", "sports"]; + var items = []; + for (var i = 0; i < perPage; i++) { + items.push({img_url: "http://lorempixel.com/224/128/" + photoTypes[i]}); + } + + return items; + } + + // ========================================================================= + // Track creation and plugin configuration + // ========================================================================= + + var container = $(".track:first"); + var track = container.find(".slider-container").silverTrack({ + easing: "easeInOutQuad", + duration: 600 + }); + + track.install(new SilverTrack.Plugins.Navigator({ + prev: $("a.prev", container), + next: $("a.next", container) + })); + + // Let's create our processor, the function that will transform the data + // from the server into an array of DOM elements + var processor = function(track, perPage, json) { + var array = []; + + for (var i = 0; i < perPage; i++) { + if (json.data[i] === undefined) { + break; + } + + array.push( + $("

", {"class": "item"}).append($("", {"src": json.data[i].img_url})) + ); + } + + return array; + } + + // Then we install the plugin + track.install(new SilverTrack.Plugins.RemoteContent({ + url: urlToEchoServer, + process: processor, + + beforeStart: function(track) { + track.container.parent().append($("

", {"class": "loading"})); + }, + + beforeSend: function(track) { + $(".loading", track.container.parent()).fadeIn(); + }, + + beforeAppend: function(track, items) { + $(".loading", track.container.parent()).hide(); + }, + + updateTotalPages: function(track, json) { + track.updateTotalPages(json.total_pages); + } + })); + + track.start(); +}); diff --git a/javascripts/plugin_remote_content_example2.js b/javascripts/plugin_remote_content_example2.js new file mode 100644 index 0000000..542b938 --- /dev/null +++ b/javascripts/plugin_remote_content_example2.js @@ -0,0 +1,107 @@ +$(function() { + // ========================================================================= + // Our support functions, just for the example + // ========================================================================= + + // Let's create a function to create the urls for our "echo" test server + var urlToEchoServer = function(track, page, perPage, type) { + var jsonText = escape(JSON.stringify(fakeJsonCreator(page, perPage, type))); + var echoServerHost = "http://echo-server.herokuapp.com"; + return echoServerHost + "/echo/json/" + page + "?json=" + jsonText + "&total_pages=5"; + } + + // Support function for our test + var fakeJsonCreator = function(page, perPage, type) { + var items = []; + for (var i = 0; i < perPage; i++) { + var index = perPage * (page - 1) + i + items.push({img_url: "http://lorempixel.com/224/128/" + type + "/" + (index + 1)}); + } + + return items; + } + + // ========================================================================= + // Track creation and plugin configuration + // ========================================================================= + + var container = $(".track.sample2"); + var track = container.find(".slider-container").silverTrack({ + easing: "easeInOutQuad", + duration: 600 + }); + + track.install(new SilverTrack.Plugins.Navigator({ + prev: $("a.prev", container), + next: $("a.next", container) + })); + + // Let's create our processor, the function that will transform the data + // from the server into an array of DOM elements + var processor = function(track, perPage, json) { + var array = []; + + for (var i = 0; i < perPage; i++) { + if (json.data[i] === undefined) { + break; + } + + array.push( + $("

", {"class": "item"}).append($("", {"src": json.data[i].img_url})) + ); + } + + return array; + } + + // Then we install the plugin + track.install(new SilverTrack.Plugins.RemoteContent({ + url: function(track, page, perPage) { + return urlToEchoServer(track, page, perPage, "food"); // default type "food" + }, + process: processor, + + beforeStart: function(track) { + track.container.parent().append($("

", {"class": "loading"})); + }, + + beforeSend: function(track) { + $(".loading", track.container.parent()).fadeIn(); + }, + + beforeAppend: function(track, items) { + $(".loading", track.container.parent()).hide(); + }, + + updateTotalPages: function(track, json) { + track.updateTotalPages(json.total_pages); + } + })); + + track.start(); + + // ========================================================================= + // Content Selection + // ========================================================================= + + $(".commands button[data-type]").each(function() { + var button = $(this); + var type = button.data("type"); + + button.off("click").click(function(e) { + e.preventDefault(); + + var plugin = track.findPluginByName("RemoteContent"); + plugin.options.url = function(track, page, perPage) { + // URL with the selected type + return urlToEchoServer(track, page, perPage, type); + } + + plugin.reload(); + + $(".commands button[data-type]").removeClass("active"); + button.addClass("active"); + }); + + }); +}); diff --git a/javascripts/plugin_remote_content_example3.js b/javascripts/plugin_remote_content_example3.js new file mode 100644 index 0000000..76bed4d --- /dev/null +++ b/javascripts/plugin_remote_content_example3.js @@ -0,0 +1,98 @@ +$(function() { + // ========================================================================= + // Our support functions, just for the example + // ========================================================================= + + // Let's create a function to create the urls for our "echo" test server + var urlToEchoServer = function(track, page, perPage) { + var jsonText = escape(JSON.stringify(fakeJsonCreator(page, perPage))); + var echoServerHost = "http://echo-server.herokuapp.com"; + return echoServerHost + "/echo/json/" + page + "?json=" + jsonText + "&total_pages=5"; + } + + // Support function for our test + var fakeJsonCreator = function(page, perPage) { + var photoTypes = [ + ["abstract", "city"], + ["people", "transport"], + ["animals", "food"], + ["nature", "business"], + ["nightlife", "sports"] + ]; + + var items = []; + var types = photoTypes[page - 1]; + for (var i = 0; i < perPage; i++) { + items.push({img_url: "http://lorempixel.com/224/128/" + types[i]}); + } + + return items; + } + + // ========================================================================= + // Track creation and plugin configuration + // ========================================================================= + + var container = $(".track.sample3"); + var track = container.find(".slider-container").silverTrack({ + easing: "easeInOutQuad", + duration: 600, + perPage: 2 + }); + + track.install(new SilverTrack.Plugins.Navigator({ + prev: $("a.prev", container), + next: $("a.next", container) + })); + + // Let's create our processor, the function that will transform the data + // from the server into an array of DOM elements + var processor = function(track, perPage, json) { + var array = []; + + for (var i = 0; i < perPage; i++) { + if (json.data[i] === undefined) { + break; + } + + array.push( + $("

", {"class": "item"}).append($("", {"src": json.data[i].img_url})) + ); + } + + return array; + } + + // Then we install the plugin + track.install(new SilverTrack.Plugins.RemoteContent({ + url: urlToEchoServer, + process: processor, + prefetchPages: 2, + + beforeStart: function(track) { + track.container.parent().append($("

", {"class": "loading"})); + }, + + beforeSend: function(track, jqXHR, settings, opts) { + if (opts.prefetch) { + return; + } + + $(".loading", track.container.parent()).fadeIn(); + }, + + beforeAppend: function(track, items, opts) { + if (!!opts.prefetch) { + return; + } + + $(".loading", track.container.parent()).hide(); + }, + + updateTotalPages: function(track, json) { + track.updateTotalPages(json.total_pages); + } + })); + + track.start(); +}); diff --git a/lib/jquery-1.8.3.js b/lib/jquery-1.8.3.js deleted file mode 100644 index 8c24ffc..0000000 --- a/lib/jquery-1.8.3.js +++ /dev/null @@ -1,9472 +0,0 @@ -/*! - * jQuery JavaScript Library v1.8.3 - * http://jquery.com/ - * - * Includes Sizzle.js - * http://sizzlejs.com/ - * - * Copyright 2012 jQuery Foundation and other contributors - * Released under the MIT license - * http://jquery.org/license - * - * Date: Tue Nov 13 2012 08:20:33 GMT-0500 (Eastern Standard Time) - */ -(function( window, undefined ) { -var - // A central reference to the root jQuery(document) - rootjQuery, - - // The deferred used on DOM ready - readyList, - - // Use the correct document accordingly with window argument (sandbox) - document = window.document, - location = window.location, - navigator = window.navigator, - - // Map over jQuery in case of overwrite - _jQuery = window.jQuery, - - // Map over the $ in case of overwrite - _$ = window.$, - - // Save a reference to some core methods - core_push = Array.prototype.push, - core_slice = Array.prototype.slice, - core_indexOf = Array.prototype.indexOf, - core_toString = Object.prototype.toString, - core_hasOwn = Object.prototype.hasOwnProperty, - core_trim = String.prototype.trim, - - // Define a local copy of jQuery - jQuery = function( selector, context ) { - // The jQuery object is actually just the init constructor 'enhanced' - return new jQuery.fn.init( selector, context, rootjQuery ); - }, - - // Used for matching numbers - core_pnum = /[\-+]?(?:\d*\.|)\d+(?:[eE][\-+]?\d+|)/.source, - - // Used for detecting and trimming whitespace - core_rnotwhite = /\S/, - core_rspace = /\s+/, - - // Make sure we trim BOM and NBSP (here's looking at you, Safari 5.0 and IE) - rtrim = /^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g, - - // A simple way to check for HTML strings - // Prioritize #id over to avoid XSS via location.hash (#9521) - rquickExpr = /^(?:[^#<]*(<[\w\W]+>)[^>]*$|#([\w\-]*)$)/, - - // Match a standalone tag - rsingleTag = /^<(\w+)\s*\/?>(?:<\/\1>|)$/, - - // JSON RegExp - rvalidchars = /^[\],:{}\s]*$/, - rvalidbraces = /(?:^|:|,)(?:\s*\[)+/g, - rvalidescape = /\\(?:["\\\/bfnrt]|u[\da-fA-F]{4})/g, - rvalidtokens = /"[^"\\\r\n]*"|true|false|null|-?(?:\d\d*\.|)\d+(?:[eE][\-+]?\d+|)/g, - - // Matches dashed string for camelizing - rmsPrefix = /^-ms-/, - rdashAlpha = /-([\da-z])/gi, - - // Used by jQuery.camelCase as callback to replace() - fcamelCase = function( all, letter ) { - return ( letter + "" ).toUpperCase(); - }, - - // The ready event handler and self cleanup method - DOMContentLoaded = function() { - if ( document.addEventListener ) { - document.removeEventListener( "DOMContentLoaded", DOMContentLoaded, false ); - jQuery.ready(); - } else if ( document.readyState === "complete" ) { - // we're here because readyState === "complete" in oldIE - // which is good enough for us to call the dom ready! - document.detachEvent( "onreadystatechange", DOMContentLoaded ); - jQuery.ready(); - } - }, - - // [[Class]] -> type pairs - class2type = {}; - -jQuery.fn = jQuery.prototype = { - constructor: jQuery, - init: function( selector, context, rootjQuery ) { - var match, elem, ret, doc; - - // Handle $(""), $(null), $(undefined), $(false) - if ( !selector ) { - return this; - } - - // Handle $(DOMElement) - if ( selector.nodeType ) { - this.context = this[0] = selector; - this.length = 1; - return this; - } - - // Handle HTML strings - if ( typeof selector === "string" ) { - if ( selector.charAt(0) === "<" && selector.charAt( selector.length - 1 ) === ">" && selector.length >= 3 ) { - // Assume that strings that start and end with <> are HTML and skip the regex check - match = [ null, selector, null ]; - - } else { - match = rquickExpr.exec( selector ); - } - - // Match html or make sure no context is specified for #id - if ( match && (match[1] || !context) ) { - - // HANDLE: $(html) -> $(array) - if ( match[1] ) { - context = context instanceof jQuery ? context[0] : context; - doc = ( context && context.nodeType ? context.ownerDocument || context : document ); - - // scripts is true for back-compat - selector = jQuery.parseHTML( match[1], doc, true ); - if ( rsingleTag.test( match[1] ) && jQuery.isPlainObject( context ) ) { - this.attr.call( selector, context, true ); - } - - return jQuery.merge( this, selector ); - - // HANDLE: $(#id) - } else { - elem = document.getElementById( match[2] ); - - // Check parentNode to catch when Blackberry 4.6 returns - // nodes that are no longer in the document #6963 - if ( elem && elem.parentNode ) { - // Handle the case where IE and Opera return items - // by name instead of ID - if ( elem.id !== match[2] ) { - return rootjQuery.find( selector ); - } - - // Otherwise, we inject the element directly into the jQuery object - this.length = 1; - this[0] = elem; - } - - this.context = document; - this.selector = selector; - return this; - } - - // HANDLE: $(expr, $(...)) - } else if ( !context || context.jquery ) { - return ( context || rootjQuery ).find( selector ); - - // HANDLE: $(expr, context) - // (which is just equivalent to: $(context).find(expr) - } else { - return this.constructor( context ).find( selector ); - } - - // HANDLE: $(function) - // Shortcut for document ready - } else if ( jQuery.isFunction( selector ) ) { - return rootjQuery.ready( selector ); - } - - if ( selector.selector !== undefined ) { - this.selector = selector.selector; - this.context = selector.context; - } - - return jQuery.makeArray( selector, this ); - }, - - // Start with an empty selector - selector: "", - - // The current version of jQuery being used - jquery: "1.8.3", - - // The default length of a jQuery object is 0 - length: 0, - - // The number of elements contained in the matched element set - size: function() { - return this.length; - }, - - toArray: function() { - return core_slice.call( this ); - }, - - // Get the Nth element in the matched element set OR - // Get the whole matched element set as a clean array - get: function( num ) { - return num == null ? - - // Return a 'clean' array - this.toArray() : - - // Return just the object - ( num < 0 ? this[ this.length + num ] : this[ num ] ); - }, - - // Take an array of elements and push it onto the stack - // (returning the new matched element set) - pushStack: function( elems, name, selector ) { - - // Build a new jQuery matched element set - var ret = jQuery.merge( this.constructor(), elems ); - - // Add the old object onto the stack (as a reference) - ret.prevObject = this; - - ret.context = this.context; - - if ( name === "find" ) { - ret.selector = this.selector + ( this.selector ? " " : "" ) + selector; - } else if ( name ) { - ret.selector = this.selector + "." + name + "(" + selector + ")"; - } - - // Return the newly-formed element set - return ret; - }, - - // 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 ); - }, - - ready: function( fn ) { - // Add the callback - jQuery.ready.promise().done( fn ); - - return this; - }, - - eq: function( i ) { - i = +i; - return i === -1 ? - this.slice( i ) : - this.slice( i, i + 1 ); - }, - - first: function() { - return this.eq( 0 ); - }, - - last: function() { - return this.eq( -1 ); - }, - - slice: function() { - return this.pushStack( core_slice.apply( this, arguments ), - "slice", core_slice.call(arguments).join(",") ); - }, - - map: function( callback ) { - return this.pushStack( jQuery.map(this, function( elem, i ) { - return callback.call( elem, i, elem ); - })); - }, - - end: function() { - return this.prevObject || this.constructor(null); - }, - - // For internal use only. - // Behaves like an Array's method, not like a jQuery method. - push: core_push, - sort: [].sort, - splice: [].splice -}; - -// Give the init function the jQuery prototype for later instantiation -jQuery.fn.init.prototype = jQuery.fn; - -jQuery.extend = jQuery.fn.extend = function() { - var options, name, src, copy, copyIsArray, clone, - target = arguments[0] || {}, - i = 1, - length = arguments.length, - deep = false; - - // Handle a deep copy situation - if ( typeof target === "boolean" ) { - deep = target; - target = arguments[1] || {}; - // skip the boolean and the target - i = 2; - } - - // Handle case when target is a string or something (possible in deep copy) - if ( typeof target !== "object" && !jQuery.isFunction(target) ) { - target = {}; - } - - // extend jQuery itself if only one argument is passed - if ( length === i ) { - target = this; - --i; - } - - for ( ; i < length; i++ ) { - // Only deal with non-null/undefined values - if ( (options = arguments[ i ]) != null ) { - // Extend the base object - for ( name in options ) { - src = target[ name ]; - copy = options[ name ]; - - // Prevent never-ending loop - if ( target === copy ) { - continue; - } - - // Recurse if we're merging plain objects or arrays - if ( deep && copy && ( jQuery.isPlainObject(copy) || (copyIsArray = jQuery.isArray(copy)) ) ) { - if ( copyIsArray ) { - copyIsArray = false; - clone = src && jQuery.isArray(src) ? src : []; - - } else { - clone = src && jQuery.isPlainObject(src) ? src : {}; - } - - // Never move original objects, clone them - target[ name ] = jQuery.extend( deep, clone, copy ); - - // Don't bring in undefined values - } else if ( copy !== undefined ) { - target[ name ] = copy; - } - } - } - } - - // Return the modified object - return target; -}; - -jQuery.extend({ - noConflict: function( deep ) { - if ( window.$ === jQuery ) { - window.$ = _$; - } - - if ( deep && window.jQuery === jQuery ) { - window.jQuery = _jQuery; - } - - return jQuery; - }, - - // Is the DOM ready to be used? Set to true once it occurs. - isReady: false, - - // A counter to track how many items to wait for before - // the ready event fires. See #6781 - readyWait: 1, - - // Hold (or release) the ready event - holdReady: function( hold ) { - if ( hold ) { - jQuery.readyWait++; - } else { - jQuery.ready( true ); - } - }, - - // Handle when the DOM is ready - ready: function( wait ) { - - // Abort if there are pending holds or we're already ready - if ( wait === true ? --jQuery.readyWait : jQuery.isReady ) { - return; - } - - // Make sure body exists, at least, in case IE gets a little overzealous (ticket #5443). - if ( !document.body ) { - return setTimeout( jQuery.ready, 1 ); - } - - // Remember that the DOM is ready - jQuery.isReady = true; - - // If a normal DOM Ready event fired, decrement, and wait if need be - if ( wait !== true && --jQuery.readyWait > 0 ) { - return; - } - - // If there are functions bound, to execute - readyList.resolveWith( document, [ jQuery ] ); - - // Trigger any bound ready events - if ( jQuery.fn.trigger ) { - jQuery( document ).trigger("ready").off("ready"); - } - }, - - // See test/unit/core.js for details concerning isFunction. - // Since version 1.3, DOM methods and functions like alert - // aren't supported. They return false on IE (#2968). - isFunction: function( obj ) { - return jQuery.type(obj) === "function"; - }, - - isArray: Array.isArray || function( obj ) { - return jQuery.type(obj) === "array"; - }, - - isWindow: function( obj ) { - return obj != null && obj == obj.window; - }, - - isNumeric: function( obj ) { - return !isNaN( parseFloat(obj) ) && isFinite( obj ); - }, - - type: function( obj ) { - return obj == null ? - String( obj ) : - class2type[ core_toString.call(obj) ] || "object"; - }, - - isPlainObject: function( obj ) { - // Must be an Object. - // Because of IE, we also have to check the presence of the constructor property. - // Make sure that DOM nodes and window objects don't pass through, as well - if ( !obj || jQuery.type(obj) !== "object" || obj.nodeType || jQuery.isWindow( obj ) ) { - return false; - } - - try { - // Not own constructor property must be Object - if ( obj.constructor && - !core_hasOwn.call(obj, "constructor") && - !core_hasOwn.call(obj.constructor.prototype, "isPrototypeOf") ) { - return false; - } - } catch ( e ) { - // IE8,9 Will throw exceptions on certain host objects #9897 - return false; - } - - // Own properties are enumerated firstly, so to speed up, - // if last one is own, then all properties are own. - - var key; - for ( key in obj ) {} - - return key === undefined || core_hasOwn.call( obj, key ); - }, - - isEmptyObject: function( obj ) { - var name; - for ( name in obj ) { - return false; - } - return true; - }, - - error: function( msg ) { - throw new Error( msg ); - }, - - // data: string of html - // context (optional): If specified, the fragment will be created in this context, defaults to document - // scripts (optional): If true, will include scripts passed in the html string - parseHTML: function( data, context, scripts ) { - var parsed; - if ( !data || typeof data !== "string" ) { - return null; - } - if ( typeof context === "boolean" ) { - scripts = context; - context = 0; - } - context = context || document; - - // Single tag - if ( (parsed = rsingleTag.exec( data )) ) { - return [ context.createElement( parsed[1] ) ]; - } - - parsed = jQuery.buildFragment( [ data ], context, scripts ? null : [] ); - return jQuery.merge( [], - (parsed.cacheable ? jQuery.clone( parsed.fragment ) : parsed.fragment).childNodes ); - }, - - parseJSON: function( data ) { - if ( !data || typeof data !== "string") { - return null; - } - - // Make sure leading/trailing whitespace is removed (IE can't handle it) - data = jQuery.trim( data ); - - // Attempt to parse using the native JSON parser first - if ( window.JSON && window.JSON.parse ) { - return window.JSON.parse( data ); - } - - // Make sure the incoming data is actual JSON - // Logic borrowed from http://json.org/json2.js - if ( rvalidchars.test( data.replace( rvalidescape, "@" ) - .replace( rvalidtokens, "]" ) - .replace( rvalidbraces, "")) ) { - - return ( new Function( "return " + data ) )(); - - } - jQuery.error( "Invalid JSON: " + data ); - }, - - // Cross-browser xml parsing - parseXML: function( data ) { - var xml, tmp; - if ( !data || typeof data !== "string" ) { - return null; - } - try { - if ( window.DOMParser ) { // Standard - tmp = new DOMParser(); - xml = tmp.parseFromString( data , "text/xml" ); - } else { // IE - xml = new ActiveXObject( "Microsoft.XMLDOM" ); - xml.async = "false"; - xml.loadXML( data ); - } - } catch( e ) { - xml = undefined; - } - if ( !xml || !xml.documentElement || xml.getElementsByTagName( "parsererror" ).length ) { - jQuery.error( "Invalid XML: " + data ); - } - return xml; - }, - - noop: function() {}, - - // Evaluates a script in a global context - // Workarounds based on findings by Jim Driscoll - // http://weblogs.java.net/blog/driscoll/archive/2009/09/08/eval-javascript-global-context - globalEval: function( data ) { - if ( data && core_rnotwhite.test( data ) ) { - // We use execScript on Internet Explorer - // We use an anonymous function so that context is window - // rather than jQuery in Firefox - ( window.execScript || function( data ) { - window[ "eval" ].call( window, data ); - } )( data ); - } - }, - - // Convert dashed to camelCase; used by the css and data modules - // Microsoft forgot to hump their vendor prefix (#9572) - camelCase: function( string ) { - return string.replace( rmsPrefix, "ms-" ).replace( rdashAlpha, fcamelCase ); - }, - - nodeName: function( elem, name ) { - return elem.nodeName && elem.nodeName.toLowerCase() === name.toLowerCase(); - }, - - // args is for internal usage only - each: function( obj, callback, args ) { - var name, - i = 0, - length = obj.length, - isObj = length === undefined || jQuery.isFunction( obj ); - - if ( args ) { - if ( isObj ) { - for ( name in obj ) { - if ( callback.apply( obj[ name ], args ) === false ) { - break; - } - } - } else { - for ( ; i < length; ) { - if ( callback.apply( obj[ i++ ], args ) === false ) { - break; - } - } - } - - // A special, fast, case for the most common use of each - } else { - if ( isObj ) { - for ( name in obj ) { - if ( callback.call( obj[ name ], name, obj[ name ] ) === false ) { - break; - } - } - } else { - for ( ; i < length; ) { - if ( callback.call( obj[ i ], i, obj[ i++ ] ) === false ) { - break; - } - } - } - } - - return obj; - }, - - // Use native String.trim function wherever possible - trim: core_trim && !core_trim.call("\uFEFF\xA0") ? - function( text ) { - return text == null ? - "" : - core_trim.call( text ); - } : - - // Otherwise use our own trimming functionality - function( text ) { - return text == null ? - "" : - ( text + "" ).replace( rtrim, "" ); - }, - - // results is for internal usage only - makeArray: function( arr, results ) { - var type, - ret = results || []; - - if ( arr != null ) { - // The window, strings (and functions) also have 'length' - // Tweaked logic slightly to handle Blackberry 4.7 RegExp issues #6930 - type = jQuery.type( arr ); - - if ( arr.length == null || type === "string" || type === "function" || type === "regexp" || jQuery.isWindow( arr ) ) { - core_push.call( ret, arr ); - } else { - jQuery.merge( ret, arr ); - } - } - - return ret; - }, - - inArray: function( elem, arr, i ) { - var len; - - if ( arr ) { - if ( core_indexOf ) { - return core_indexOf.call( arr, elem, i ); - } - - len = arr.length; - i = i ? i < 0 ? Math.max( 0, len + i ) : i : 0; - - for ( ; i < len; i++ ) { - // Skip accessing in sparse arrays - if ( i in arr && arr[ i ] === elem ) { - return i; - } - } - } - - return -1; - }, - - merge: function( first, second ) { - var l = second.length, - i = first.length, - j = 0; - - if ( typeof l === "number" ) { - for ( ; j < l; j++ ) { - first[ i++ ] = second[ j ]; - } - - } else { - while ( second[j] !== undefined ) { - first[ i++ ] = second[ j++ ]; - } - } - - first.length = i; - - return first; - }, - - grep: function( elems, callback, inv ) { - var retVal, - ret = [], - i = 0, - length = elems.length; - inv = !!inv; - - // Go through the array, only saving the items - // that pass the validator function - for ( ; i < length; i++ ) { - retVal = !!callback( elems[ i ], i ); - if ( inv !== retVal ) { - ret.push( elems[ i ] ); - } - } - - return ret; - }, - - // arg is for internal usage only - map: function( elems, callback, arg ) { - var value, key, - ret = [], - i = 0, - length = elems.length, - // jquery objects are treated as arrays - isArray = elems instanceof jQuery || length !== undefined && typeof length === "number" && ( ( length > 0 && elems[ 0 ] && elems[ length -1 ] ) || length === 0 || jQuery.isArray( elems ) ) ; - - // Go through the array, translating each of the items to their - if ( isArray ) { - for ( ; i < length; i++ ) { - value = callback( elems[ i ], i, arg ); - - if ( value != null ) { - ret[ ret.length ] = value; - } - } - - // Go through every key on the object, - } else { - for ( key in elems ) { - value = callback( elems[ key ], key, arg ); - - if ( value != null ) { - ret[ ret.length ] = value; - } - } - } - - // Flatten any nested arrays - return ret.concat.apply( [], ret ); - }, - - // A global GUID counter for objects - guid: 1, - - // Bind a function to a context, optionally partially applying any - // arguments. - proxy: function( fn, context ) { - var tmp, args, proxy; - - if ( typeof context === "string" ) { - tmp = fn[ context ]; - context = fn; - fn = tmp; - } - - // Quick check to determine if target is callable, in the spec - // this throws a TypeError, but we will just return undefined. - if ( !jQuery.isFunction( fn ) ) { - return undefined; - } - - // Simulated bind - args = core_slice.call( arguments, 2 ); - proxy = function() { - return fn.apply( context, args.concat( core_slice.call( arguments ) ) ); - }; - - // Set the guid of unique handler to the same of original handler, so it can be removed - proxy.guid = fn.guid = fn.guid || jQuery.guid++; - - return proxy; - }, - - // Multifunctional method to get and set values of a collection - // The value/s can optionally be executed if it's a function - access: function( elems, fn, key, value, chainable, emptyGet, pass ) { - var exec, - bulk = key == null, - i = 0, - length = elems.length; - - // Sets many values - if ( key && typeof key === "object" ) { - for ( i in key ) { - jQuery.access( elems, fn, i, key[i], 1, emptyGet, value ); - } - chainable = 1; - - // Sets one value - } else if ( value !== undefined ) { - // Optionally, function values get executed if exec is true - exec = pass === undefined && jQuery.isFunction( value ); - - if ( bulk ) { - // Bulk operations only iterate when executing function values - if ( exec ) { - exec = fn; - fn = function( elem, key, value ) { - return exec.call( jQuery( elem ), value ); - }; - - // Otherwise they run against the entire set - } else { - fn.call( elems, value ); - fn = null; - } - } - - if ( fn ) { - for (; i < length; i++ ) { - fn( elems[i], key, exec ? value.call( elems[i], i, fn( elems[i], key ) ) : value, pass ); - } - } - - chainable = 1; - } - - return chainable ? - elems : - - // Gets - bulk ? - fn.call( elems ) : - length ? fn( elems[0], key ) : emptyGet; - }, - - now: function() { - return ( new Date() ).getTime(); - } -}); - -jQuery.ready.promise = function( obj ) { - if ( !readyList ) { - - readyList = jQuery.Deferred(); - - // Catch cases where $(document).ready() is called after the browser event has already occurred. - // we once tried to use readyState "interactive" here, but it caused issues like the one - // discovered by ChrisS here: http://bugs.jquery.com/ticket/12282#comment:15 - if ( document.readyState === "complete" ) { - // Handle it asynchronously to allow scripts the opportunity to delay ready - setTimeout( jQuery.ready, 1 ); - - // Standards-based browsers support DOMContentLoaded - } else if ( document.addEventListener ) { - // Use the handy event callback - document.addEventListener( "DOMContentLoaded", DOMContentLoaded, false ); - - // A fallback to window.onload, that will always work - window.addEventListener( "load", jQuery.ready, false ); - - // If IE event model is used - } else { - // Ensure firing before onload, maybe late but safe also for iframes - document.attachEvent( "onreadystatechange", DOMContentLoaded ); - - // A fallback to window.onload, that will always work - window.attachEvent( "onload", jQuery.ready ); - - // If IE and not a frame - // continually check to see if the document is ready - var top = false; - - try { - top = window.frameElement == null && document.documentElement; - } catch(e) {} - - if ( top && top.doScroll ) { - (function doScrollCheck() { - if ( !jQuery.isReady ) { - - try { - // Use the trick by Diego Perini - // http://javascript.nwbox.com/IEContentLoaded/ - top.doScroll("left"); - } catch(e) { - return setTimeout( doScrollCheck, 50 ); - } - - // and execute any waiting functions - jQuery.ready(); - } - })(); - } - } - } - return readyList.promise( obj ); -}; - -// Populate the class2type map -jQuery.each("Boolean Number String Function Array Date RegExp Object".split(" "), function(i, name) { - class2type[ "[object " + name + "]" ] = name.toLowerCase(); -}); - -// All jQuery objects should point back to these -rootjQuery = jQuery(document); -// String to Object options format cache -var optionsCache = {}; - -// Convert String-formatted options into Object-formatted ones and store in cache -function createOptions( options ) { - var object = optionsCache[ options ] = {}; - jQuery.each( options.split( core_rspace ), function( _, flag ) { - object[ flag ] = true; - }); - return object; -} - -/* - * Create a callback list using the following parameters: - * - * options: an optional list of space-separated options that will change how - * the callback list behaves or a more traditional option object - * - * By default a callback list will act like an event callback list and can be - * "fired" multiple times. - * - * Possible options: - * - * once: will ensure the callback list can only be fired once (like a Deferred) - * - * memory: will keep track of previous values and will call any callback added - * after the list has been fired right away with the latest "memorized" - * values (like a Deferred) - * - * unique: will ensure a callback can only be added once (no duplicate in the list) - * - * stopOnFalse: interrupt callings when a callback returns false - * - */ -jQuery.Callbacks = function( options ) { - - // Convert options from String-formatted to Object-formatted if needed - // (we check in cache first) - options = typeof options === "string" ? - ( optionsCache[ options ] || createOptions( options ) ) : - jQuery.extend( {}, options ); - - var // Last fire value (for non-forgettable lists) - memory, - // Flag to know if list was already fired - fired, - // Flag to know if list is currently firing - firing, - // First callback to fire (used internally by add and fireWith) - firingStart, - // End of the loop when firing - firingLength, - // Index of currently firing callback (modified by remove if needed) - firingIndex, - // Actual callback list - list = [], - // Stack of fire calls for repeatable lists - stack = !options.once && [], - // Fire callbacks - fire = function( data ) { - memory = options.memory && data; - fired = true; - firingIndex = firingStart || 0; - firingStart = 0; - firingLength = list.length; - firing = true; - for ( ; list && firingIndex < firingLength; firingIndex++ ) { - if ( list[ firingIndex ].apply( data[ 0 ], data[ 1 ] ) === false && options.stopOnFalse ) { - memory = false; // To prevent further calls using add - break; - } - } - firing = false; - if ( list ) { - if ( stack ) { - if ( stack.length ) { - fire( stack.shift() ); - } - } else if ( memory ) { - list = []; - } else { - self.disable(); - } - } - }, - // Actual Callbacks object - self = { - // Add a callback or a collection of callbacks to the list - add: function() { - if ( list ) { - // First, we save the current length - var start = list.length; - (function add( args ) { - jQuery.each( args, function( _, arg ) { - var type = jQuery.type( arg ); - if ( type === "function" ) { - if ( !options.unique || !self.has( arg ) ) { - list.push( arg ); - } - } else if ( arg && arg.length && type !== "string" ) { - // Inspect recursively - add( arg ); - } - }); - })( arguments ); - // Do we need to add the callbacks to the - // current firing batch? - if ( firing ) { - firingLength = list.length; - // With memory, if we're not firing then - // we should call right away - } else if ( memory ) { - firingStart = start; - fire( memory ); - } - } - return this; - }, - // Remove a callback from the list - remove: function() { - if ( list ) { - jQuery.each( arguments, function( _, arg ) { - var index; - while( ( index = jQuery.inArray( arg, list, index ) ) > -1 ) { - list.splice( index, 1 ); - // Handle firing indexes - if ( firing ) { - if ( index <= firingLength ) { - firingLength--; - } - if ( index <= firingIndex ) { - firingIndex--; - } - } - } - }); - } - return this; - }, - // Control if a given callback is in the list - has: function( fn ) { - return jQuery.inArray( fn, list ) > -1; - }, - // Remove all callbacks from the list - empty: function() { - list = []; - return this; - }, - // Have the list do nothing anymore - disable: function() { - list = stack = memory = undefined; - return this; - }, - // Is it disabled? - disabled: function() { - return !list; - }, - // Lock the list in its current state - lock: function() { - stack = undefined; - if ( !memory ) { - self.disable(); - } - return this; - }, - // Is it locked? - locked: function() { - return !stack; - }, - // Call all callbacks with the given context and arguments - fireWith: function( context, args ) { - args = args || []; - args = [ context, args.slice ? args.slice() : args ]; - if ( list && ( !fired || stack ) ) { - if ( firing ) { - stack.push( args ); - } else { - fire( args ); - } - } - return this; - }, - // Call all the callbacks with the given arguments - fire: function() { - self.fireWith( this, arguments ); - return this; - }, - // To know if the callbacks have already been called at least once - fired: function() { - return !!fired; - } - }; - - return self; -}; -jQuery.extend({ - - Deferred: function( func ) { - var tuples = [ - // action, add listener, listener list, final state - [ "resolve", "done", jQuery.Callbacks("once memory"), "resolved" ], - [ "reject", "fail", jQuery.Callbacks("once memory"), "rejected" ], - [ "notify", "progress", jQuery.Callbacks("memory") ] - ], - state = "pending", - promise = { - state: function() { - return state; - }, - always: function() { - deferred.done( arguments ).fail( arguments ); - return this; - }, - then: function( /* fnDone, fnFail, fnProgress */ ) { - var fns = arguments; - return jQuery.Deferred(function( newDefer ) { - jQuery.each( tuples, function( i, tuple ) { - var action = tuple[ 0 ], - fn = fns[ i ]; - // deferred[ done | fail | progress ] for forwarding actions to newDefer - deferred[ tuple[1] ]( jQuery.isFunction( fn ) ? - function() { - var returned = fn.apply( this, arguments ); - if ( returned && jQuery.isFunction( returned.promise ) ) { - returned.promise() - .done( newDefer.resolve ) - .fail( newDefer.reject ) - .progress( newDefer.notify ); - } else { - newDefer[ action + "With" ]( this === deferred ? newDefer : this, [ returned ] ); - } - } : - newDefer[ action ] - ); - }); - fns = null; - }).promise(); - }, - // Get a promise for this deferred - // If obj is provided, the promise aspect is added to the object - promise: function( obj ) { - return obj != null ? jQuery.extend( obj, promise ) : promise; - } - }, - deferred = {}; - - // Keep pipe for back-compat - promise.pipe = promise.then; - - // Add list-specific methods - jQuery.each( tuples, function( i, tuple ) { - var list = tuple[ 2 ], - stateString = tuple[ 3 ]; - - // promise[ done | fail | progress ] = list.add - promise[ tuple[1] ] = list.add; - - // Handle state - if ( stateString ) { - list.add(function() { - // state = [ resolved | rejected ] - state = stateString; - - // [ reject_list | resolve_list ].disable; progress_list.lock - }, tuples[ i ^ 1 ][ 2 ].disable, tuples[ 2 ][ 2 ].lock ); - } - - // deferred[ resolve | reject | notify ] = list.fire - deferred[ tuple[0] ] = list.fire; - deferred[ tuple[0] + "With" ] = list.fireWith; - }); - - // Make the deferred a promise - promise.promise( deferred ); - - // Call given func if any - if ( func ) { - func.call( deferred, deferred ); - } - - // All done! - return deferred; - }, - - // Deferred helper - when: function( subordinate /* , ..., subordinateN */ ) { - var i = 0, - resolveValues = core_slice.call( arguments ), - length = resolveValues.length, - - // the count of uncompleted subordinates - remaining = length !== 1 || ( subordinate && jQuery.isFunction( subordinate.promise ) ) ? length : 0, - - // the master Deferred. If resolveValues consist of only a single Deferred, just use that. - deferred = remaining === 1 ? subordinate : jQuery.Deferred(), - - // Update function for both resolve and progress values - updateFunc = function( i, contexts, values ) { - return function( value ) { - contexts[ i ] = this; - values[ i ] = arguments.length > 1 ? core_slice.call( arguments ) : value; - if( values === progressValues ) { - deferred.notifyWith( contexts, values ); - } else if ( !( --remaining ) ) { - deferred.resolveWith( contexts, values ); - } - }; - }, - - progressValues, progressContexts, resolveContexts; - - // add listeners to Deferred subordinates; treat others as resolved - if ( length > 1 ) { - progressValues = new Array( length ); - progressContexts = new Array( length ); - resolveContexts = new Array( length ); - for ( ; i < length; i++ ) { - if ( resolveValues[ i ] && jQuery.isFunction( resolveValues[ i ].promise ) ) { - resolveValues[ i ].promise() - .done( updateFunc( i, resolveContexts, resolveValues ) ) - .fail( deferred.reject ) - .progress( updateFunc( i, progressContexts, progressValues ) ); - } else { - --remaining; - } - } - } - - // if we're not waiting on anything, resolve the master - if ( !remaining ) { - deferred.resolveWith( resolveContexts, resolveValues ); - } - - return deferred.promise(); - } -}); -jQuery.support = (function() { - - var support, - all, - a, - select, - opt, - input, - fragment, - eventName, - i, - isSupported, - clickFn, - div = document.createElement("div"); - - // Setup - div.setAttribute( "className", "t" ); - div.innerHTML = "

a"; - - // Support tests won't run in some limited or non-browser environments - all = div.getElementsByTagName("*"); - a = div.getElementsByTagName("a")[ 0 ]; - if ( !all || !a || !all.length ) { - return {}; - } - - // First batch of tests - select = document.createElement("select"); - opt = select.appendChild( document.createElement("option") ); - input = div.getElementsByTagName("input")[ 0 ]; - - a.style.cssText = "top:1px;float:left;opacity:.5"; - support = { - // IE strips leading whitespace when .innerHTML is used - leadingWhitespace: ( div.firstChild.nodeType === 3 ), - - // Make sure that tbody elements aren't automatically inserted - // IE will insert them into empty tables - tbody: !div.getElementsByTagName("tbody").length, - - // Make sure that link elements get serialized correctly by innerHTML - // This requires a wrapper element in IE - htmlSerialize: !!div.getElementsByTagName("link").length, - - // Get the style information from getAttribute - // (IE uses .cssText instead) - style: /top/.test( a.getAttribute("style") ), - - // Make sure that URLs aren't manipulated - // (IE normalizes it by default) - hrefNormalized: ( a.getAttribute("href") === "/a" ), - - // Make sure that element opacity exists - // (IE uses filter instead) - // Use a regex to work around a WebKit issue. See #5145 - opacity: /^0.5/.test( a.style.opacity ), - - // Verify style float existence - // (IE uses styleFloat instead of cssFloat) - cssFloat: !!a.style.cssFloat, - - // Make sure that if no value is specified for a checkbox - // that it defaults to "on". - // (WebKit defaults to "" instead) - checkOn: ( input.value === "on" ), - - // Make sure that a selected-by-default option has a working selected property. - // (WebKit defaults to false instead of true, IE too, if it's in an optgroup) - optSelected: opt.selected, - - // Test setAttribute on camelCase class. If it works, we need attrFixes when doing get/setAttribute (ie6/7) - getSetAttribute: div.className !== "t", - - // Tests for enctype support on a form (#6743) - enctype: !!document.createElement("form").enctype, - - // Makes sure cloning an html5 element does not cause problems - // Where outerHTML is undefined, this still works - html5Clone: document.createElement("nav").cloneNode( true ).outerHTML !== "<:nav>", - - // jQuery.support.boxModel DEPRECATED in 1.8 since we don't support Quirks Mode - boxModel: ( document.compatMode === "CSS1Compat" ), - - // Will be defined later - submitBubbles: true, - changeBubbles: true, - focusinBubbles: false, - deleteExpando: true, - noCloneEvent: true, - inlineBlockNeedsLayout: false, - shrinkWrapBlocks: false, - reliableMarginRight: true, - boxSizingReliable: true, - pixelPosition: false - }; - - // Make sure checked status is properly cloned - input.checked = true; - support.noCloneChecked = input.cloneNode( true ).checked; - - // Make sure that the options inside disabled selects aren't marked as disabled - // (WebKit marks them as disabled) - select.disabled = true; - support.optDisabled = !opt.disabled; - - // Test to see if it's possible to delete an expando from an element - // Fails in Internet Explorer - try { - delete div.test; - } catch( e ) { - support.deleteExpando = false; - } - - if ( !div.addEventListener && div.attachEvent && div.fireEvent ) { - div.attachEvent( "onclick", clickFn = function() { - // Cloning a node shouldn't copy over any - // bound event handlers (IE does this) - support.noCloneEvent = false; - }); - div.cloneNode( true ).fireEvent("onclick"); - div.detachEvent( "onclick", clickFn ); - } - - // Check if a radio maintains its value - // after being appended to the DOM - input = document.createElement("input"); - input.value = "t"; - input.setAttribute( "type", "radio" ); - support.radioValue = input.value === "t"; - - input.setAttribute( "checked", "checked" ); - - // #11217 - WebKit loses check when the name is after the checked attribute - input.setAttribute( "name", "t" ); - - div.appendChild( input ); - fragment = document.createDocumentFragment(); - fragment.appendChild( div.lastChild ); - - // WebKit doesn't clone checked state correctly in fragments - support.checkClone = fragment.cloneNode( true ).cloneNode( true ).lastChild.checked; - - // Check if a disconnected checkbox will retain its checked - // value of true after appended to the DOM (IE6/7) - support.appendChecked = input.checked; - - fragment.removeChild( input ); - fragment.appendChild( div ); - - // Technique from Juriy Zaytsev - // http://perfectionkills.com/detecting-event-support-without-browser-sniffing/ - // We only care about the case where non-standard event systems - // are used, namely in IE. Short-circuiting here helps us to - // avoid an eval call (in setAttribute) which can cause CSP - // to go haywire. See: https://developer.mozilla.org/en/Security/CSP - if ( div.attachEvent ) { - for ( i in { - submit: true, - change: true, - focusin: true - }) { - eventName = "on" + i; - isSupported = ( eventName in div ); - if ( !isSupported ) { - div.setAttribute( eventName, "return;" ); - isSupported = ( typeof div[ eventName ] === "function" ); - } - support[ i + "Bubbles" ] = isSupported; - } - } - - // Run tests that need a body at doc ready - jQuery(function() { - var container, div, tds, marginDiv, - divReset = "padding:0;margin:0;border:0;display:block;overflow:hidden;", - body = document.getElementsByTagName("body")[0]; - - if ( !body ) { - // Return for frameset docs that don't have a body - return; - } - - container = document.createElement("div"); - container.style.cssText = "visibility:hidden;border:0;width:0;height:0;position:static;top:0;margin-top:1px"; - body.insertBefore( container, body.firstChild ); - - // Construct the test element - div = document.createElement("div"); - container.appendChild( div ); - - // Check if table cells still have offsetWidth/Height when they are set - // to display:none and there are still other visible table cells in a - // table row; if so, offsetWidth/Height are not reliable for use when - // determining if an element has been hidden directly using - // display:none (it is still safe to use offsets if a parent element is - // hidden; don safety goggles and see bug #4512 for more information). - // (only IE 8 fails this test) - div.innerHTML = "

"; - tds = div.getElementsByTagName("td"); - tds[ 0 ].style.cssText = "padding:0;margin:0;border:0;display:none"; - isSupported = ( tds[ 0 ].offsetHeight === 0 ); - - tds[ 0 ].style.display = ""; - tds[ 1 ].style.display = "none"; - - // Check if empty table cells still have offsetWidth/Height - // (IE <= 8 fail this test) - support.reliableHiddenOffsets = isSupported && ( tds[ 0 ].offsetHeight === 0 ); - - // Check box-sizing and margin behavior - div.innerHTML = ""; - div.style.cssText = "box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;padding:1px;border:1px;display:block;width:4px;margin-top:1%;position:absolute;top:1%;"; - support.boxSizing = ( div.offsetWidth === 4 ); - support.doesNotIncludeMarginInBodyOffset = ( body.offsetTop !== 1 ); - - // NOTE: To any future maintainer, we've window.getComputedStyle - // because jsdom on node.js will break without it. - if ( window.getComputedStyle ) { - support.pixelPosition = ( window.getComputedStyle( div, null ) || {} ).top !== "1%"; - support.boxSizingReliable = ( window.getComputedStyle( div, null ) || { width: "4px" } ).width === "4px"; - - // Check if div with explicit width and no margin-right incorrectly - // gets computed margin-right based on width of container. For more - // info see bug #3333 - // Fails in WebKit before Feb 2011 nightlies - // WebKit Bug 13343 - getComputedStyle returns wrong value for margin-right - marginDiv = document.createElement("div"); - marginDiv.style.cssText = div.style.cssText = divReset; - marginDiv.style.marginRight = marginDiv.style.width = "0"; - div.style.width = "1px"; - div.appendChild( marginDiv ); - support.reliableMarginRight = - !parseFloat( ( window.getComputedStyle( marginDiv, null ) || {} ).marginRight ); - } - - if ( typeof div.style.zoom !== "undefined" ) { - // Check if natively block-level elements act like inline-block - // elements when setting their display to 'inline' and giving - // them layout - // (IE < 8 does this) - div.innerHTML = ""; - div.style.cssText = divReset + "width:1px;padding:1px;display:inline;zoom:1"; - support.inlineBlockNeedsLayout = ( div.offsetWidth === 3 ); - - // Check if elements with layout shrink-wrap their children - // (IE 6 does this) - div.style.display = "block"; - div.style.overflow = "visible"; - div.innerHTML = "

"; - div.firstChild.style.width = "5px"; - support.shrinkWrapBlocks = ( div.offsetWidth !== 3 ); - - container.style.zoom = 1; - } - - // Null elements to avoid leaks in IE - body.removeChild( container ); - container = div = tds = marginDiv = null; - }); - - // Null elements to avoid leaks in IE - fragment.removeChild( div ); - all = a = select = opt = input = fragment = div = null; - - return support; -})(); -var rbrace = /(?:\{[\s\S]*\}|\[[\s\S]*\])$/, - rmultiDash = /([A-Z])/g; - -jQuery.extend({ - cache: {}, - - deletedIds: [], - - // Remove at next major release (1.9/2.0) - uuid: 0, - - // Unique for each copy of jQuery on the page - // Non-digits removed to match rinlinejQuery - expando: "jQuery" + ( jQuery.fn.jquery + Math.random() ).replace( /\D/g, "" ), - - // The following elements throw uncatchable exceptions if you - // attempt to add expando properties to them. - noData: { - "embed": true, - // Ban all objects except for Flash (which handle expandos) - "object": "clsid:D27CDB6E-AE6D-11cf-96B8-444553540000", - "applet": true - }, - - hasData: function( elem ) { - elem = elem.nodeType ? jQuery.cache[ elem[jQuery.expando] ] : elem[ jQuery.expando ]; - return !!elem && !isEmptyDataObject( elem ); - }, - - data: function( elem, name, data, pvt /* Internal Use Only */ ) { - if ( !jQuery.acceptData( elem ) ) { - return; - } - - var thisCache, ret, - internalKey = jQuery.expando, - getByName = typeof name === "string", - - // We have to handle DOM nodes and JS objects differently because IE6-7 - // can't GC object references properly across the DOM-JS boundary - isNode = elem.nodeType, - - // Only DOM nodes need the global jQuery cache; JS object data is - // attached directly to the object so GC can occur automatically - cache = isNode ? jQuery.cache : elem, - - // Only defining an ID for JS objects if its cache already exists allows - // the code to shortcut on the same path as a DOM node with no cache - id = isNode ? elem[ internalKey ] : elem[ internalKey ] && internalKey; - - // Avoid doing any more work than we need to when trying to get data on an - // object that has no data at all - if ( (!id || !cache[id] || (!pvt && !cache[id].data)) && getByName && data === undefined ) { - return; - } - - if ( !id ) { - // Only DOM nodes need a new unique ID for each element since their data - // ends up in the global cache - if ( isNode ) { - elem[ internalKey ] = id = jQuery.deletedIds.pop() || jQuery.guid++; - } else { - id = internalKey; - } - } - - if ( !cache[ id ] ) { - cache[ id ] = {}; - - // Avoids exposing jQuery metadata on plain JS objects when the object - // is serialized using JSON.stringify - if ( !isNode ) { - cache[ id ].toJSON = jQuery.noop; - } - } - - // An object can be passed to jQuery.data instead of a key/value pair; this gets - // shallow copied over onto the existing cache - if ( typeof name === "object" || typeof name === "function" ) { - if ( pvt ) { - cache[ id ] = jQuery.extend( cache[ id ], name ); - } else { - cache[ id ].data = jQuery.extend( cache[ id ].data, name ); - } - } - - thisCache = cache[ id ]; - - // jQuery data() is stored in a separate object inside the object's internal data - // cache in order to avoid key collisions between internal data and user-defined - // data. - if ( !pvt ) { - if ( !thisCache.data ) { - thisCache.data = {}; - } - - thisCache = thisCache.data; - } - - if ( data !== undefined ) { - thisCache[ jQuery.camelCase( name ) ] = data; - } - - // Check for both converted-to-camel and non-converted data property names - // If a data property was specified - if ( getByName ) { - - // First Try to find as-is property data - ret = thisCache[ name ]; - - // Test for null|undefined property data - if ( ret == null ) { - - // Try to find the camelCased property - ret = thisCache[ jQuery.camelCase( name ) ]; - } - } else { - ret = thisCache; - } - - return ret; - }, - - removeData: function( elem, name, pvt /* Internal Use Only */ ) { - if ( !jQuery.acceptData( elem ) ) { - return; - } - - var thisCache, i, l, - - isNode = elem.nodeType, - - // See jQuery.data for more information - cache = isNode ? jQuery.cache : elem, - id = isNode ? elem[ jQuery.expando ] : jQuery.expando; - - // If there is already no cache entry for this object, there is no - // purpose in continuing - if ( !cache[ id ] ) { - return; - } - - if ( name ) { - - thisCache = pvt ? cache[ id ] : cache[ id ].data; - - if ( thisCache ) { - - // Support array or space separated string names for data keys - if ( !jQuery.isArray( name ) ) { - - // try the string as a key before any manipulation - if ( name in thisCache ) { - name = [ name ]; - } else { - - // split the camel cased version by spaces unless a key with the spaces exists - name = jQuery.camelCase( name ); - if ( name in thisCache ) { - name = [ name ]; - } else { - name = name.split(" "); - } - } - } - - for ( i = 0, l = name.length; i < l; i++ ) { - delete thisCache[ name[i] ]; - } - - // If there is no data left in the cache, we want to continue - // and let the cache object itself get destroyed - if ( !( pvt ? isEmptyDataObject : jQuery.isEmptyObject )( thisCache ) ) { - return; - } - } - } - - // See jQuery.data for more information - if ( !pvt ) { - delete cache[ id ].data; - - // Don't destroy the parent cache unless the internal data object - // had been the only thing left in it - if ( !isEmptyDataObject( cache[ id ] ) ) { - return; - } - } - - // Destroy the cache - if ( isNode ) { - jQuery.cleanData( [ elem ], true ); - - // Use delete when supported for expandos or `cache` is not a window per isWindow (#10080) - } else if ( jQuery.support.deleteExpando || cache != cache.window ) { - delete cache[ id ]; - - // When all else fails, null - } else { - cache[ id ] = null; - } - }, - - // For internal use only. - _data: function( elem, name, data ) { - return jQuery.data( elem, name, data, true ); - }, - - // A method for determining if a DOM node can handle the data expando - acceptData: function( elem ) { - var noData = elem.nodeName && jQuery.noData[ elem.nodeName.toLowerCase() ]; - - // nodes accept data unless otherwise specified; rejection can be conditional - return !noData || noData !== true && elem.getAttribute("classid") === noData; - } -}); - -jQuery.fn.extend({ - data: function( key, value ) { - var parts, part, attr, name, l, - elem = this[0], - i = 0, - data = null; - - // Gets all values - if ( key === undefined ) { - if ( this.length ) { - data = jQuery.data( elem ); - - if ( elem.nodeType === 1 && !jQuery._data( elem, "parsedAttrs" ) ) { - attr = elem.attributes; - for ( l = attr.length; i < l; i++ ) { - name = attr[i].name; - - if ( !name.indexOf( "data-" ) ) { - name = jQuery.camelCase( name.substring(5) ); - - dataAttr( elem, name, data[ name ] ); - } - } - jQuery._data( elem, "parsedAttrs", true ); - } - } - - return data; - } - - // Sets multiple values - if ( typeof key === "object" ) { - return this.each(function() { - jQuery.data( this, key ); - }); - } - - parts = key.split( ".", 2 ); - parts[1] = parts[1] ? "." + parts[1] : ""; - part = parts[1] + "!"; - - return jQuery.access( this, function( value ) { - - if ( value === undefined ) { - data = this.triggerHandler( "getData" + part, [ parts[0] ] ); - - // Try to fetch any internally stored data first - if ( data === undefined && elem ) { - data = jQuery.data( elem, key ); - data = dataAttr( elem, key, data ); - } - - return data === undefined && parts[1] ? - this.data( parts[0] ) : - data; - } - - parts[1] = value; - this.each(function() { - var self = jQuery( this ); - - self.triggerHandler( "setData" + part, parts ); - jQuery.data( this, key, value ); - self.triggerHandler( "changeData" + part, parts ); - }); - }, null, value, arguments.length > 1, null, false ); - }, - - removeData: function( key ) { - return this.each(function() { - jQuery.removeData( this, key ); - }); - } -}); - -function dataAttr( elem, key, data ) { - // If nothing was found internally, try to fetch any - // data from the HTML5 data-* attribute - if ( data === undefined && elem.nodeType === 1 ) { - - var name = "data-" + key.replace( rmultiDash, "-$1" ).toLowerCase(); - - data = elem.getAttribute( name ); - - if ( typeof data === "string" ) { - try { - data = data === "true" ? true : - data === "false" ? false : - data === "null" ? null : - // Only convert to a number if it doesn't change the string - +data + "" === data ? +data : - rbrace.test( data ) ? jQuery.parseJSON( data ) : - data; - } catch( e ) {} - - // Make sure we set the data so it isn't changed later - jQuery.data( elem, key, data ); - - } else { - data = undefined; - } - } - - return data; -} - -// checks a cache object for emptiness -function isEmptyDataObject( obj ) { - var name; - for ( name in obj ) { - - // if the public data object is empty, the private is still empty - if ( name === "data" && jQuery.isEmptyObject( obj[name] ) ) { - continue; - } - if ( name !== "toJSON" ) { - return false; - } - } - - return true; -} -jQuery.extend({ - queue: function( elem, type, data ) { - var queue; - - if ( elem ) { - type = ( type || "fx" ) + "queue"; - queue = jQuery._data( elem, type ); - - // Speed up dequeue by getting out quickly if this is just a lookup - if ( data ) { - if ( !queue || jQuery.isArray(data) ) { - queue = jQuery._data( elem, type, jQuery.makeArray(data) ); - } else { - queue.push( data ); - } - } - return queue || []; - } - }, - - dequeue: function( elem, type ) { - type = type || "fx"; - - var queue = jQuery.queue( elem, type ), - startLength = queue.length, - fn = queue.shift(), - hooks = jQuery._queueHooks( elem, type ), - next = function() { - jQuery.dequeue( elem, type ); - }; - - // If the fx queue is dequeued, always remove the progress sentinel - if ( fn === "inprogress" ) { - fn = queue.shift(); - startLength--; - } - - if ( fn ) { - - // Add a progress sentinel to prevent the fx queue from being - // automatically dequeued - if ( type === "fx" ) { - queue.unshift( "inprogress" ); - } - - // clear up the last queue stop function - delete hooks.stop; - fn.call( elem, next, hooks ); - } - - if ( !startLength && hooks ) { - hooks.empty.fire(); - } - }, - - // not intended for public consumption - generates a queueHooks object, or returns the current one - _queueHooks: function( elem, type ) { - var key = type + "queueHooks"; - return jQuery._data( elem, key ) || jQuery._data( elem, key, { - empty: jQuery.Callbacks("once memory").add(function() { - jQuery.removeData( elem, type + "queue", true ); - jQuery.removeData( elem, key, true ); - }) - }); - } -}); - -jQuery.fn.extend({ - queue: function( type, data ) { - var setter = 2; - - if ( typeof type !== "string" ) { - data = type; - type = "fx"; - setter--; - } - - if ( arguments.length < setter ) { - return jQuery.queue( this[0], type ); - } - - return data === undefined ? - this : - this.each(function() { - var queue = jQuery.queue( this, type, data ); - - // ensure a hooks for this queue - jQuery._queueHooks( this, type ); - - if ( type === "fx" && queue[0] !== "inprogress" ) { - jQuery.dequeue( this, type ); - } - }); - }, - dequeue: function( type ) { - return this.each(function() { - jQuery.dequeue( this, type ); - }); - }, - // Based off of the plugin by Clint Helfers, with permission. - // http://blindsignals.com/index.php/2009/07/jquery-delay/ - delay: function( time, type ) { - time = jQuery.fx ? jQuery.fx.speeds[ time ] || time : time; - type = type || "fx"; - - return this.queue( type, function( next, hooks ) { - var timeout = setTimeout( next, time ); - hooks.stop = function() { - clearTimeout( timeout ); - }; - }); - }, - clearQueue: function( type ) { - return this.queue( type || "fx", [] ); - }, - // Get a promise resolved when queues of a certain type - // are emptied (fx is the type by default) - promise: function( type, obj ) { - var tmp, - count = 1, - defer = jQuery.Deferred(), - elements = this, - i = this.length, - resolve = function() { - if ( !( --count ) ) { - defer.resolveWith( elements, [ elements ] ); - } - }; - - if ( typeof type !== "string" ) { - obj = type; - type = undefined; - } - type = type || "fx"; - - while( i-- ) { - tmp = jQuery._data( elements[ i ], type + "queueHooks" ); - if ( tmp && tmp.empty ) { - count++; - tmp.empty.add( resolve ); - } - } - resolve(); - return defer.promise( obj ); - } -}); -var nodeHook, boolHook, fixSpecified, - rclass = /[\t\r\n]/g, - rreturn = /\r/g, - rtype = /^(?:button|input)$/i, - rfocusable = /^(?:button|input|object|select|textarea)$/i, - rclickable = /^a(?:rea|)$/i, - rboolean = /^(?:autofocus|autoplay|async|checked|controls|defer|disabled|hidden|loop|multiple|open|readonly|required|scoped|selected)$/i, - getSetAttribute = jQuery.support.getSetAttribute; - -jQuery.fn.extend({ - attr: function( name, value ) { - return jQuery.access( this, jQuery.attr, name, value, arguments.length > 1 ); - }, - - removeAttr: function( name ) { - return this.each(function() { - jQuery.removeAttr( this, name ); - }); - }, - - prop: function( name, value ) { - return jQuery.access( this, jQuery.prop, name, value, arguments.length > 1 ); - }, - - removeProp: function( name ) { - name = jQuery.propFix[ name ] || name; - return this.each(function() { - // try/catch handles cases where IE balks (such as removing a property on window) - try { - this[ name ] = undefined; - delete this[ name ]; - } catch( e ) {} - }); - }, - - addClass: function( value ) { - var classNames, i, l, elem, - setClass, c, cl; - - if ( jQuery.isFunction( value ) ) { - return this.each(function( j ) { - jQuery( this ).addClass( value.call(this, j, this.className) ); - }); - } - - if ( value && typeof value === "string" ) { - classNames = value.split( core_rspace ); - - for ( i = 0, l = this.length; i < l; i++ ) { - elem = this[ i ]; - - if ( elem.nodeType === 1 ) { - if ( !elem.className && classNames.length === 1 ) { - elem.className = value; - - } else { - setClass = " " + elem.className + " "; - - for ( c = 0, cl = classNames.length; c < cl; c++ ) { - if ( setClass.indexOf( " " + classNames[ c ] + " " ) < 0 ) { - setClass += classNames[ c ] + " "; - } - } - elem.className = jQuery.trim( setClass ); - } - } - } - } - - return this; - }, - - removeClass: function( value ) { - var removes, className, elem, c, cl, i, l; - - if ( jQuery.isFunction( value ) ) { - return this.each(function( j ) { - jQuery( this ).removeClass( value.call(this, j, this.className) ); - }); - } - if ( (value && typeof value === "string") || value === undefined ) { - removes = ( value || "" ).split( core_rspace ); - - for ( i = 0, l = this.length; i < l; i++ ) { - elem = this[ i ]; - if ( elem.nodeType === 1 && elem.className ) { - - className = (" " + elem.className + " ").replace( rclass, " " ); - - // loop over each item in the removal list - for ( c = 0, cl = removes.length; c < cl; c++ ) { - // Remove until there is nothing to remove, - while ( className.indexOf(" " + removes[ c ] + " ") >= 0 ) { - className = className.replace( " " + removes[ c ] + " " , " " ); - } - } - elem.className = value ? jQuery.trim( className ) : ""; - } - } - } - - return this; - }, - - toggleClass: function( value, stateVal ) { - var type = typeof value, - isBool = typeof stateVal === "boolean"; - - if ( jQuery.isFunction( value ) ) { - return this.each(function( i ) { - jQuery( this ).toggleClass( value.call(this, i, this.className, stateVal), stateVal ); - }); - } - - return this.each(function() { - if ( type === "string" ) { - // toggle individual class names - var className, - i = 0, - self = jQuery( this ), - state = stateVal, - classNames = value.split( core_rspace ); - - while ( (className = classNames[ i++ ]) ) { - // check each className given, space separated list - state = isBool ? state : !self.hasClass( className ); - self[ state ? "addClass" : "removeClass" ]( className ); - } - - } else if ( type === "undefined" || type === "boolean" ) { - if ( this.className ) { - // store className if set - jQuery._data( this, "__className__", this.className ); - } - - // toggle whole className - this.className = this.className || value === false ? "" : jQuery._data( this, "__className__" ) || ""; - } - }); - }, - - hasClass: function( selector ) { - var className = " " + selector + " ", - i = 0, - l = this.length; - for ( ; i < l; i++ ) { - if ( this[i].nodeType === 1 && (" " + this[i].className + " ").replace(rclass, " ").indexOf( className ) >= 0 ) { - return true; - } - } - - return false; - }, - - val: function( value ) { - var hooks, ret, isFunction, - elem = this[0]; - - if ( !arguments.length ) { - if ( elem ) { - hooks = jQuery.valHooks[ elem.type ] || jQuery.valHooks[ elem.nodeName.toLowerCase() ]; - - if ( hooks && "get" in hooks && (ret = hooks.get( elem, "value" )) !== undefined ) { - return ret; - } - - ret = elem.value; - - return typeof ret === "string" ? - // handle most common string cases - ret.replace(rreturn, "") : - // handle cases where value is null/undef or number - ret == null ? "" : ret; - } - - return; - } - - isFunction = jQuery.isFunction( value ); - - return this.each(function( i ) { - var val, - self = jQuery(this); - - if ( this.nodeType !== 1 ) { - return; - } - - if ( isFunction ) { - val = value.call( this, i, self.val() ); - } else { - val = value; - } - - // Treat null/undefined as ""; convert numbers to string - if ( val == null ) { - val = ""; - } else if ( typeof val === "number" ) { - val += ""; - } else if ( jQuery.isArray( val ) ) { - val = jQuery.map(val, function ( value ) { - return value == null ? "" : value + ""; - }); - } - - hooks = jQuery.valHooks[ this.type ] || jQuery.valHooks[ this.nodeName.toLowerCase() ]; - - // If set returns undefined, fall back to normal setting - if ( !hooks || !("set" in hooks) || hooks.set( this, val, "value" ) === undefined ) { - this.value = val; - } - }); - } -}); - -jQuery.extend({ - valHooks: { - option: { - get: function( elem ) { - // attributes.value is undefined in Blackberry 4.7 but - // uses .value. See #6932 - var val = elem.attributes.value; - return !val || val.specified ? elem.value : elem.text; - } - }, - select: { - get: function( elem ) { - var value, option, - options = elem.options, - index = elem.selectedIndex, - one = elem.type === "select-one" || index < 0, - values = one ? null : [], - max = one ? index + 1 : options.length, - i = index < 0 ? - max : - one ? index : 0; - - // Loop through all the selected options - for ( ; i < max; i++ ) { - option = options[ i ]; - - // oldIE doesn't update selected after form reset (#2551) - if ( ( option.selected || i === index ) && - // Don't return options that are disabled or in a disabled optgroup - ( jQuery.support.optDisabled ? !option.disabled : option.getAttribute("disabled") === null ) && - ( !option.parentNode.disabled || !jQuery.nodeName( option.parentNode, "optgroup" ) ) ) { - - // Get the specific value for the option - value = jQuery( option ).val(); - - // We don't need an array for one selects - if ( one ) { - return value; - } - - // Multi-Selects return an array - values.push( value ); - } - } - - return values; - }, - - set: function( elem, value ) { - var values = jQuery.makeArray( value ); - - jQuery(elem).find("option").each(function() { - this.selected = jQuery.inArray( jQuery(this).val(), values ) >= 0; - }); - - if ( !values.length ) { - elem.selectedIndex = -1; - } - return values; - } - } - }, - - // Unused in 1.8, left in so attrFn-stabbers won't die; remove in 1.9 - attrFn: {}, - - attr: function( elem, name, value, pass ) { - var ret, hooks, notxml, - nType = elem.nodeType; - - // don't get/set attributes on text, comment and attribute nodes - if ( !elem || nType === 3 || nType === 8 || nType === 2 ) { - return; - } - - if ( pass && jQuery.isFunction( jQuery.fn[ name ] ) ) { - return jQuery( elem )[ name ]( value ); - } - - // Fallback to prop when attributes are not supported - if ( typeof elem.getAttribute === "undefined" ) { - return jQuery.prop( elem, name, value ); - } - - notxml = nType !== 1 || !jQuery.isXMLDoc( elem ); - - // All attributes are lowercase - // Grab necessary hook if one is defined - if ( notxml ) { - name = name.toLowerCase(); - hooks = jQuery.attrHooks[ name ] || ( rboolean.test( name ) ? boolHook : nodeHook ); - } - - if ( value !== undefined ) { - - if ( value === null ) { - jQuery.removeAttr( elem, name ); - return; - - } else if ( hooks && "set" in hooks && notxml && (ret = hooks.set( elem, value, name )) !== undefined ) { - return ret; - - } else { - elem.setAttribute( name, value + "" ); - return value; - } - - } else if ( hooks && "get" in hooks && notxml && (ret = hooks.get( elem, name )) !== null ) { - return ret; - - } else { - - ret = elem.getAttribute( name ); - - // Non-existent attributes return null, we normalize to undefined - return ret === null ? - undefined : - ret; - } - }, - - removeAttr: function( elem, value ) { - var propName, attrNames, name, isBool, - i = 0; - - if ( value && elem.nodeType === 1 ) { - - attrNames = value.split( core_rspace ); - - for ( ; i < attrNames.length; i++ ) { - name = attrNames[ i ]; - - if ( name ) { - propName = jQuery.propFix[ name ] || name; - isBool = rboolean.test( name ); - - // See #9699 for explanation of this approach (setting first, then removal) - // Do not do this for boolean attributes (see #10870) - if ( !isBool ) { - jQuery.attr( elem, name, "" ); - } - elem.removeAttribute( getSetAttribute ? name : propName ); - - // Set corresponding property to false for boolean attributes - if ( isBool && propName in elem ) { - elem[ propName ] = false; - } - } - } - } - }, - - attrHooks: { - type: { - set: function( elem, value ) { - // We can't allow the type property to be changed (since it causes problems in IE) - if ( rtype.test( elem.nodeName ) && elem.parentNode ) { - jQuery.error( "type property can't be changed" ); - } else if ( !jQuery.support.radioValue && value === "radio" && jQuery.nodeName(elem, "input") ) { - // Setting the type on a radio button after the value resets the value in IE6-9 - // Reset value to it's default in case type is set after value - // This is for element creation - var val = elem.value; - elem.setAttribute( "type", value ); - if ( val ) { - elem.value = val; - } - return value; - } - } - }, - // Use the value property for back compat - // Use the nodeHook for button elements in IE6/7 (#1954) - value: { - get: function( elem, name ) { - if ( nodeHook && jQuery.nodeName( elem, "button" ) ) { - return nodeHook.get( elem, name ); - } - return name in elem ? - elem.value : - null; - }, - set: function( elem, value, name ) { - if ( nodeHook && jQuery.nodeName( elem, "button" ) ) { - return nodeHook.set( elem, value, name ); - } - // Does not return so that setAttribute is also used - elem.value = value; - } - } - }, - - propFix: { - tabindex: "tabIndex", - readonly: "readOnly", - "for": "htmlFor", - "class": "className", - maxlength: "maxLength", - cellspacing: "cellSpacing", - cellpadding: "cellPadding", - rowspan: "rowSpan", - colspan: "colSpan", - usemap: "useMap", - frameborder: "frameBorder", - contenteditable: "contentEditable" - }, - - prop: function( elem, name, value ) { - var ret, hooks, notxml, - nType = elem.nodeType; - - // don't get/set properties on text, comment and attribute nodes - if ( !elem || nType === 3 || nType === 8 || nType === 2 ) { - return; - } - - notxml = nType !== 1 || !jQuery.isXMLDoc( elem ); - - if ( notxml ) { - // Fix name and attach hooks - name = jQuery.propFix[ name ] || name; - hooks = jQuery.propHooks[ name ]; - } - - if ( value !== undefined ) { - if ( hooks && "set" in hooks && (ret = hooks.set( elem, value, name )) !== undefined ) { - return ret; - - } else { - return ( elem[ name ] = value ); - } - - } else { - if ( hooks && "get" in hooks && (ret = hooks.get( elem, name )) !== null ) { - return ret; - - } else { - return elem[ name ]; - } - } - }, - - propHooks: { - tabIndex: { - get: function( elem ) { - // elem.tabIndex doesn't always return the correct value when it hasn't been explicitly set - // http://fluidproject.org/blog/2008/01/09/getting-setting-and-removing-tabindex-values-with-javascript/ - var attributeNode = elem.getAttributeNode("tabindex"); - - return attributeNode && attributeNode.specified ? - parseInt( attributeNode.value, 10 ) : - rfocusable.test( elem.nodeName ) || rclickable.test( elem.nodeName ) && elem.href ? - 0 : - undefined; - } - } - } -}); - -// Hook for boolean attributes -boolHook = { - get: function( elem, name ) { - // Align boolean attributes with corresponding properties - // Fall back to attribute presence where some booleans are not supported - var attrNode, - property = jQuery.prop( elem, name ); - return property === true || typeof property !== "boolean" && ( attrNode = elem.getAttributeNode(name) ) && attrNode.nodeValue !== false ? - name.toLowerCase() : - undefined; - }, - set: function( elem, value, name ) { - var propName; - if ( value === false ) { - // Remove boolean attributes when set to false - jQuery.removeAttr( elem, name ); - } else { - // value is true since we know at this point it's type boolean and not false - // Set boolean attributes to the same name and set the DOM property - propName = jQuery.propFix[ name ] || name; - if ( propName in elem ) { - // Only set the IDL specifically if it already exists on the element - elem[ propName ] = true; - } - - elem.setAttribute( name, name.toLowerCase() ); - } - return name; - } -}; - -// IE6/7 do not support getting/setting some attributes with get/setAttribute -if ( !getSetAttribute ) { - - fixSpecified = { - name: true, - id: true, - coords: true - }; - - // Use this for any attribute in IE6/7 - // This fixes almost every IE6/7 issue - nodeHook = jQuery.valHooks.button = { - get: function( elem, name ) { - var ret; - ret = elem.getAttributeNode( name ); - return ret && ( fixSpecified[ name ] ? ret.value !== "" : ret.specified ) ? - ret.value : - undefined; - }, - set: function( elem, value, name ) { - // Set the existing or create a new attribute node - var ret = elem.getAttributeNode( name ); - if ( !ret ) { - ret = document.createAttribute( name ); - elem.setAttributeNode( ret ); - } - return ( ret.value = value + "" ); - } - }; - - // Set width and height to auto instead of 0 on empty string( Bug #8150 ) - // This is for removals - jQuery.each([ "width", "height" ], function( i, name ) { - jQuery.attrHooks[ name ] = jQuery.extend( jQuery.attrHooks[ name ], { - set: function( elem, value ) { - if ( value === "" ) { - elem.setAttribute( name, "auto" ); - return value; - } - } - }); - }); - - // Set contenteditable to false on removals(#10429) - // Setting to empty string throws an error as an invalid value - jQuery.attrHooks.contenteditable = { - get: nodeHook.get, - set: function( elem, value, name ) { - if ( value === "" ) { - value = "false"; - } - nodeHook.set( elem, value, name ); - } - }; -} - - -// Some attributes require a special call on IE -if ( !jQuery.support.hrefNormalized ) { - jQuery.each([ "href", "src", "width", "height" ], function( i, name ) { - jQuery.attrHooks[ name ] = jQuery.extend( jQuery.attrHooks[ name ], { - get: function( elem ) { - var ret = elem.getAttribute( name, 2 ); - return ret === null ? undefined : ret; - } - }); - }); -} - -if ( !jQuery.support.style ) { - jQuery.attrHooks.style = { - get: function( elem ) { - // Return undefined in the case of empty string - // Normalize to lowercase since IE uppercases css property names - return elem.style.cssText.toLowerCase() || undefined; - }, - set: function( elem, value ) { - return ( elem.style.cssText = value + "" ); - } - }; -} - -// Safari mis-reports the default selected property of an option -// Accessing the parent's selectedIndex property fixes it -if ( !jQuery.support.optSelected ) { - jQuery.propHooks.selected = jQuery.extend( jQuery.propHooks.selected, { - get: function( elem ) { - var parent = elem.parentNode; - - if ( parent ) { - parent.selectedIndex; - - // Make sure that it also works with optgroups, see #5701 - if ( parent.parentNode ) { - parent.parentNode.selectedIndex; - } - } - return null; - } - }); -} - -// IE6/7 call enctype encoding -if ( !jQuery.support.enctype ) { - jQuery.propFix.enctype = "encoding"; -} - -// Radios and checkboxes getter/setter -if ( !jQuery.support.checkOn ) { - jQuery.each([ "radio", "checkbox" ], function() { - jQuery.valHooks[ this ] = { - get: function( elem ) { - // Handle the case where in Webkit "" is returned instead of "on" if a value isn't specified - return elem.getAttribute("value") === null ? "on" : elem.value; - } - }; - }); -} -jQuery.each([ "radio", "checkbox" ], function() { - jQuery.valHooks[ this ] = jQuery.extend( jQuery.valHooks[ this ], { - set: function( elem, value ) { - if ( jQuery.isArray( value ) ) { - return ( elem.checked = jQuery.inArray( jQuery(elem).val(), value ) >= 0 ); - } - } - }); -}); -var rformElems = /^(?:textarea|input|select)$/i, - rtypenamespace = /^([^\.]*|)(?:\.(.+)|)$/, - rhoverHack = /(?:^|\s)hover(\.\S+|)\b/, - rkeyEvent = /^key/, - rmouseEvent = /^(?:mouse|contextmenu)|click/, - rfocusMorph = /^(?:focusinfocus|focusoutblur)$/, - hoverHack = function( events ) { - return jQuery.event.special.hover ? events : events.replace( rhoverHack, "mouseenter$1 mouseleave$1" ); - }; - -/* - * Helper functions for managing events -- not part of the public interface. - * Props to Dean Edwards' addEvent library for many of the ideas. - */ -jQuery.event = { - - add: function( elem, types, handler, data, selector ) { - - var elemData, eventHandle, events, - t, tns, type, namespaces, handleObj, - handleObjIn, handlers, special; - - // Don't attach events to noData or text/comment nodes (allow plain objects tho) - if ( elem.nodeType === 3 || elem.nodeType === 8 || !types || !handler || !(elemData = jQuery._data( elem )) ) { - return; - } - - // Caller can pass in an object of custom data in lieu of the handler - if ( handler.handler ) { - handleObjIn = handler; - handler = handleObjIn.handler; - selector = handleObjIn.selector; - } - - // Make sure that the handler has a unique ID, used to find/remove it later - if ( !handler.guid ) { - handler.guid = jQuery.guid++; - } - - // Init the element's event structure and main handler, if this is the first - events = elemData.events; - if ( !events ) { - elemData.events = events = {}; - } - eventHandle = elemData.handle; - if ( !eventHandle ) { - elemData.handle = eventHandle = function( e ) { - // Discard the second event of a jQuery.event.trigger() and - // when an event is called after a page has unloaded - return typeof jQuery !== "undefined" && (!e || jQuery.event.triggered !== e.type) ? - jQuery.event.dispatch.apply( eventHandle.elem, arguments ) : - undefined; - }; - // Add elem as a property of the handle fn to prevent a memory leak with IE non-native events - eventHandle.elem = elem; - } - - // Handle multiple events separated by a space - // jQuery(...).bind("mouseover mouseout", fn); - types = jQuery.trim( hoverHack(types) ).split( " " ); - for ( t = 0; t < types.length; t++ ) { - - tns = rtypenamespace.exec( types[t] ) || []; - type = tns[1]; - namespaces = ( tns[2] || "" ).split( "." ).sort(); - - // If event changes its type, use the special event handlers for the changed type - special = jQuery.event.special[ type ] || {}; - - // If selector defined, determine special event api type, otherwise given type - type = ( selector ? special.delegateType : special.bindType ) || type; - - // Update special based on newly reset type - special = jQuery.event.special[ type ] || {}; - - // handleObj is passed to all event handlers - handleObj = jQuery.extend({ - type: type, - origType: tns[1], - data: data, - handler: handler, - guid: handler.guid, - selector: selector, - needsContext: selector && jQuery.expr.match.needsContext.test( selector ), - namespace: namespaces.join(".") - }, handleObjIn ); - - // Init the event handler queue if we're the first - handlers = events[ type ]; - if ( !handlers ) { - handlers = events[ type ] = []; - handlers.delegateCount = 0; - - // Only use addEventListener/attachEvent if the special events handler returns false - if ( !special.setup || special.setup.call( elem, data, namespaces, eventHandle ) === false ) { - // Bind the global event handler to the element - if ( elem.addEventListener ) { - elem.addEventListener( type, eventHandle, false ); - - } else if ( elem.attachEvent ) { - elem.attachEvent( "on" + type, eventHandle ); - } - } - } - - if ( special.add ) { - special.add.call( elem, handleObj ); - - if ( !handleObj.handler.guid ) { - handleObj.handler.guid = handler.guid; - } - } - - // Add to the element's handler list, delegates in front - if ( selector ) { - handlers.splice( handlers.delegateCount++, 0, handleObj ); - } else { - handlers.push( handleObj ); - } - - // Keep track of which events have ever been used, for event optimization - jQuery.event.global[ type ] = true; - } - - // Nullify elem to prevent memory leaks in IE - elem = null; - }, - - global: {}, - - // Detach an event or set of events from an element - remove: function( elem, types, handler, selector, mappedTypes ) { - - var t, tns, type, origType, namespaces, origCount, - j, events, special, eventType, handleObj, - elemData = jQuery.hasData( elem ) && jQuery._data( elem ); - - if ( !elemData || !(events = elemData.events) ) { - return; - } - - // Once for each type.namespace in types; type may be omitted - types = jQuery.trim( hoverHack( types || "" ) ).split(" "); - for ( t = 0; t < types.length; t++ ) { - tns = rtypenamespace.exec( types[t] ) || []; - type = origType = tns[1]; - namespaces = tns[2]; - - // Unbind all events (on this namespace, if provided) for the element - if ( !type ) { - for ( type in events ) { - jQuery.event.remove( elem, type + types[ t ], handler, selector, true ); - } - continue; - } - - special = jQuery.event.special[ type ] || {}; - type = ( selector? special.delegateType : special.bindType ) || type; - eventType = events[ type ] || []; - origCount = eventType.length; - namespaces = namespaces ? new RegExp("(^|\\.)" + namespaces.split(".").sort().join("\\.(?:.*\\.|)") + "(\\.|$)") : null; - - // Remove matching events - for ( j = 0; j < eventType.length; j++ ) { - handleObj = eventType[ j ]; - - if ( ( mappedTypes || origType === handleObj.origType ) && - ( !handler || handler.guid === handleObj.guid ) && - ( !namespaces || namespaces.test( handleObj.namespace ) ) && - ( !selector || selector === handleObj.selector || selector === "**" && handleObj.selector ) ) { - eventType.splice( j--, 1 ); - - if ( handleObj.selector ) { - eventType.delegateCount--; - } - if ( special.remove ) { - special.remove.call( elem, handleObj ); - } - } - } - - // Remove generic event handler if we removed something and no more handlers exist - // (avoids potential for endless recursion during removal of special event handlers) - if ( eventType.length === 0 && origCount !== eventType.length ) { - if ( !special.teardown || special.teardown.call( elem, namespaces, elemData.handle ) === false ) { - jQuery.removeEvent( elem, type, elemData.handle ); - } - - delete events[ type ]; - } - } - - // Remove the expando if it's no longer used - if ( jQuery.isEmptyObject( events ) ) { - delete elemData.handle; - - // removeData also checks for emptiness and clears the expando if empty - // so use it instead of delete - jQuery.removeData( elem, "events", true ); - } - }, - - // Events that are safe to short-circuit if no handlers are attached. - // Native DOM events should not be added, they may have inline handlers. - customEvent: { - "getData": true, - "setData": true, - "changeData": true - }, - - trigger: function( event, data, elem, onlyHandlers ) { - // Don't do events on text and comment nodes - if ( elem && (elem.nodeType === 3 || elem.nodeType === 8) ) { - return; - } - - // Event object or event type - var cache, exclusive, i, cur, old, ontype, special, handle, eventPath, bubbleType, - type = event.type || event, - namespaces = []; - - // focus/blur morphs to focusin/out; ensure we're not firing them right now - if ( rfocusMorph.test( type + jQuery.event.triggered ) ) { - return; - } - - if ( type.indexOf( "!" ) >= 0 ) { - // Exclusive events trigger only for the exact event (no namespaces) - type = type.slice(0, -1); - exclusive = true; - } - - if ( type.indexOf( "." ) >= 0 ) { - // Namespaced trigger; create a regexp to match event type in handle() - namespaces = type.split("."); - type = namespaces.shift(); - namespaces.sort(); - } - - if ( (!elem || jQuery.event.customEvent[ type ]) && !jQuery.event.global[ type ] ) { - // No jQuery handlers for this event type, and it can't have inline handlers - return; - } - - // Caller can pass in an Event, Object, or just an event type string - event = typeof event === "object" ? - // jQuery.Event object - event[ jQuery.expando ] ? event : - // Object literal - new jQuery.Event( type, event ) : - // Just the event type (string) - new jQuery.Event( type ); - - event.type = type; - event.isTrigger = true; - event.exclusive = exclusive; - event.namespace = namespaces.join( "." ); - event.namespace_re = event.namespace? new RegExp("(^|\\.)" + namespaces.join("\\.(?:.*\\.|)") + "(\\.|$)") : null; - ontype = type.indexOf( ":" ) < 0 ? "on" + type : ""; - - // Handle a global trigger - if ( !elem ) { - - // TODO: Stop taunting the data cache; remove global events and always attach to document - cache = jQuery.cache; - for ( i in cache ) { - if ( cache[ i ].events && cache[ i ].events[ type ] ) { - jQuery.event.trigger( event, data, cache[ i ].handle.elem, true ); - } - } - return; - } - - // Clean up the event in case it is being reused - event.result = undefined; - if ( !event.target ) { - event.target = elem; - } - - // Clone any incoming data and prepend the event, creating the handler arg list - data = data != null ? jQuery.makeArray( data ) : []; - data.unshift( event ); - - // Allow special events to draw outside the lines - special = jQuery.event.special[ type ] || {}; - if ( special.trigger && special.trigger.apply( elem, data ) === false ) { - return; - } - - // Determine event propagation path in advance, per W3C events spec (#9951) - // Bubble up to document, then to window; watch for a global ownerDocument var (#9724) - eventPath = [[ elem, special.bindType || type ]]; - if ( !onlyHandlers && !special.noBubble && !jQuery.isWindow( elem ) ) { - - bubbleType = special.delegateType || type; - cur = rfocusMorph.test( bubbleType + type ) ? elem : elem.parentNode; - for ( old = elem; cur; cur = cur.parentNode ) { - eventPath.push([ cur, bubbleType ]); - old = cur; - } - - // Only add window if we got to document (e.g., not plain obj or detached DOM) - if ( old === (elem.ownerDocument || document) ) { - eventPath.push([ old.defaultView || old.parentWindow || window, bubbleType ]); - } - } - - // Fire handlers on the event path - for ( i = 0; i < eventPath.length && !event.isPropagationStopped(); i++ ) { - - cur = eventPath[i][0]; - event.type = eventPath[i][1]; - - handle = ( jQuery._data( cur, "events" ) || {} )[ event.type ] && jQuery._data( cur, "handle" ); - if ( handle ) { - handle.apply( cur, data ); - } - // Note that this is a bare JS function and not a jQuery handler - handle = ontype && cur[ ontype ]; - if ( handle && jQuery.acceptData( cur ) && handle.apply && handle.apply( cur, data ) === false ) { - event.preventDefault(); - } - } - event.type = type; - - // If nobody prevented the default action, do it now - if ( !onlyHandlers && !event.isDefaultPrevented() ) { - - if ( (!special._default || special._default.apply( elem.ownerDocument, data ) === false) && - !(type === "click" && jQuery.nodeName( elem, "a" )) && jQuery.acceptData( elem ) ) { - - // Call a native DOM method on the target with the same name name as the event. - // Can't use an .isFunction() check here because IE6/7 fails that test. - // Don't do default actions on window, that's where global variables be (#6170) - // IE<9 dies on focus/blur to hidden element (#1486) - if ( ontype && elem[ type ] && ((type !== "focus" && type !== "blur") || event.target.offsetWidth !== 0) && !jQuery.isWindow( elem ) ) { - - // Don't re-trigger an onFOO event when we call its FOO() method - old = elem[ ontype ]; - - if ( old ) { - elem[ ontype ] = null; - } - - // Prevent re-triggering of the same event, since we already bubbled it above - jQuery.event.triggered = type; - elem[ type ](); - jQuery.event.triggered = undefined; - - if ( old ) { - elem[ ontype ] = old; - } - } - } - } - - return event.result; - }, - - dispatch: function( event ) { - - // Make a writable jQuery.Event from the native event object - event = jQuery.event.fix( event || window.event ); - - var i, j, cur, ret, selMatch, matched, matches, handleObj, sel, related, - handlers = ( (jQuery._data( this, "events" ) || {} )[ event.type ] || []), - delegateCount = handlers.delegateCount, - args = core_slice.call( arguments ), - run_all = !event.exclusive && !event.namespace, - special = jQuery.event.special[ event.type ] || {}, - handlerQueue = []; - - // Use the fix-ed jQuery.Event rather than the (read-only) native event - args[0] = event; - event.delegateTarget = this; - - // Call the preDispatch hook for the mapped type, and let it bail if desired - if ( special.preDispatch && special.preDispatch.call( this, event ) === false ) { - return; - } - - // Determine handlers that should run if there are delegated events - // Avoid non-left-click bubbling in Firefox (#3861) - if ( delegateCount && !(event.button && event.type === "click") ) { - - for ( cur = event.target; cur != this; cur = cur.parentNode || this ) { - - // Don't process clicks (ONLY) on disabled elements (#6911, #8165, #11382, #11764) - if ( cur.disabled !== true || event.type !== "click" ) { - selMatch = {}; - matches = []; - for ( i = 0; i < delegateCount; i++ ) { - handleObj = handlers[ i ]; - sel = handleObj.selector; - - if ( selMatch[ sel ] === undefined ) { - selMatch[ sel ] = handleObj.needsContext ? - jQuery( sel, this ).index( cur ) >= 0 : - jQuery.find( sel, this, null, [ cur ] ).length; - } - if ( selMatch[ sel ] ) { - matches.push( handleObj ); - } - } - if ( matches.length ) { - handlerQueue.push({ elem: cur, matches: matches }); - } - } - } - } - - // Add the remaining (directly-bound) handlers - if ( handlers.length > delegateCount ) { - handlerQueue.push({ elem: this, matches: handlers.slice( delegateCount ) }); - } - - // Run delegates first; they may want to stop propagation beneath us - for ( i = 0; i < handlerQueue.length && !event.isPropagationStopped(); i++ ) { - matched = handlerQueue[ i ]; - event.currentTarget = matched.elem; - - for ( j = 0; j < matched.matches.length && !event.isImmediatePropagationStopped(); j++ ) { - handleObj = matched.matches[ j ]; - - // Triggered event must either 1) be non-exclusive and have no namespace, or - // 2) have namespace(s) a subset or equal to those in the bound event (both can have no namespace). - if ( run_all || (!event.namespace && !handleObj.namespace) || event.namespace_re && event.namespace_re.test( handleObj.namespace ) ) { - - event.data = handleObj.data; - event.handleObj = handleObj; - - ret = ( (jQuery.event.special[ handleObj.origType ] || {}).handle || handleObj.handler ) - .apply( matched.elem, args ); - - if ( ret !== undefined ) { - event.result = ret; - if ( ret === false ) { - event.preventDefault(); - event.stopPropagation(); - } - } - } - } - } - - // Call the postDispatch hook for the mapped type - if ( special.postDispatch ) { - special.postDispatch.call( this, event ); - } - - return event.result; - }, - - // Includes some event props shared by KeyEvent and MouseEvent - // *** attrChange attrName relatedNode srcElement are not normalized, non-W3C, deprecated, will be removed in 1.8 *** - props: "attrChange attrName relatedNode srcElement altKey bubbles cancelable ctrlKey currentTarget eventPhase metaKey relatedTarget shiftKey target timeStamp view which".split(" "), - - fixHooks: {}, - - keyHooks: { - props: "char charCode key keyCode".split(" "), - filter: function( event, original ) { - - // Add which for key events - if ( event.which == null ) { - event.which = original.charCode != null ? original.charCode : original.keyCode; - } - - return event; - } - }, - - mouseHooks: { - props: "button buttons clientX clientY fromElement offsetX offsetY pageX pageY screenX screenY toElement".split(" "), - filter: function( event, original ) { - var eventDoc, doc, body, - button = original.button, - fromElement = original.fromElement; - - // Calculate pageX/Y if missing and clientX/Y available - if ( event.pageX == null && original.clientX != null ) { - eventDoc = event.target.ownerDocument || document; - doc = eventDoc.documentElement; - body = eventDoc.body; - - event.pageX = original.clientX + ( doc && doc.scrollLeft || body && body.scrollLeft || 0 ) - ( doc && doc.clientLeft || body && body.clientLeft || 0 ); - event.pageY = original.clientY + ( doc && doc.scrollTop || body && body.scrollTop || 0 ) - ( doc && doc.clientTop || body && body.clientTop || 0 ); - } - - // Add relatedTarget, if necessary - if ( !event.relatedTarget && fromElement ) { - event.relatedTarget = fromElement === event.target ? original.toElement : fromElement; - } - - // Add which for click: 1 === left; 2 === middle; 3 === right - // Note: button is not normalized, so don't use it - if ( !event.which && button !== undefined ) { - event.which = ( button & 1 ? 1 : ( button & 2 ? 3 : ( button & 4 ? 2 : 0 ) ) ); - } - - return event; - } - }, - - fix: function( event ) { - if ( event[ jQuery.expando ] ) { - return event; - } - - // Create a writable copy of the event object and normalize some properties - var i, prop, - originalEvent = event, - fixHook = jQuery.event.fixHooks[ event.type ] || {}, - copy = fixHook.props ? this.props.concat( fixHook.props ) : this.props; - - event = jQuery.Event( originalEvent ); - - for ( i = copy.length; i; ) { - prop = copy[ --i ]; - event[ prop ] = originalEvent[ prop ]; - } - - // Fix target property, if necessary (#1925, IE 6/7/8 & Safari2) - if ( !event.target ) { - event.target = originalEvent.srcElement || document; - } - - // Target should not be a text node (#504, Safari) - if ( event.target.nodeType === 3 ) { - event.target = event.target.parentNode; - } - - // For mouse/key events, metaKey==false if it's undefined (#3368, #11328; IE6/7/8) - event.metaKey = !!event.metaKey; - - return fixHook.filter? fixHook.filter( event, originalEvent ) : event; - }, - - special: { - load: { - // Prevent triggered image.load events from bubbling to window.load - noBubble: true - }, - - focus: { - delegateType: "focusin" - }, - blur: { - delegateType: "focusout" - }, - - beforeunload: { - setup: function( data, namespaces, eventHandle ) { - // We only want to do this special case on windows - if ( jQuery.isWindow( this ) ) { - this.onbeforeunload = eventHandle; - } - }, - - teardown: function( namespaces, eventHandle ) { - if ( this.onbeforeunload === eventHandle ) { - this.onbeforeunload = null; - } - } - } - }, - - simulate: function( type, elem, event, bubble ) { - // Piggyback on a donor event to simulate a different one. - // Fake originalEvent to avoid donor's stopPropagation, but if the - // simulated event prevents default then we do the same on the donor. - var e = jQuery.extend( - new jQuery.Event(), - event, - { type: type, - isSimulated: true, - originalEvent: {} - } - ); - if ( bubble ) { - jQuery.event.trigger( e, null, elem ); - } else { - jQuery.event.dispatch.call( elem, e ); - } - if ( e.isDefaultPrevented() ) { - event.preventDefault(); - } - } -}; - -// Some plugins are using, but it's undocumented/deprecated and will be removed. -// The 1.7 special event interface should provide all the hooks needed now. -jQuery.event.handle = jQuery.event.dispatch; - -jQuery.removeEvent = document.removeEventListener ? - function( elem, type, handle ) { - if ( elem.removeEventListener ) { - elem.removeEventListener( type, handle, false ); - } - } : - function( elem, type, handle ) { - var name = "on" + type; - - if ( elem.detachEvent ) { - - // #8545, #7054, preventing memory leaks for custom events in IE6-8 - // detachEvent needed property on element, by name of that event, to properly expose it to GC - if ( typeof elem[ name ] === "undefined" ) { - elem[ name ] = null; - } - - elem.detachEvent( name, handle ); - } - }; - -jQuery.Event = function( src, props ) { - // Allow instantiation without the 'new' keyword - if ( !(this instanceof jQuery.Event) ) { - return new jQuery.Event( src, props ); - } - - // Event object - if ( src && src.type ) { - this.originalEvent = src; - this.type = src.type; - - // Events bubbling up the document may have been marked as prevented - // by a handler lower down the tree; reflect the correct value. - this.isDefaultPrevented = ( src.defaultPrevented || src.returnValue === false || - src.getPreventDefault && src.getPreventDefault() ) ? returnTrue : returnFalse; - - // Event type - } else { - this.type = src; - } - - // Put explicitly provided properties onto the event object - if ( props ) { - jQuery.extend( this, props ); - } - - // Create a timestamp if incoming event doesn't have one - this.timeStamp = src && src.timeStamp || jQuery.now(); - - // Mark it as fixed - this[ jQuery.expando ] = true; -}; - -function returnFalse() { - return false; -} -function returnTrue() { - return true; -} - -// jQuery.Event is based on DOM3 Events as specified by the ECMAScript Language Binding -// http://www.w3.org/TR/2003/WD-DOM-Level-3-Events-20030331/ecma-script-binding.html -jQuery.Event.prototype = { - preventDefault: function() { - this.isDefaultPrevented = returnTrue; - - var e = this.originalEvent; - if ( !e ) { - return; - } - - // if preventDefault exists run it on the original event - if ( e.preventDefault ) { - e.preventDefault(); - - // otherwise set the returnValue property of the original event to false (IE) - } else { - e.returnValue = false; - } - }, - stopPropagation: function() { - this.isPropagationStopped = returnTrue; - - var e = this.originalEvent; - if ( !e ) { - return; - } - // if stopPropagation exists run it on the original event - if ( e.stopPropagation ) { - e.stopPropagation(); - } - // otherwise set the cancelBubble property of the original event to true (IE) - e.cancelBubble = true; - }, - stopImmediatePropagation: function() { - this.isImmediatePropagationStopped = returnTrue; - this.stopPropagation(); - }, - isDefaultPrevented: returnFalse, - isPropagationStopped: returnFalse, - isImmediatePropagationStopped: returnFalse -}; - -// Create mouseenter/leave events using mouseover/out and event-time checks -jQuery.each({ - mouseenter: "mouseover", - mouseleave: "mouseout" -}, function( orig, fix ) { - jQuery.event.special[ orig ] = { - delegateType: fix, - bindType: fix, - - handle: function( event ) { - var ret, - target = this, - related = event.relatedTarget, - handleObj = event.handleObj, - selector = handleObj.selector; - - // For mousenter/leave call the handler if related is outside the target. - // NB: No relatedTarget if the mouse left/entered the browser window - if ( !related || (related !== target && !jQuery.contains( target, related )) ) { - event.type = handleObj.origType; - ret = handleObj.handler.apply( this, arguments ); - event.type = fix; - } - return ret; - } - }; -}); - -// IE submit delegation -if ( !jQuery.support.submitBubbles ) { - - jQuery.event.special.submit = { - setup: function() { - // Only need this for delegated form submit events - if ( jQuery.nodeName( this, "form" ) ) { - return false; - } - - // Lazy-add a submit handler when a descendant form may potentially be submitted - jQuery.event.add( this, "click._submit keypress._submit", function( e ) { - // Node name check avoids a VML-related crash in IE (#9807) - var elem = e.target, - form = jQuery.nodeName( elem, "input" ) || jQuery.nodeName( elem, "button" ) ? elem.form : undefined; - if ( form && !jQuery._data( form, "_submit_attached" ) ) { - jQuery.event.add( form, "submit._submit", function( event ) { - event._submit_bubble = true; - }); - jQuery._data( form, "_submit_attached", true ); - } - }); - // return undefined since we don't need an event listener - }, - - postDispatch: function( event ) { - // If form was submitted by the user, bubble the event up the tree - if ( event._submit_bubble ) { - delete event._submit_bubble; - if ( this.parentNode && !event.isTrigger ) { - jQuery.event.simulate( "submit", this.parentNode, event, true ); - } - } - }, - - teardown: function() { - // Only need this for delegated form submit events - if ( jQuery.nodeName( this, "form" ) ) { - return false; - } - - // Remove delegated handlers; cleanData eventually reaps submit handlers attached above - jQuery.event.remove( this, "._submit" ); - } - }; -} - -// IE change delegation and checkbox/radio fix -if ( !jQuery.support.changeBubbles ) { - - jQuery.event.special.change = { - - setup: function() { - - if ( rformElems.test( this.nodeName ) ) { - // IE doesn't fire change on a check/radio until blur; trigger it on click - // after a propertychange. Eat the blur-change in special.change.handle. - // This still fires onchange a second time for check/radio after blur. - if ( this.type === "checkbox" || this.type === "radio" ) { - jQuery.event.add( this, "propertychange._change", function( event ) { - if ( event.originalEvent.propertyName === "checked" ) { - this._just_changed = true; - } - }); - jQuery.event.add( this, "click._change", function( event ) { - if ( this._just_changed && !event.isTrigger ) { - this._just_changed = false; - } - // Allow triggered, simulated change events (#11500) - jQuery.event.simulate( "change", this, event, true ); - }); - } - return false; - } - // Delegated event; lazy-add a change handler on descendant inputs - jQuery.event.add( this, "beforeactivate._change", function( e ) { - var elem = e.target; - - if ( rformElems.test( elem.nodeName ) && !jQuery._data( elem, "_change_attached" ) ) { - jQuery.event.add( elem, "change._change", function( event ) { - if ( this.parentNode && !event.isSimulated && !event.isTrigger ) { - jQuery.event.simulate( "change", this.parentNode, event, true ); - } - }); - jQuery._data( elem, "_change_attached", true ); - } - }); - }, - - handle: function( event ) { - var elem = event.target; - - // Swallow native change events from checkbox/radio, we already triggered them above - if ( this !== elem || event.isSimulated || event.isTrigger || (elem.type !== "radio" && elem.type !== "checkbox") ) { - return event.handleObj.handler.apply( this, arguments ); - } - }, - - teardown: function() { - jQuery.event.remove( this, "._change" ); - - return !rformElems.test( this.nodeName ); - } - }; -} - -// Create "bubbling" focus and blur events -if ( !jQuery.support.focusinBubbles ) { - jQuery.each({ focus: "focusin", blur: "focusout" }, function( orig, fix ) { - - // Attach a single capturing handler while someone wants focusin/focusout - var attaches = 0, - handler = function( event ) { - jQuery.event.simulate( fix, event.target, jQuery.event.fix( event ), true ); - }; - - jQuery.event.special[ fix ] = { - setup: function() { - if ( attaches++ === 0 ) { - document.addEventListener( orig, handler, true ); - } - }, - teardown: function() { - if ( --attaches === 0 ) { - document.removeEventListener( orig, handler, true ); - } - } - }; - }); -} - -jQuery.fn.extend({ - - on: function( types, selector, data, fn, /*INTERNAL*/ one ) { - var origFn, type; - - // Types can be a map of types/handlers - if ( typeof types === "object" ) { - // ( types-Object, selector, data ) - if ( typeof selector !== "string" ) { // && selector != null - // ( types-Object, data ) - data = data || selector; - selector = undefined; - } - for ( type in types ) { - this.on( type, selector, data, types[ type ], one ); - } - return this; - } - - if ( data == null && fn == null ) { - // ( types, fn ) - fn = selector; - data = selector = undefined; - } else if ( fn == null ) { - if ( typeof selector === "string" ) { - // ( types, selector, fn ) - fn = data; - data = undefined; - } else { - // ( types, data, fn ) - fn = data; - data = selector; - selector = undefined; - } - } - if ( fn === false ) { - fn = returnFalse; - } else if ( !fn ) { - return this; - } - - if ( one === 1 ) { - origFn = fn; - fn = function( event ) { - // Can use an empty set, since event contains the info - jQuery().off( event ); - return origFn.apply( this, arguments ); - }; - // Use same guid so caller can remove using origFn - fn.guid = origFn.guid || ( origFn.guid = jQuery.guid++ ); - } - return this.each( function() { - jQuery.event.add( this, types, fn, data, selector ); - }); - }, - one: function( types, selector, data, fn ) { - return this.on( types, selector, data, fn, 1 ); - }, - off: function( types, selector, fn ) { - var handleObj, type; - if ( types && types.preventDefault && types.handleObj ) { - // ( event ) dispatched jQuery.Event - handleObj = types.handleObj; - jQuery( types.delegateTarget ).off( - handleObj.namespace ? handleObj.origType + "." + handleObj.namespace : handleObj.origType, - handleObj.selector, - handleObj.handler - ); - return this; - } - if ( typeof types === "object" ) { - // ( types-object [, selector] ) - for ( type in types ) { - this.off( type, selector, types[ type ] ); - } - return this; - } - if ( selector === false || typeof selector === "function" ) { - // ( types [, fn] ) - fn = selector; - selector = undefined; - } - if ( fn === false ) { - fn = returnFalse; - } - return this.each(function() { - jQuery.event.remove( this, types, fn, selector ); - }); - }, - - bind: function( types, data, fn ) { - return this.on( types, null, data, fn ); - }, - unbind: function( types, fn ) { - return this.off( types, null, fn ); - }, - - live: function( types, data, fn ) { - jQuery( this.context ).on( types, this.selector, data, fn ); - return this; - }, - die: function( types, fn ) { - jQuery( this.context ).off( types, this.selector || "**", fn ); - return this; - }, - - delegate: function( selector, types, data, fn ) { - return this.on( types, selector, data, fn ); - }, - undelegate: function( selector, types, fn ) { - // ( namespace ) or ( selector, types [, fn] ) - return arguments.length === 1 ? this.off( selector, "**" ) : this.off( types, selector || "**", fn ); - }, - - trigger: function( type, data ) { - return this.each(function() { - jQuery.event.trigger( type, data, this ); - }); - }, - triggerHandler: function( type, data ) { - if ( this[0] ) { - return jQuery.event.trigger( type, data, this[0], true ); - } - }, - - toggle: function( fn ) { - // Save reference to arguments for access in closure - var args = arguments, - guid = fn.guid || jQuery.guid++, - i = 0, - toggler = function( event ) { - // Figure out which function to execute - var lastToggle = ( jQuery._data( this, "lastToggle" + fn.guid ) || 0 ) % i; - jQuery._data( this, "lastToggle" + fn.guid, lastToggle + 1 ); - - // Make sure that clicks stop - event.preventDefault(); - - // and execute the function - return args[ lastToggle ].apply( this, arguments ) || false; - }; - - // link all the functions, so any of them can unbind this click handler - toggler.guid = guid; - while ( i < args.length ) { - args[ i++ ].guid = guid; - } - - return this.click( toggler ); - }, - - hover: function( fnOver, fnOut ) { - return this.mouseenter( fnOver ).mouseleave( fnOut || fnOver ); - } -}); - -jQuery.each( ("blur focus focusin focusout load resize scroll unload click dblclick " + - "mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave " + - "change select submit keydown keypress keyup error contextmenu").split(" "), function( i, name ) { - - // Handle event binding - jQuery.fn[ name ] = function( data, fn ) { - if ( fn == null ) { - fn = data; - data = null; - } - - return arguments.length > 0 ? - this.on( name, null, data, fn ) : - this.trigger( name ); - }; - - if ( rkeyEvent.test( name ) ) { - jQuery.event.fixHooks[ name ] = jQuery.event.keyHooks; - } - - if ( rmouseEvent.test( name ) ) { - jQuery.event.fixHooks[ name ] = jQuery.event.mouseHooks; - } -}); -/*! - * Sizzle CSS Selector Engine - * Copyright 2012 jQuery Foundation and other contributors - * Released under the MIT license - * http://sizzlejs.com/ - */ -(function( window, undefined ) { - -var cachedruns, - assertGetIdNotName, - Expr, - getText, - isXML, - contains, - compile, - sortOrder, - hasDuplicate, - outermostContext, - - baseHasDuplicate = true, - strundefined = "undefined", - - expando = ( "sizcache" + Math.random() ).replace( ".", "" ), - - Token = String, - document = window.document, - docElem = document.documentElement, - dirruns = 0, - done = 0, - pop = [].pop, - push = [].push, - slice = [].slice, - // Use a stripped-down indexOf if a native one is unavailable - indexOf = [].indexOf || function( elem ) { - var i = 0, - len = this.length; - for ( ; i < len; i++ ) { - if ( this[i] === elem ) { - return i; - } - } - return -1; - }, - - // Augment a function for special use by Sizzle - markFunction = function( fn, value ) { - fn[ expando ] = value == null || value; - return fn; - }, - - createCache = function() { - var cache = {}, - keys = []; - - return markFunction(function( key, value ) { - // Only keep the most recent entries - if ( keys.push( key ) > Expr.cacheLength ) { - delete cache[ keys.shift() ]; - } - - // Retrieve with (key + " ") to avoid collision with native Object.prototype properties (see Issue #157) - return (cache[ key + " " ] = value); - }, cache ); - }, - - classCache = createCache(), - tokenCache = createCache(), - compilerCache = createCache(), - - // Regex - - // Whitespace characters http://www.w3.org/TR/css3-selectors/#whitespace - whitespace = "[\\x20\\t\\r\\n\\f]", - // http://www.w3.org/TR/css3-syntax/#characters - characterEncoding = "(?:\\\\.|[-\\w]|[^\\x00-\\xa0])+", - - // Loosely modeled on CSS identifier characters - // An unquoted value should be a CSS identifier (http://www.w3.org/TR/css3-selectors/#attribute-selectors) - // Proper syntax: http://www.w3.org/TR/CSS21/syndata.html#value-def-identifier - identifier = characterEncoding.replace( "w", "w#" ), - - // Acceptable operators http://www.w3.org/TR/selectors/#attribute-selectors - operators = "([*^$|!~]?=)", - attributes = "\\[" + whitespace + "*(" + characterEncoding + ")" + whitespace + - "*(?:" + operators + whitespace + "*(?:(['\"])((?:\\\\.|[^\\\\])*?)\\3|(" + identifier + ")|)|)" + whitespace + "*\\]", - - // Prefer arguments not in parens/brackets, - // then attribute selectors and non-pseudos (denoted by :), - // then anything else - // These preferences are here to reduce the number of selectors - // needing tokenize in the PSEUDO preFilter - pseudos = ":(" + characterEncoding + ")(?:\$(?:(['\"])((?:\\\\.|[^\\\\])*?)\\2|([^()[\\]]*|(?:(?:" + attributes + ")|[^:]|\\\\.)*|.*))\$|)", - - // For matchExpr.POS and matchExpr.needsContext - pos = ":(even|odd|eq|gt|lt|nth|first|last)(?:\$" + whitespace + - "*((?:-\\d)?\\d*)" + whitespace + "*\$|)(?=[^-]|$)", - - // Leading and non-escaped trailing whitespace, capturing some non-whitespace characters preceding the latter - rtrim = new RegExp( "^" + whitespace + "+|((?:^|[^\\\\])(?:\\\\.)*)" + whitespace + "+$", "g" ), - - rcomma = new RegExp( "^" + whitespace + "*," + whitespace + "*" ), - rcombinators = new RegExp( "^" + whitespace + "*([\\x20\\t\\r\\n\\f>+~])" + whitespace + "*" ), - rpseudo = new RegExp( pseudos ), - - // Easily-parseable/retrievable ID or TAG or CLASS selectors - rquickExpr = /^(?:#([\w\-]+)|(\w+)|\.([\w\-]+))$/, - - rnot = /^:not/, - rsibling = /[\x20\t\r\n\f]*[+~]/, - rendsWithNot = /:not$$/, - - rheader = /h\d/i, - rinputs = /input|select|textarea|button/i, - - rbackslash = /\\(?!\$/g, - - matchExpr = { - "ID": new RegExp( "^#(" + characterEncoding + ")" ), - "CLASS": new RegExp( "^\\.(" + characterEncoding + ")" ), - "NAME": new RegExp( "^\\[name=['\"]?(" + characterEncoding + ")['\"]?\\]" ), - "TAG": new RegExp( "^(" + characterEncoding.replace( "w", "w*" ) + ")" ), - "ATTR": new RegExp( "^" + attributes ), - "PSEUDO": new RegExp( "^" + pseudos ), - "POS": new RegExp( pos, "i" ), - "CHILD": new RegExp( "^:(only|nth|first|last)-child(?:\$" + whitespace + - "*(even|odd|(([+-]|)(\\d*)n|)" + whitespace + "*(?:([+-]|)" + whitespace + - "*(\\d+)|))" + whitespace + "*\$|)", "i" ), - // For use in libraries implementing .is() - "needsContext": new RegExp( "^" + whitespace + "*[>+~]|" + pos, "i" ) - }, - - // Support - - // Used for testing something on an element - assert = function( fn ) { - var div = document.createElement("div"); - - try { - return fn( div ); - } catch (e) { - return false; - } finally { - // release memory in IE - div = null; - } - }, - - // Check if getElementsByTagName("*") returns only elements - assertTagNameNoComments = assert(function( div ) { - div.appendChild( document.createComment("") ); - return !div.getElementsByTagName("*").length; - }), - - // Check if getAttribute returns normalized href attributes - assertHrefNotNormalized = assert(function( div ) { - div.innerHTML = ""; - return div.firstChild && typeof div.firstChild.getAttribute !== strundefined && - div.firstChild.getAttribute("href") === "#"; - }), - - // Check if attributes should be retrieved by attribute nodes - assertAttributes = assert(function( div ) { - div.innerHTML = ""; - var type = typeof div.lastChild.getAttribute("multiple"); - // IE8 returns a string for some attributes even when not present - return type !== "boolean" && type !== "string"; - }), - - // Check if getElementsByClassName can be trusted - assertUsableClassName = assert(function( div ) { - // Opera can't find a second classname (in 9.6) - div.innerHTML = ""; - if ( !div.getElementsByClassName || !div.getElementsByClassName("e").length ) { - return false; - } - - // Safari 3.2 caches class attributes and doesn't catch changes - div.lastChild.className = "e"; - return div.getElementsByClassName("e").length === 2; - }), - - // Check if getElementById returns elements by name - // Check if getElementsByName privileges form controls or returns elements by ID - assertUsableName = assert(function( div ) { - // Inject content - div.id = expando + 0; - div.innerHTML = "

"; - docElem.insertBefore( div, docElem.firstChild ); - - // Test - var pass = document.getElementsByName && - // buggy browsers will return fewer than the correct 2 - document.getElementsByName( expando ).length === 2 + - // buggy browsers will return more than the correct 0 - document.getElementsByName( expando + 0 ).length; - assertGetIdNotName = !document.getElementById( expando ); - - // Cleanup - docElem.removeChild( div ); - - return pass; - }); - -// If slice is not available, provide a backup -try { - slice.call( docElem.childNodes, 0 )[0].nodeType; -} catch ( e ) { - slice = function( i ) { - var elem, - results = []; - for ( ; (elem = this[i]); i++ ) { - results.push( elem ); - } - return results; - }; -} - -function Sizzle( selector, context, results, seed ) { - results = results || []; - context = context || document; - var match, elem, xml, m, - nodeType = context.nodeType; - - if ( !selector || typeof selector !== "string" ) { - return results; - } - - if ( nodeType !== 1 && nodeType !== 9 ) { - return []; - } - - xml = isXML( context ); - - if ( !xml && !seed ) { - if ( (match = rquickExpr.exec( selector )) ) { - // Speed-up: Sizzle("#ID") - if ( (m = match[1]) ) { - if ( nodeType === 9 ) { - elem = context.getElementById( m ); - // Check parentNode to catch when Blackberry 4.6 returns - // nodes that are no longer in the document #6963 - if ( elem && elem.parentNode ) { - // Handle the case where IE, Opera, and Webkit return items - // by name instead of ID - if ( elem.id === m ) { - results.push( elem ); - return results; - } - } else { - return results; - } - } else { - // Context is not a document - if ( context.ownerDocument && (elem = context.ownerDocument.getElementById( m )) && - contains( context, elem ) && elem.id === m ) { - results.push( elem ); - return results; - } - } - - // Speed-up: Sizzle("TAG") - } else if ( match[2] ) { - push.apply( results, slice.call(context.getElementsByTagName( selector ), 0) ); - return results; - - // Speed-up: Sizzle(".CLASS") - } else if ( (m = match[3]) && assertUsableClassName && context.getElementsByClassName ) { - push.apply( results, slice.call(context.getElementsByClassName( m ), 0) ); - return results; - } - } - } - - // All others - return select( selector.replace( rtrim, "$1" ), context, results, seed, xml ); -} - -Sizzle.matches = function( expr, elements ) { - return Sizzle( expr, null, null, elements ); -}; - -Sizzle.matchesSelector = function( elem, expr ) { - return Sizzle( expr, null, null, [ elem ] ).length > 0; -}; - -// Returns a function to use in pseudos for input types -function createInputPseudo( type ) { - return function( elem ) { - var name = elem.nodeName.toLowerCase(); - return name === "input" && elem.type === type; - }; -} - -// Returns a function to use in pseudos for buttons -function createButtonPseudo( type ) { - return function( elem ) { - var name = elem.nodeName.toLowerCase(); - return (name === "input" || name === "button") && elem.type === type; - }; -} - -// Returns a function to use in pseudos for positionals -function createPositionalPseudo( fn ) { - return markFunction(function( argument ) { - argument = +argument; - return markFunction(function( seed, matches ) { - var j, - matchIndexes = fn( [], seed.length, argument ), - i = matchIndexes.length; - - // Match elements found at the specified indexes - while ( i-- ) { - if ( seed[ (j = matchIndexes[i]) ] ) { - seed[j] = !(matches[j] = seed[j]); - } - } - }); - }); -} - -/** - * Utility function for retrieving the text value of an array of DOM nodes - * @param {Array|Element} elem - */ -getText = Sizzle.getText = function( elem ) { - var node, - ret = "", - i = 0, - nodeType = elem.nodeType; - - if ( nodeType ) { - if ( nodeType === 1 || nodeType === 9 || nodeType === 11 ) { - // Use textContent for elements - // innerText usage removed for consistency of new lines (see #11153) - if ( typeof elem.textContent === "string" ) { - return elem.textContent; - } else { - // Traverse its children - for ( elem = elem.firstChild; elem; elem = elem.nextSibling ) { - ret += getText( elem ); - } - } - } else if ( nodeType === 3 || nodeType === 4 ) { - return elem.nodeValue; - } - // Do not include comment or processing instruction nodes - } else { - - // If no nodeType, this is expected to be an array - for ( ; (node = elem[i]); i++ ) { - // Do not traverse comment nodes - ret += getText( node ); - } - } - return ret; -}; - -isXML = Sizzle.isXML = function( elem ) { - // documentElement is verified for cases where it doesn't yet exist - // (such as loading iframes in IE - #4833) - var documentElement = elem && (elem.ownerDocument || elem).documentElement; - return documentElement ? documentElement.nodeName !== "HTML" : false; -}; - -// Element contains another -contains = Sizzle.contains = docElem.contains ? - function( a, b ) { - var adown = a.nodeType === 9 ? a.documentElement : a, - bup = b && b.parentNode; - return a === bup || !!( bup && bup.nodeType === 1 && adown.contains && adown.contains(bup) ); - } : - docElem.compareDocumentPosition ? - function( a, b ) { - return b && !!( a.compareDocumentPosition( b ) & 16 ); - } : - function( a, b ) { - while ( (b = b.parentNode) ) { - if ( b === a ) { - return true; - } - } - return false; - }; - -Sizzle.attr = function( elem, name ) { - var val, - xml = isXML( elem ); - - if ( !xml ) { - name = name.toLowerCase(); - } - if ( (val = Expr.attrHandle[ name ]) ) { - return val( elem ); - } - if ( xml || assertAttributes ) { - return elem.getAttribute( name ); - } - val = elem.getAttributeNode( name ); - return val ? - typeof elem[ name ] === "boolean" ? - elem[ name ] ? name : null : - val.specified ? val.value : null : - null; -}; - -Expr = Sizzle.selectors = { - - // Can be adjusted by the user - cacheLength: 50, - - createPseudo: markFunction, - - match: matchExpr, - - // IE6/7 return a modified href - attrHandle: assertHrefNotNormalized ? - {} : - { - "href": function( elem ) { - return elem.getAttribute( "href", 2 ); - }, - "type": function( elem ) { - return elem.getAttribute("type"); - } - }, - - find: { - "ID": assertGetIdNotName ? - function( id, context, xml ) { - if ( typeof context.getElementById !== strundefined && !xml ) { - var m = context.getElementById( id ); - // Check parentNode to catch when Blackberry 4.6 returns - // nodes that are no longer in the document #6963 - return m && m.parentNode ? [m] : []; - } - } : - function( id, context, xml ) { - if ( typeof context.getElementById !== strundefined && !xml ) { - var m = context.getElementById( id ); - - return m ? - m.id === id || typeof m.getAttributeNode !== strundefined && m.getAttributeNode("id").value === id ? - [m] : - undefined : - []; - } - }, - - "TAG": assertTagNameNoComments ? - function( tag, context ) { - if ( typeof context.getElementsByTagName !== strundefined ) { - return context.getElementsByTagName( tag ); - } - } : - function( tag, context ) { - var results = context.getElementsByTagName( tag ); - - // Filter out possible comments - if ( tag === "*" ) { - var elem, - tmp = [], - i = 0; - - for ( ; (elem = results[i]); i++ ) { - if ( elem.nodeType === 1 ) { - tmp.push( elem ); - } - } - - return tmp; - } - return results; - }, - - "NAME": assertUsableName && function( tag, context ) { - if ( typeof context.getElementsByName !== strundefined ) { - return context.getElementsByName( name ); - } - }, - - "CLASS": assertUsableClassName && function( className, context, xml ) { - if ( typeof context.getElementsByClassName !== strundefined && !xml ) { - return context.getElementsByClassName( className ); - } - } - }, - - relative: { - ">": { dir: "parentNode", first: true }, - " ": { dir: "parentNode" }, - "+": { dir: "previousSibling", first: true }, - "~": { dir: "previousSibling" } - }, - - preFilter: { - "ATTR": function( match ) { - match[1] = match[1].replace( rbackslash, "" ); - - // Move the given value to match[3] whether quoted or unquoted - match[3] = ( match[4] || match[5] || "" ).replace( rbackslash, "" ); - - if ( match[2] === "~=" ) { - match[3] = " " + match[3] + " "; - } - - return match.slice( 0, 4 ); - }, - - "CHILD": function( match ) { - /* matches from matchExpr["CHILD"] - 1 type (only|nth|...) - 2 argument (even|odd|\d*|\d*n([+-]\d+)?|...) - 3 xn-component of xn+y argument ([+-]?\d*n|) - 4 sign of xn-component - 5 x of xn-component - 6 sign of y-component - 7 y of y-component - */ - match[1] = match[1].toLowerCase(); - - if ( match[1] === "nth" ) { - // nth-child requires argument - if ( !match[2] ) { - Sizzle.error( match[0] ); - } - - // numeric x and y parameters for Expr.filter.CHILD - // remember that false/true cast respectively to 0/1 - match[3] = +( match[3] ? match[4] + (match[5] || 1) : 2 * ( match[2] === "even" || match[2] === "odd" ) ); - match[4] = +( ( match[6] + match[7] ) || match[2] === "odd" ); - - // other types prohibit arguments - } else if ( match[2] ) { - Sizzle.error( match[0] ); - } - - return match; - }, - - "PSEUDO": function( match ) { - var unquoted, excess; - if ( matchExpr["CHILD"].test( match[0] ) ) { - return null; - } - - if ( match[3] ) { - match[2] = match[3]; - } else if ( (unquoted = match[4]) ) { - // Only check arguments that contain a pseudo - if ( rpseudo.test(unquoted) && - // Get excess from tokenize (recursively) - (excess = tokenize( unquoted, true )) && - // advance to the next closing parenthesis - (excess = unquoted.indexOf( ")", unquoted.length - excess ) - unquoted.length) ) { - - // excess is a negative index - unquoted = unquoted.slice( 0, excess ); - match[0] = match[0].slice( 0, excess ); - } - match[2] = unquoted; - } - - // Return only captures needed by the pseudo filter method (type and argument) - return match.slice( 0, 3 ); - } - }, - - filter: { - "ID": assertGetIdNotName ? - function( id ) { - id = id.replace( rbackslash, "" ); - return function( elem ) { - return elem.getAttribute("id") === id; - }; - } : - function( id ) { - id = id.replace( rbackslash, "" ); - return function( elem ) { - var node = typeof elem.getAttributeNode !== strundefined && elem.getAttributeNode("id"); - return node && node.value === id; - }; - }, - - "TAG": function( nodeName ) { - if ( nodeName === "*" ) { - return function() { return true; }; - } - nodeName = nodeName.replace( rbackslash, "" ).toLowerCase(); - - return function( elem ) { - return elem.nodeName && elem.nodeName.toLowerCase() === nodeName; - }; - }, - - "CLASS": function( className ) { - var pattern = classCache[ expando ][ className + " " ]; - - return pattern || - (pattern = new RegExp( "(^|" + whitespace + ")" + className + "(" + whitespace + "|$)" )) && - classCache( className, function( elem ) { - return pattern.test( elem.className || (typeof elem.getAttribute !== strundefined && elem.getAttribute("class")) || "" ); - }); - }, - - "ATTR": function( name, operator, check ) { - return function( elem, context ) { - var result = Sizzle.attr( elem, name ); - - if ( result == null ) { - return operator === "!="; - } - if ( !operator ) { - return true; - } - - result += ""; - - return operator === "=" ? result === check : - operator === "!=" ? result !== check : - operator === "^=" ? check && result.indexOf( check ) === 0 : - operator === "*=" ? check && result.indexOf( check ) > -1 : - operator === "$=" ? check && result.substr( result.length - check.length ) === check : - operator === "~=" ? ( " " + result + " " ).indexOf( check ) > -1 : - operator === "|=" ? result === check || result.substr( 0, check.length + 1 ) === check + "-" : - false; - }; - }, - - "CHILD": function( type, argument, first, last ) { - - if ( type === "nth" ) { - return function( elem ) { - var node, diff, - parent = elem.parentNode; - - if ( first === 1 && last === 0 ) { - return true; - } - - if ( parent ) { - diff = 0; - for ( node = parent.firstChild; node; node = node.nextSibling ) { - if ( node.nodeType === 1 ) { - diff++; - if ( elem === node ) { - break; - } - } - } - } - - // Incorporate the offset (or cast to NaN), then check against cycle size - diff -= last; - return diff === first || ( diff % first === 0 && diff / first >= 0 ); - }; - } - - return function( elem ) { - var node = elem; - - switch ( type ) { - case "only": - case "first": - while ( (node = node.previousSibling) ) { - if ( node.nodeType === 1 ) { - return false; - } - } - - if ( type === "first" ) { - return true; - } - - node = elem; - - /* falls through */ - case "last": - while ( (node = node.nextSibling) ) { - if ( node.nodeType === 1 ) { - return false; - } - } - - return true; - } - }; - }, - - "PSEUDO": function( pseudo, argument ) { - // pseudo-class names are case-insensitive - // http://www.w3.org/TR/selectors/#pseudo-classes - // Prioritize by case sensitivity in case custom pseudos are added with uppercase letters - // Remember that setFilters inherits from pseudos - var args, - fn = Expr.pseudos[ pseudo ] || Expr.setFilters[ pseudo.toLowerCase() ] || - Sizzle.error( "unsupported pseudo: " + pseudo ); - - // The user may use createPseudo to indicate that - // arguments are needed to create the filter function - // just as Sizzle does - if ( fn[ expando ] ) { - return fn( argument ); - } - - // But maintain support for old signatures - if ( fn.length > 1 ) { - args = [ pseudo, pseudo, "", argument ]; - return Expr.setFilters.hasOwnProperty( pseudo.toLowerCase() ) ? - markFunction(function( seed, matches ) { - var idx, - matched = fn( seed, argument ), - i = matched.length; - while ( i-- ) { - idx = indexOf.call( seed, matched[i] ); - seed[ idx ] = !( matches[ idx ] = matched[i] ); - } - }) : - function( elem ) { - return fn( elem, 0, args ); - }; - } - - return fn; - } - }, - - pseudos: { - "not": markFunction(function( selector ) { - // Trim the selector passed to compile - // to avoid treating leading and trailing - // spaces as combinators - var input = [], - results = [], - matcher = compile( selector.replace( rtrim, "$1" ) ); - - return matcher[ expando ] ? - markFunction(function( seed, matches, context, xml ) { - var elem, - unmatched = matcher( seed, null, xml, [] ), - i = seed.length; - - // Match elements unmatched by `matcher` - while ( i-- ) { - if ( (elem = unmatched[i]) ) { - seed[i] = !(matches[i] = elem); - } - } - }) : - function( elem, context, xml ) { - input[0] = elem; - matcher( input, null, xml, results ); - return !results.pop(); - }; - }), - - "has": markFunction(function( selector ) { - return function( elem ) { - return Sizzle( selector, elem ).length > 0; - }; - }), - - "contains": markFunction(function( text ) { - return function( elem ) { - return ( elem.textContent || elem.innerText || getText( elem ) ).indexOf( text ) > -1; - }; - }), - - "enabled": function( elem ) { - return elem.disabled === false; - }, - - "disabled": function( elem ) { - return elem.disabled === true; - }, - - "checked": function( elem ) { - // In CSS3, :checked should return both checked and selected elements - // http://www.w3.org/TR/2011/REC-css3-selectors-20110929/#checked - var nodeName = elem.nodeName.toLowerCase(); - return (nodeName === "input" && !!elem.checked) || (nodeName === "option" && !!elem.selected); - }, - - "selected": function( elem ) { - // Accessing this property makes selected-by-default - // options in Safari work properly - if ( elem.parentNode ) { - elem.parentNode.selectedIndex; - } - - return elem.selected === true; - }, - - "parent": function( elem ) { - return !Expr.pseudos["empty"]( elem ); - }, - - "empty": function( elem ) { - // http://www.w3.org/TR/selectors/#empty-pseudo - // :empty is only affected by element nodes and content nodes(including text(3), cdata(4)), - // not comment, processing instructions, or others - // Thanks to Diego Perini for the nodeName shortcut - // Greater than "@" means alpha characters (specifically not starting with "#" or "?") - var nodeType; - elem = elem.firstChild; - while ( elem ) { - if ( elem.nodeName > "@" || (nodeType = elem.nodeType) === 3 || nodeType === 4 ) { - return false; - } - elem = elem.nextSibling; - } - return true; - }, - - "header": function( elem ) { - return rheader.test( elem.nodeName ); - }, - - "text": function( elem ) { - var type, attr; - // IE6 and 7 will map elem.type to 'text' for new HTML5 types (search, etc) - // use getAttribute instead to test this case - return elem.nodeName.toLowerCase() === "input" && - (type = elem.type) === "text" && - ( (attr = elem.getAttribute("type")) == null || attr.toLowerCase() === type ); - }, - - // Input types - "radio": createInputPseudo("radio"), - "checkbox": createInputPseudo("checkbox"), - "file": createInputPseudo("file"), - "password": createInputPseudo("password"), - "image": createInputPseudo("image"), - - "submit": createButtonPseudo("submit"), - "reset": createButtonPseudo("reset"), - - "button": function( elem ) { - var name = elem.nodeName.toLowerCase(); - return name === "input" && elem.type === "button" || name === "button"; - }, - - "input": function( elem ) { - return rinputs.test( elem.nodeName ); - }, - - "focus": function( elem ) { - var doc = elem.ownerDocument; - return elem === doc.activeElement && (!doc.hasFocus || doc.hasFocus()) && !!(elem.type || elem.href || ~elem.tabIndex); - }, - - "active": function( elem ) { - return elem === elem.ownerDocument.activeElement; - }, - - // Positional types - "first": createPositionalPseudo(function() { - return [ 0 ]; - }), - - "last": createPositionalPseudo(function( matchIndexes, length ) { - return [ length - 1 ]; - }), - - "eq": createPositionalPseudo(function( matchIndexes, length, argument ) { - return [ argument < 0 ? argument + length : argument ]; - }), - - "even": createPositionalPseudo(function( matchIndexes, length ) { - for ( var i = 0; i < length; i += 2 ) { - matchIndexes.push( i ); - } - return matchIndexes; - }), - - "odd": createPositionalPseudo(function( matchIndexes, length ) { - for ( var i = 1; i < length; i += 2 ) { - matchIndexes.push( i ); - } - return matchIndexes; - }), - - "lt": createPositionalPseudo(function( matchIndexes, length, argument ) { - for ( var i = argument < 0 ? argument + length : argument; --i >= 0; ) { - matchIndexes.push( i ); - } - return matchIndexes; - }), - - "gt": createPositionalPseudo(function( matchIndexes, length, argument ) { - for ( var i = argument < 0 ? argument + length : argument; ++i < length; ) { - matchIndexes.push( i ); - } - return matchIndexes; - }) - } -}; - -function siblingCheck( a, b, ret ) { - if ( a === b ) { - return ret; - } - - var cur = a.nextSibling; - - while ( cur ) { - if ( cur === b ) { - return -1; - } - - cur = cur.nextSibling; - } - - return 1; -} - -sortOrder = docElem.compareDocumentPosition ? - function( a, b ) { - if ( a === b ) { - hasDuplicate = true; - return 0; - } - - return ( !a.compareDocumentPosition || !b.compareDocumentPosition ? - a.compareDocumentPosition : - a.compareDocumentPosition(b) & 4 - ) ? -1 : 1; - } : - function( a, b ) { - // The nodes are identical, we can exit early - if ( a === b ) { - hasDuplicate = true; - return 0; - - // Fallback to using sourceIndex (in IE) if it's available on both nodes - } else if ( a.sourceIndex && b.sourceIndex ) { - return a.sourceIndex - b.sourceIndex; - } - - var al, bl, - ap = [], - bp = [], - aup = a.parentNode, - bup = b.parentNode, - cur = aup; - - // If the nodes are siblings (or identical) we can do a quick check - if ( aup === bup ) { - return siblingCheck( a, b ); - - // If no parents were found then the nodes are disconnected - } else if ( !aup ) { - return -1; - - } else if ( !bup ) { - return 1; - } - - // Otherwise they're somewhere else in the tree so we need - // to build up a full list of the parentNodes for comparison - while ( cur ) { - ap.unshift( cur ); - cur = cur.parentNode; - } - - cur = bup; - - while ( cur ) { - bp.unshift( cur ); - cur = cur.parentNode; - } - - al = ap.length; - bl = bp.length; - - // Start walking down the tree looking for a discrepancy - for ( var i = 0; i < al && i < bl; i++ ) { - if ( ap[i] !== bp[i] ) { - return siblingCheck( ap[i], bp[i] ); - } - } - - // We ended someplace up the tree so do a sibling check - return i === al ? - siblingCheck( a, bp[i], -1 ) : - siblingCheck( ap[i], b, 1 ); - }; - -// Always assume the presence of duplicates if sort doesn't -// pass them to our comparison function (as in Google Chrome). -[0, 0].sort( sortOrder ); -baseHasDuplicate = !hasDuplicate; - -// Document sorting and removing duplicates -Sizzle.uniqueSort = function( results ) { - var elem, - duplicates = [], - i = 1, - j = 0; - - hasDuplicate = baseHasDuplicate; - results.sort( sortOrder ); - - if ( hasDuplicate ) { - for ( ; (elem = results[i]); i++ ) { - if ( elem === results[ i - 1 ] ) { - j = duplicates.push( i ); - } - } - while ( j-- ) { - results.splice( duplicates[ j ], 1 ); - } - } - - return results; -}; - -Sizzle.error = function( msg ) { - throw new Error( "Syntax error, unrecognized expression: " + msg ); -}; - -function tokenize( selector, parseOnly ) { - var matched, match, tokens, type, - soFar, groups, preFilters, - cached = tokenCache[ expando ][ selector + " " ]; - - if ( cached ) { - return parseOnly ? 0 : cached.slice( 0 ); - } - - soFar = selector; - groups = []; - preFilters = Expr.preFilter; - - while ( soFar ) { - - // Comma and first run - if ( !matched || (match = rcomma.exec( soFar )) ) { - if ( match ) { - // Don't consume trailing commas as valid - soFar = soFar.slice( match[0].length ) || soFar; - } - groups.push( tokens = [] ); - } - - matched = false; - - // Combinators - if ( (match = rcombinators.exec( soFar )) ) { - tokens.push( matched = new Token( match.shift() ) ); - soFar = soFar.slice( matched.length ); - - // Cast descendant combinators to space - matched.type = match[0].replace( rtrim, " " ); - } - - // Filters - for ( type in Expr.filter ) { - if ( (match = matchExpr[ type ].exec( soFar )) && (!preFilters[ type ] || - (match = preFilters[ type ]( match ))) ) { - - tokens.push( matched = new Token( match.shift() ) ); - soFar = soFar.slice( matched.length ); - matched.type = type; - matched.matches = match; - } - } - - if ( !matched ) { - break; - } - } - - // Return the length of the invalid excess - // if we're just parsing - // Otherwise, throw an error or return tokens - return parseOnly ? - soFar.length : - soFar ? - Sizzle.error( selector ) : - // Cache the tokens - tokenCache( selector, groups ).slice( 0 ); -} - -function addCombinator( matcher, combinator, base ) { - var dir = combinator.dir, - checkNonElements = base && combinator.dir === "parentNode", - doneName = done++; - - return combinator.first ? - // Check against closest ancestor/preceding element - function( elem, context, xml ) { - while ( (elem = elem[ dir ]) ) { - if ( checkNonElements || elem.nodeType === 1 ) { - return matcher( elem, context, xml ); - } - } - } : - - // Check against all ancestor/preceding elements - function( elem, context, xml ) { - // We can't set arbitrary data on XML nodes, so they don't benefit from dir caching - if ( !xml ) { - var cache, - dirkey = dirruns + " " + doneName + " ", - cachedkey = dirkey + cachedruns; - while ( (elem = elem[ dir ]) ) { - if ( checkNonElements || elem.nodeType === 1 ) { - if ( (cache = elem[ expando ]) === cachedkey ) { - return elem.sizset; - } else if ( typeof cache === "string" && cache.indexOf(dirkey) === 0 ) { - if ( elem.sizset ) { - return elem; - } - } else { - elem[ expando ] = cachedkey; - if ( matcher( elem, context, xml ) ) { - elem.sizset = true; - return elem; - } - elem.sizset = false; - } - } - } - } else { - while ( (elem = elem[ dir ]) ) { - if ( checkNonElements || elem.nodeType === 1 ) { - if ( matcher( elem, context, xml ) ) { - return elem; - } - } - } - } - }; -} - -function elementMatcher( matchers ) { - return matchers.length > 1 ? - function( elem, context, xml ) { - var i = matchers.length; - while ( i-- ) { - if ( !matchers[i]( elem, context, xml ) ) { - return false; - } - } - return true; - } : - matchers[0]; -} - -function condense( unmatched, map, filter, context, xml ) { - var elem, - newUnmatched = [], - i = 0, - len = unmatched.length, - mapped = map != null; - - for ( ; i < len; i++ ) { - if ( (elem = unmatched[i]) ) { - if ( !filter || filter( elem, context, xml ) ) { - newUnmatched.push( elem ); - if ( mapped ) { - map.push( i ); - } - } - } - } - - return newUnmatched; -} - -function setMatcher( preFilter, selector, matcher, postFilter, postFinder, postSelector ) { - if ( postFilter && !postFilter[ expando ] ) { - postFilter = setMatcher( postFilter ); - } - if ( postFinder && !postFinder[ expando ] ) { - postFinder = setMatcher( postFinder, postSelector ); - } - return markFunction(function( seed, results, context, xml ) { - var temp, i, elem, - preMap = [], - postMap = [], - preexisting = results.length, - - // Get initial elements from seed or context - elems = seed || multipleContexts( selector || "*", context.nodeType ? [ context ] : context, [] ), - - // Prefilter to get matcher input, preserving a map for seed-results synchronization - matcherIn = preFilter && ( seed || !selector ) ? - condense( elems, preMap, preFilter, context, xml ) : - elems, - - matcherOut = matcher ? - // If we have a postFinder, or filtered seed, or non-seed postFilter or preexisting results, - postFinder || ( seed ? preFilter : preexisting || postFilter ) ? - - // ...intermediate processing is necessary - [] : - - // ...otherwise use results directly - results : - matcherIn; - - // Find primary matches - if ( matcher ) { - matcher( matcherIn, matcherOut, context, xml ); - } - - // Apply postFilter - if ( postFilter ) { - temp = condense( matcherOut, postMap ); - postFilter( temp, [], context, xml ); - - // Un-match failing elements by moving them back to matcherIn - i = temp.length; - while ( i-- ) { - if ( (elem = temp[i]) ) { - matcherOut[ postMap[i] ] = !(matcherIn[ postMap[i] ] = elem); - } - } - } - - if ( seed ) { - if ( postFinder || preFilter ) { - if ( postFinder ) { - // Get the final matcherOut by condensing this intermediate into postFinder contexts - temp = []; - i = matcherOut.length; - while ( i-- ) { - if ( (elem = matcherOut[i]) ) { - // Restore matcherIn since elem is not yet a final match - temp.push( (matcherIn[i] = elem) ); - } - } - postFinder( null, (matcherOut = []), temp, xml ); - } - - // Move matched elements from seed to results to keep them synchronized - i = matcherOut.length; - while ( i-- ) { - if ( (elem = matcherOut[i]) && - (temp = postFinder ? indexOf.call( seed, elem ) : preMap[i]) > -1 ) { - - seed[temp] = !(results[temp] = elem); - } - } - } - - // Add elements to results, through postFinder if defined - } else { - matcherOut = condense( - matcherOut === results ? - matcherOut.splice( preexisting, matcherOut.length ) : - matcherOut - ); - if ( postFinder ) { - postFinder( null, results, matcherOut, xml ); - } else { - push.apply( results, matcherOut ); - } - } - }); -} - -function matcherFromTokens( tokens ) { - var checkContext, matcher, j, - len = tokens.length, - leadingRelative = Expr.relative[ tokens[0].type ], - implicitRelative = leadingRelative || Expr.relative[" "], - i = leadingRelative ? 1 : 0, - - // The foundational matcher ensures that elements are reachable from top-level context(s) - matchContext = addCombinator( function( elem ) { - return elem === checkContext; - }, implicitRelative, true ), - matchAnyContext = addCombinator( function( elem ) { - return indexOf.call( checkContext, elem ) > -1; - }, implicitRelative, true ), - matchers = [ function( elem, context, xml ) { - return ( !leadingRelative && ( xml || context !== outermostContext ) ) || ( - (checkContext = context).nodeType ? - matchContext( elem, context, xml ) : - matchAnyContext( elem, context, xml ) ); - } ]; - - for ( ; i < len; i++ ) { - if ( (matcher = Expr.relative[ tokens[i].type ]) ) { - matchers = [ addCombinator( elementMatcher( matchers ), matcher ) ]; - } else { - matcher = Expr.filter[ tokens[i].type ].apply( null, tokens[i].matches ); - - // Return special upon seeing a positional matcher - if ( matcher[ expando ] ) { - // Find the next relative operator (if any) for proper handling - j = ++i; - for ( ; j < len; j++ ) { - if ( Expr.relative[ tokens[j].type ] ) { - break; - } - } - return setMatcher( - i > 1 && elementMatcher( matchers ), - i > 1 && tokens.slice( 0, i - 1 ).join("").replace( rtrim, "$1" ), - matcher, - i < j && matcherFromTokens( tokens.slice( i, j ) ), - j < len && matcherFromTokens( (tokens = tokens.slice( j )) ), - j < len && tokens.join("") - ); - } - matchers.push( matcher ); - } - } - - return elementMatcher( matchers ); -} - -function matcherFromGroupMatchers( elementMatchers, setMatchers ) { - var bySet = setMatchers.length > 0, - byElement = elementMatchers.length > 0, - superMatcher = function( seed, context, xml, results, expandContext ) { - var elem, j, matcher, - setMatched = [], - matchedCount = 0, - i = "0", - unmatched = seed && [], - outermost = expandContext != null, - contextBackup = outermostContext, - // We must always have either seed elements or context - elems = seed || byElement && Expr.find["TAG"]( "*", expandContext && context.parentNode || context ), - // Nested matchers should use non-integer dirruns - dirrunsUnique = (dirruns += contextBackup == null ? 1 : Math.E); - - if ( outermost ) { - outermostContext = context !== document && context; - cachedruns = superMatcher.el; - } - - // Add elements passing elementMatchers directly to results - for ( ; (elem = elems[i]) != null; i++ ) { - if ( byElement && elem ) { - for ( j = 0; (matcher = elementMatchers[j]); j++ ) { - if ( matcher( elem, context, xml ) ) { - results.push( elem ); - break; - } - } - if ( outermost ) { - dirruns = dirrunsUnique; - cachedruns = ++superMatcher.el; - } - } - - // Track unmatched elements for set filters - if ( bySet ) { - // They will have gone through all possible matchers - if ( (elem = !matcher && elem) ) { - matchedCount--; - } - - // Lengthen the array for every element, matched or not - if ( seed ) { - unmatched.push( elem ); - } - } - } - - // Apply set filters to unmatched elements - matchedCount += i; - if ( bySet && i !== matchedCount ) { - for ( j = 0; (matcher = setMatchers[j]); j++ ) { - matcher( unmatched, setMatched, context, xml ); - } - - if ( seed ) { - // Reintegrate element matches to eliminate the need for sorting - if ( matchedCount > 0 ) { - while ( i-- ) { - if ( !(unmatched[i] || setMatched[i]) ) { - setMatched[i] = pop.call( results ); - } - } - } - - // Discard index placeholder values to get only actual matches - setMatched = condense( setMatched ); - } - - // Add matches to results - push.apply( results, setMatched ); - - // Seedless set matches succeeding multiple successful matchers stipulate sorting - if ( outermost && !seed && setMatched.length > 0 && - ( matchedCount + setMatchers.length ) > 1 ) { - - Sizzle.uniqueSort( results ); - } - } - - // Override manipulation of globals by nested matchers - if ( outermost ) { - dirruns = dirrunsUnique; - outermostContext = contextBackup; - } - - return unmatched; - }; - - superMatcher.el = 0; - return bySet ? - markFunction( superMatcher ) : - superMatcher; -} - -compile = Sizzle.compile = function( selector, group /* Internal Use Only */ ) { - var i, - setMatchers = [], - elementMatchers = [], - cached = compilerCache[ expando ][ selector + " " ]; - - if ( !cached ) { - // Generate a function of recursive functions that can be used to check each element - if ( !group ) { - group = tokenize( selector ); - } - i = group.length; - while ( i-- ) { - cached = matcherFromTokens( group[i] ); - if ( cached[ expando ] ) { - setMatchers.push( cached ); - } else { - elementMatchers.push( cached ); - } - } - - // Cache the compiled function - cached = compilerCache( selector, matcherFromGroupMatchers( elementMatchers, setMatchers ) ); - } - return cached; -}; - -function multipleContexts( selector, contexts, results ) { - var i = 0, - len = contexts.length; - for ( ; i < len; i++ ) { - Sizzle( selector, contexts[i], results ); - } - return results; -} - -function select( selector, context, results, seed, xml ) { - var i, tokens, token, type, find, - match = tokenize( selector ), - j = match.length; - - if ( !seed ) { - // Try to minimize operations if there is only one group - if ( match.length === 1 ) { - - // Take a shortcut and set the context if the root selector is an ID - tokens = match[0] = match[0].slice( 0 ); - if ( tokens.length > 2 && (token = tokens[0]).type === "ID" && - context.nodeType === 9 && !xml && - Expr.relative[ tokens[1].type ] ) { - - context = Expr.find["ID"]( token.matches[0].replace( rbackslash, "" ), context, xml )[0]; - if ( !context ) { - return results; - } - - selector = selector.slice( tokens.shift().length ); - } - - // Fetch a seed set for right-to-left matching - for ( i = matchExpr["POS"].test( selector ) ? -1 : tokens.length - 1; i >= 0; i-- ) { - token = tokens[i]; - - // Abort if we hit a combinator - if ( Expr.relative[ (type = token.type) ] ) { - break; - } - if ( (find = Expr.find[ type ]) ) { - // Search, expanding context for leading sibling combinators - if ( (seed = find( - token.matches[0].replace( rbackslash, "" ), - rsibling.test( tokens[0].type ) && context.parentNode || context, - xml - )) ) { - - // If seed is empty or no tokens remain, we can return early - tokens.splice( i, 1 ); - selector = seed.length && tokens.join(""); - if ( !selector ) { - push.apply( results, slice.call( seed, 0 ) ); - return results; - } - - break; - } - } - } - } - } - - // Compile and execute a filtering function - // Provide `match` to avoid retokenization if we modified the selector above - compile( selector, match )( - seed, - context, - xml, - results, - rsibling.test( selector ) - ); - return results; -} - -if ( document.querySelectorAll ) { - (function() { - var disconnectedMatch, - oldSelect = select, - rescape = /'|\\/g, - rattributeQuotes = /\=[\x20\t\r\n\f]*([^'"\]]*)[\x20\t\r\n\f]*\]/g, - - // qSa(:focus) reports false when true (Chrome 21), no need to also add to buggyMatches since matches checks buggyQSA - // A support test would require too much code (would include document ready) - rbuggyQSA = [ ":focus" ], - - // matchesSelector(:active) reports false when true (IE9/Opera 11.5) - // A support test would require too much code (would include document ready) - // just skip matchesSelector for :active - rbuggyMatches = [ ":active" ], - matches = docElem.matchesSelector || - docElem.mozMatchesSelector || - docElem.webkitMatchesSelector || - docElem.oMatchesSelector || - docElem.msMatchesSelector; - - // Build QSA regex - // Regex strategy adopted from Diego Perini - assert(function( div ) { - // Select is set to empty string on purpose - // This is to test IE's treatment of not explictly - // setting a boolean content attribute, - // since its presence should be enough - // http://bugs.jquery.com/ticket/12359 - div.innerHTML = ""; - - // IE8 - Some boolean attributes are not treated correctly - if ( !div.querySelectorAll("[selected]").length ) { - rbuggyQSA.push( "\\[" + whitespace + "*(?:checked|disabled|ismap|multiple|readonly|selected|value)" ); - } - - // Webkit/Opera - :checked should return selected option elements - // http://www.w3.org/TR/2011/REC-css3-selectors-20110929/#checked - // IE8 throws error here (do not put tests after this one) - if ( !div.querySelectorAll(":checked").length ) { - rbuggyQSA.push(":checked"); - } - }); - - assert(function( div ) { - - // Opera 10-12/IE9 - ^= $= *= and empty values - // Should not select anything - div.innerHTML = "

"; - if ( div.querySelectorAll("[test^='']").length ) { - rbuggyQSA.push( "[*^$]=" + whitespace + "*(?:\"\"|'')" ); - } - - // FF 3.5 - :enabled/:disabled and hidden elements (hidden elements are still enabled) - // IE8 throws error here (do not put tests after this one) - div.innerHTML = ""; - if ( !div.querySelectorAll(":enabled").length ) { - rbuggyQSA.push(":enabled", ":disabled"); - } - }); - - // rbuggyQSA always contains :focus, so no need for a length check - rbuggyQSA = /* rbuggyQSA.length && */ new RegExp( rbuggyQSA.join("|") ); - - select = function( selector, context, results, seed, xml ) { - // Only use querySelectorAll when not filtering, - // when this is not xml, - // and when no QSA bugs apply - if ( !seed && !xml && !rbuggyQSA.test( selector ) ) { - var groups, i, - old = true, - nid = expando, - newContext = context, - newSelector = context.nodeType === 9 && selector; - - // qSA works strangely on Element-rooted queries - // We can work around this by specifying an extra ID on the root - // and working up from there (Thanks to Andrew Dupont for the technique) - // IE 8 doesn't work on object elements - if ( context.nodeType === 1 && context.nodeName.toLowerCase() !== "object" ) { - groups = tokenize( selector ); - - if ( (old = context.getAttribute("id")) ) { - nid = old.replace( rescape, "\\$&" ); - } else { - context.setAttribute( "id", nid ); - } - nid = "[id='" + nid + "'] "; - - i = groups.length; - while ( i-- ) { - groups[i] = nid + groups[i].join(""); - } - newContext = rsibling.test( selector ) && context.parentNode || context; - newSelector = groups.join(","); - } - - if ( newSelector ) { - try { - push.apply( results, slice.call( newContext.querySelectorAll( - newSelector - ), 0 ) ); - return results; - } catch(qsaError) { - } finally { - if ( !old ) { - context.removeAttribute("id"); - } - } - } - } - - return oldSelect( selector, context, results, seed, xml ); - }; - - if ( matches ) { - assert(function( div ) { - // Check to see if it's possible to do matchesSelector - // on a disconnected node (IE 9) - disconnectedMatch = matches.call( div, "div" ); - - // This should fail with an exception - // Gecko does not error, returns false instead - try { - matches.call( div, "[test!='']:sizzle" ); - rbuggyMatches.push( "!=", pseudos ); - } catch ( e ) {} - }); - - // rbuggyMatches always contains :active and :focus, so no need for a length check - rbuggyMatches = /* rbuggyMatches.length && */ new RegExp( rbuggyMatches.join("|") ); - - Sizzle.matchesSelector = function( elem, expr ) { - // Make sure that attribute selectors are quoted - expr = expr.replace( rattributeQuotes, "='$1']" ); - - // rbuggyMatches always contains :active, so no need for an existence check - if ( !isXML( elem ) && !rbuggyMatches.test( expr ) && !rbuggyQSA.test( expr ) ) { - try { - var ret = matches.call( elem, expr ); - - // IE 9's matchesSelector returns false on disconnected nodes - if ( ret || disconnectedMatch || - // As well, disconnected nodes are said to be in a document - // fragment in IE 9 - elem.document && elem.document.nodeType !== 11 ) { - return ret; - } - } catch(e) {} - } - - return Sizzle( expr, null, null, [ elem ] ).length > 0; - }; - } - })(); -} - -// Deprecated -Expr.pseudos["nth"] = Expr.pseudos["eq"]; - -// Back-compat -function setFilters() {} -Expr.filters = setFilters.prototype = Expr.pseudos; -Expr.setFilters = new setFilters(); - -// Override sizzle attribute retrieval -Sizzle.attr = jQuery.attr; -jQuery.find = Sizzle; -jQuery.expr = Sizzle.selectors; -jQuery.expr[":"] = jQuery.expr.pseudos; -jQuery.unique = Sizzle.uniqueSort; -jQuery.text = Sizzle.getText; -jQuery.isXMLDoc = Sizzle.isXML; -jQuery.contains = Sizzle.contains; - - -})( window ); -var runtil = /Until$/, - rparentsprev = /^(?:parents|prev(?:Until|All))/, - isSimple = /^.[^:#\[\.,]*$/, - rneedsContext = jQuery.expr.match.needsContext, - // methods guaranteed to produce a unique set when starting from a unique set - guaranteedUnique = { - children: true, - contents: true, - next: true, - prev: true - }; - -jQuery.fn.extend({ - find: function( selector ) { - var i, l, length, n, r, ret, - self = this; - - if ( typeof selector !== "string" ) { - return jQuery( selector ).filter(function() { - for ( i = 0, l = self.length; i < l; i++ ) { - if ( jQuery.contains( self[ i ], this ) ) { - return true; - } - } - }); - } - - ret = this.pushStack( "", "find", selector ); - - for ( i = 0, l = this.length; i < l; i++ ) { - length = ret.length; - jQuery.find( selector, this[i], ret ); - - if ( i > 0 ) { - // Make sure that the results are unique - for ( n = length; n < ret.length; n++ ) { - for ( r = 0; r < length; r++ ) { - if ( ret[r] === ret[n] ) { - ret.splice(n--, 1); - break; - } - } - } - } - } - - return ret; - }, - - has: function( target ) { - var i, - targets = jQuery( target, this ), - len = targets.length; - - return this.filter(function() { - for ( i = 0; i < len; i++ ) { - if ( jQuery.contains( this, targets[i] ) ) { - return true; - } - } - }); - }, - - not: function( selector ) { - return this.pushStack( winnow(this, selector, false), "not", selector); - }, - - filter: function( selector ) { - return this.pushStack( winnow(this, selector, true), "filter", selector ); - }, - - is: function( selector ) { - return !!selector && ( - typeof selector === "string" ? - // If this is a positional/relative selector, check membership in the returned set - // so $("p:first").is("p:last") won't return true for a doc with two "p". - rneedsContext.test( selector ) ? - jQuery( selector, this.context ).index( this[0] ) >= 0 : - jQuery.filter( selector, this ).length > 0 : - this.filter( selector ).length > 0 ); - }, - - closest: function( selectors, context ) { - var cur, - i = 0, - l = this.length, - ret = [], - pos = rneedsContext.test( selectors ) || typeof selectors !== "string" ? - jQuery( selectors, context || this.context ) : - 0; - - for ( ; i < l; i++ ) { - cur = this[i]; - - while ( cur && cur.ownerDocument && cur !== context && cur.nodeType !== 11 ) { - if ( pos ? pos.index(cur) > -1 : jQuery.find.matchesSelector(cur, selectors) ) { - ret.push( cur ); - break; - } - cur = cur.parentNode; - } - } - - ret = ret.length > 1 ? jQuery.unique( ret ) : ret; - - return this.pushStack( ret, "closest", selectors ); - }, - - // Determine the position of an element within - // the matched set of elements - index: function( elem ) { - - // No argument, return index in parent - if ( !elem ) { - return ( this[0] && this[0].parentNode ) ? this.prevAll().length : -1; - } - - // index in selector - if ( typeof elem === "string" ) { - return jQuery.inArray( this[0], jQuery( elem ) ); - } - - // Locate the position of the desired element - return jQuery.inArray( - // If it receives a jQuery object, the first element is used - elem.jquery ? elem[0] : elem, this ); - }, - - add: function( selector, context ) { - var set = typeof selector === "string" ? - jQuery( selector, context ) : - jQuery.makeArray( selector && selector.nodeType ? [ selector ] : selector ), - all = jQuery.merge( this.get(), set ); - - return this.pushStack( isDisconnected( set[0] ) || isDisconnected( all[0] ) ? - all : - jQuery.unique( all ) ); - }, - - addBack: function( selector ) { - return this.add( selector == null ? - this.prevObject : this.prevObject.filter(selector) - ); - } -}); - -jQuery.fn.andSelf = jQuery.fn.addBack; - -// A painfully simple check to see if an element is disconnected -// from a document (should be improved, where feasible). -function isDisconnected( node ) { - return !node || !node.parentNode || node.parentNode.nodeType === 11; -} - -function sibling( cur, dir ) { - do { - cur = cur[ dir ]; - } while ( cur && cur.nodeType !== 1 ); - - return cur; -} - -jQuery.each({ - parent: function( elem ) { - var parent = elem.parentNode; - return parent && parent.nodeType !== 11 ? parent : null; - }, - parents: function( elem ) { - return jQuery.dir( elem, "parentNode" ); - }, - parentsUntil: function( elem, i, until ) { - return jQuery.dir( elem, "parentNode", until ); - }, - next: function( elem ) { - return sibling( elem, "nextSibling" ); - }, - prev: function( elem ) { - return sibling( elem, "previousSibling" ); - }, - nextAll: function( elem ) { - return jQuery.dir( elem, "nextSibling" ); - }, - prevAll: function( elem ) { - return jQuery.dir( elem, "previousSibling" ); - }, - nextUntil: function( elem, i, until ) { - return jQuery.dir( elem, "nextSibling", until ); - }, - prevUntil: function( elem, i, until ) { - return jQuery.dir( elem, "previousSibling", until ); - }, - 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.merge( [], elem.childNodes ); - } -}, function( name, fn ) { - jQuery.fn[ name ] = function( until, selector ) { - var ret = jQuery.map( this, fn, until ); - - if ( !runtil.test( name ) ) { - selector = until; - } - - if ( selector && typeof selector === "string" ) { - ret = jQuery.filter( selector, ret ); - } - - ret = this.length > 1 && !guaranteedUnique[ name ] ? jQuery.unique( ret ) : ret; - - if ( this.length > 1 && rparentsprev.test( name ) ) { - ret = ret.reverse(); - } - - return this.pushStack( ret, name, core_slice.call( arguments ).join(",") ); - }; -}); - -jQuery.extend({ - filter: function( expr, elems, not ) { - if ( not ) { - expr = ":not(" + expr + ")"; - } - - return elems.length === 1 ? - jQuery.find.matchesSelector(elems[0], expr) ? [ elems[0] ] : [] : - jQuery.find.matches(expr, elems); - }, - - dir: function( elem, dir, until ) { - var matched = [], - cur = elem[ dir ]; - - while ( cur && cur.nodeType !== 9 && (until === undefined || cur.nodeType !== 1 || !jQuery( cur ).is( until )) ) { - if ( cur.nodeType === 1 ) { - matched.push( cur ); - } - cur = cur[dir]; - } - return matched; - }, - - sibling: function( n, elem ) { - var r = []; - - for ( ; n; n = n.nextSibling ) { - if ( n.nodeType === 1 && n !== elem ) { - r.push( n ); - } - } - - return r; - } -}); - -// Implement the identical functionality for filter and not -function winnow( elements, qualifier, keep ) { - - // Can't pass null or undefined to indexOf in Firefox 4 - // Set to 0 to skip string check - qualifier = qualifier || 0; - - if ( jQuery.isFunction( qualifier ) ) { - return jQuery.grep(elements, function( elem, i ) { - var retVal = !!qualifier.call( elem, i, elem ); - return retVal === keep; - }); - - } else if ( qualifier.nodeType ) { - return jQuery.grep(elements, function( elem, i ) { - return ( elem === qualifier ) === keep; - }); - - } else if ( typeof qualifier === "string" ) { - var filtered = jQuery.grep(elements, function( elem ) { - return elem.nodeType === 1; - }); - - if ( isSimple.test( qualifier ) ) { - return jQuery.filter(qualifier, filtered, !keep); - } else { - qualifier = jQuery.filter( qualifier, filtered ); - } - } - - return jQuery.grep(elements, function( elem, i ) { - return ( jQuery.inArray( elem, qualifier ) >= 0 ) === keep; - }); -} -function createSafeFragment( document ) { - var list = nodeNames.split( "|" ), - safeFrag = document.createDocumentFragment(); - - if ( safeFrag.createElement ) { - while ( list.length ) { - safeFrag.createElement( - list.pop() - ); - } - } - return safeFrag; -} - -var nodeNames = "abbr|article|aside|audio|bdi|canvas|data|datalist|details|figcaption|figure|footer|" + - "header|hgroup|mark|meter|nav|output|progress|section|summary|time|video", - rinlinejQuery = / jQuery\d+="(?:null|\d+)"/g, - rleadingWhitespace = /^\s+/, - rxhtmlTag = /<(?!area|br|col|embed|hr|img|input|link|meta|param)(([\w:]+)[^>]*)\/>/gi, - rtagName = /<([\w:]+)/, - rtbody = /<(?:" + nodeNames + ")[\\s/>]", "i"), - rcheckableType = /^(?:checkbox|radio)$/, - // checked="checked" or checked - rchecked = /checked\s*(?:[^=]|=\s*.checked.)/i, - rscriptType = /\/(java|ecma)script/i, - rcleanScript = /^\s*\s*$/g, - wrapMap = { - option: [ 1, "" ], - legend: [ 1, "

", "

" ], - thead: [ 1, "", "

" ], - tr: [ 2, "", "

" ], - td: [ 3, "", "

" ], - col: [ 2, "", "

" ], - area: [ 1, "", "" ], - _default: [ 0, "", "" ] - }, - safeFragment = createSafeFragment( document ), - fragmentDiv = safeFragment.appendChild( document.createElement("div") ); - -wrapMap.optgroup = wrapMap.option; -wrapMap.tbody = wrapMap.tfoot = wrapMap.colgroup = wrapMap.caption = wrapMap.thead; -wrapMap.th = wrapMap.td; - -// IE6-8 can't serialize link, script, style, or any html5 (NoScope) tags, -// unless wrapped in a div with non-breaking characters in front of it. -if ( !jQuery.support.htmlSerialize ) { - wrapMap._default = [ 1, "X

", "

" ]; -} - -jQuery.fn.extend({ - text: function( value ) { - return jQuery.access( this, function( value ) { - return value === undefined ? - jQuery.text( this ) : - this.empty().append( ( this[0] && this[0].ownerDocument || document ).createTextNode( value ) ); - }, null, value, arguments.length ); - }, - - wrapAll: function( html ) { - if ( jQuery.isFunction( html ) ) { - return this.each(function(i) { - jQuery(this).wrapAll( html.call(this, i) ); - }); - } - - if ( this[0] ) { - // The elements to wrap the target around - var wrap = jQuery( html, this[0].ownerDocument ).eq(0).clone(true); - - if ( this[0].parentNode ) { - wrap.insertBefore( this[0] ); - } - - wrap.map(function() { - var elem = this; - - while ( elem.firstChild && elem.firstChild.nodeType === 1 ) { - elem = elem.firstChild; - } - - return elem; - }).append( this ); - } - - return this; - }, - - wrapInner: function( html ) { - if ( jQuery.isFunction( html ) ) { - return this.each(function(i) { - jQuery(this).wrapInner( html.call(this, i) ); - }); - } - - return this.each(function() { - var self = jQuery( this ), - contents = self.contents(); - - if ( contents.length ) { - contents.wrapAll( html ); - - } else { - self.append( html ); - } - }); - }, - - wrap: function( html ) { - var isFunction = jQuery.isFunction( html ); - - return this.each(function(i) { - jQuery( this ).wrapAll( isFunction ? html.call(this, i) : html ); - }); - }, - - unwrap: function() { - return this.parent().each(function() { - if ( !jQuery.nodeName( this, "body" ) ) { - jQuery( this ).replaceWith( this.childNodes ); - } - }).end(); - }, - - append: function() { - return this.domManip(arguments, true, function( elem ) { - if ( this.nodeType === 1 || this.nodeType === 11 ) { - this.appendChild( elem ); - } - }); - }, - - prepend: function() { - return this.domManip(arguments, true, function( elem ) { - if ( this.nodeType === 1 || this.nodeType === 11 ) { - this.insertBefore( elem, this.firstChild ); - } - }); - }, - - before: function() { - if ( !isDisconnected( this[0] ) ) { - return this.domManip(arguments, false, function( elem ) { - this.parentNode.insertBefore( elem, this ); - }); - } - - if ( arguments.length ) { - var set = jQuery.clean( arguments ); - return this.pushStack( jQuery.merge( set, this ), "before", this.selector ); - } - }, - - after: function() { - if ( !isDisconnected( this[0] ) ) { - return this.domManip(arguments, false, function( elem ) { - this.parentNode.insertBefore( elem, this.nextSibling ); - }); - } - - if ( arguments.length ) { - var set = jQuery.clean( arguments ); - return this.pushStack( jQuery.merge( this, set ), "after", this.selector ); - } - }, - - // keepData is for internal use only--do not document - remove: function( selector, keepData ) { - var elem, - i = 0; - - for ( ; (elem = this[i]) != null; i++ ) { - if ( !selector || jQuery.filter( selector, [ elem ] ).length ) { - if ( !keepData && elem.nodeType === 1 ) { - jQuery.cleanData( elem.getElementsByTagName("*") ); - jQuery.cleanData( [ elem ] ); - } - - if ( elem.parentNode ) { - elem.parentNode.removeChild( elem ); - } - } - } - - return this; - }, - - empty: function() { - var elem, - i = 0; - - for ( ; (elem = this[i]) != null; i++ ) { - // Remove element nodes and prevent memory leaks - if ( elem.nodeType === 1 ) { - jQuery.cleanData( elem.getElementsByTagName("*") ); - } - - // Remove any remaining nodes - while ( elem.firstChild ) { - elem.removeChild( elem.firstChild ); - } - } - - return this; - }, - - clone: function( dataAndEvents, deepDataAndEvents ) { - dataAndEvents = dataAndEvents == null ? false : dataAndEvents; - deepDataAndEvents = deepDataAndEvents == null ? dataAndEvents : deepDataAndEvents; - - return this.map( function () { - return jQuery.clone( this, dataAndEvents, deepDataAndEvents ); - }); - }, - - html: function( value ) { - return jQuery.access( this, function( value ) { - var elem = this[0] || {}, - i = 0, - l = this.length; - - if ( value === undefined ) { - return elem.nodeType === 1 ? - elem.innerHTML.replace( rinlinejQuery, "" ) : - undefined; - } - - // See if we can take a shortcut and just use innerHTML - if ( typeof value === "string" && !rnoInnerhtml.test( value ) && - ( jQuery.support.htmlSerialize || !rnoshimcache.test( value ) ) && - ( jQuery.support.leadingWhitespace || !rleadingWhitespace.test( value ) ) && - !wrapMap[ ( rtagName.exec( value ) || ["", ""] )[1].toLowerCase() ] ) { - - value = value.replace( rxhtmlTag, "<$1>" ); - - try { - for (; i < l; i++ ) { - // Remove element nodes and prevent memory leaks - elem = this[i] || {}; - if ( elem.nodeType === 1 ) { - jQuery.cleanData( elem.getElementsByTagName( "*" ) ); - elem.innerHTML = value; - } - } - - elem = 0; - - // If using innerHTML throws an exception, use the fallback method - } catch(e) {} - } - - if ( elem ) { - this.empty().append( value ); - } - }, null, value, arguments.length ); - }, - - replaceWith: function( value ) { - if ( !isDisconnected( this[0] ) ) { - // Make sure that the elements are removed from the DOM before they are inserted - // this can help fix replacing a parent with child elements - if ( jQuery.isFunction( value ) ) { - return this.each(function(i) { - var self = jQuery(this), old = self.html(); - self.replaceWith( value.call( this, i, old ) ); - }); - } - - if ( typeof value !== "string" ) { - value = jQuery( value ).detach(); - } - - return this.each(function() { - var next = this.nextSibling, - parent = this.parentNode; - - jQuery( this ).remove(); - - if ( next ) { - jQuery(next).before( value ); - } else { - jQuery(parent).append( value ); - } - }); - } - - return this.length ? - this.pushStack( jQuery(jQuery.isFunction(value) ? value() : value), "replaceWith", value ) : - this; - }, - - detach: function( selector ) { - return this.remove( selector, true ); - }, - - domManip: function( args, table, callback ) { - - // Flatten any nested arrays - args = [].concat.apply( [], args ); - - var results, first, fragment, iNoClone, - i = 0, - value = args[0], - scripts = [], - l = this.length; - - // We can't cloneNode fragments that contain checked, in WebKit - if ( !jQuery.support.checkClone && l > 1 && typeof value === "string" && rchecked.test( value ) ) { - return this.each(function() { - jQuery(this).domManip( args, table, callback ); - }); - } - - if ( jQuery.isFunction(value) ) { - return this.each(function(i) { - var self = jQuery(this); - args[0] = value.call( this, i, table ? self.html() : undefined ); - self.domManip( args, table, callback ); - }); - } - - if ( this[0] ) { - results = jQuery.buildFragment( args, this, scripts ); - fragment = results.fragment; - first = fragment.firstChild; - - if ( fragment.childNodes.length === 1 ) { - fragment = first; - } - - if ( first ) { - table = table && jQuery.nodeName( first, "tr" ); - - // Use the original fragment for the last item instead of the first because it can end up - // being emptied incorrectly in certain situations (#8070). - // Fragments from the fragment cache must always be cloned and never used in place. - for ( iNoClone = results.cacheable || l - 1; i < l; i++ ) { - callback.call( - table && jQuery.nodeName( this[i], "table" ) ? - findOrAppend( this[i], "tbody" ) : - this[i], - i === iNoClone ? - fragment : - jQuery.clone( fragment, true, true ) - ); - } - } - - // Fix #11809: Avoid leaking memory - fragment = first = null; - - if ( scripts.length ) { - jQuery.each( scripts, function( i, elem ) { - if ( elem.src ) { - if ( jQuery.ajax ) { - jQuery.ajax({ - url: elem.src, - type: "GET", - dataType: "script", - async: false, - global: false, - "throws": true - }); - } else { - jQuery.error("no ajax"); - } - } else { - jQuery.globalEval( ( elem.text || elem.textContent || elem.innerHTML || "" ).replace( rcleanScript, "" ) ); - } - - if ( elem.parentNode ) { - elem.parentNode.removeChild( elem ); - } - }); - } - } - - return this; - } -}); - -function findOrAppend( elem, tag ) { - return elem.getElementsByTagName( tag )[0] || elem.appendChild( elem.ownerDocument.createElement( tag ) ); -} - -function cloneCopyEvent( src, dest ) { - - if ( dest.nodeType !== 1 || !jQuery.hasData( src ) ) { - return; - } - - var type, i, l, - oldData = jQuery._data( src ), - curData = jQuery._data( dest, oldData ), - events = oldData.events; - - if ( events ) { - delete curData.handle; - curData.events = {}; - - for ( type in events ) { - for ( i = 0, l = events[ type ].length; i < l; i++ ) { - jQuery.event.add( dest, type, events[ type ][ i ] ); - } - } - } - - // make the cloned public data object a copy from the original - if ( curData.data ) { - curData.data = jQuery.extend( {}, curData.data ); - } -} - -function cloneFixAttributes( src, dest ) { - var nodeName; - - // We do not need to do anything for non-Elements - if ( dest.nodeType !== 1 ) { - return; - } - - // clearAttributes removes the attributes, which we don't want, - // but also removes the attachEvent events, which we *do* want - if ( dest.clearAttributes ) { - dest.clearAttributes(); - } - - // mergeAttributes, in contrast, only merges back on the - // original attributes, not the events - if ( dest.mergeAttributes ) { - dest.mergeAttributes( src ); - } - - nodeName = dest.nodeName.toLowerCase(); - - if ( nodeName === "object" ) { - // IE6-10 improperly clones children of object elements using classid. - // IE10 throws NoModificationAllowedError if parent is null, #12132. - if ( dest.parentNode ) { - dest.outerHTML = src.outerHTML; - } - - // This path appears unavoidable for IE9. When cloning an object - // element in IE9, the outerHTML strategy above is not sufficient. - // If the src has innerHTML and the destination does not, - // copy the src.innerHTML into the dest.innerHTML. #10324 - if ( jQuery.support.html5Clone && (src.innerHTML && !jQuery.trim(dest.innerHTML)) ) { - dest.innerHTML = src.innerHTML; - } - - } else if ( nodeName === "input" && rcheckableType.test( src.type ) ) { - // IE6-8 fails to persist the checked state of a cloned checkbox - // or radio button. Worse, IE6-7 fail to give the cloned element - // a checked appearance if the defaultChecked value isn't also set - - dest.defaultChecked = dest.checked = src.checked; - - // IE6-7 get confused and end up setting the value of a cloned - // checkbox/radio button to an empty string instead of "on" - if ( dest.value !== src.value ) { - dest.value = src.value; - } - - // IE6-8 fails to return the selected option to the default selected - // state when cloning options - } else if ( nodeName === "option" ) { - dest.selected = src.defaultSelected; - - // IE6-8 fails to set the defaultValue to the correct value when - // cloning other types of input fields - } else if ( nodeName === "input" || nodeName === "textarea" ) { - dest.defaultValue = src.defaultValue; - - // IE blanks contents when cloning scripts - } else if ( nodeName === "script" && dest.text !== src.text ) { - dest.text = src.text; - } - - // Event data gets referenced instead of copied if the expando - // gets copied too - dest.removeAttribute( jQuery.expando ); -} - -jQuery.buildFragment = function( args, context, scripts ) { - var fragment, cacheable, cachehit, - first = args[ 0 ]; - - // Set context from what may come in as undefined or a jQuery collection or a node - // Updated to fix #12266 where accessing context[0] could throw an exception in IE9/10 & - // also doubles as fix for #8950 where plain objects caused createDocumentFragment exception - context = context || document; - context = !context.nodeType && context[0] || context; - context = context.ownerDocument || context; - - // Only cache "small" (1/2 KB) HTML strings that are associated with the main document - // Cloning options loses the selected state, so don't cache them - // IE 6 doesn't like it when you put