2011-09-15 04:42:23 +03:00
|
|
|
/*
|
|
|
|
* Pagify - A jquery plugin for effortlessly creating single page web sites.
|
|
|
|
*
|
|
|
|
* Licensed under the MIT:
|
|
|
|
* http://www.opensource.org/licenses/mit-license.php
|
|
|
|
*
|
|
|
|
* Copyright (c) 2011, Chris Polis
|
|
|
|
*/
|
2011-09-16 00:48:08 +03:00
|
|
|
|
|
|
|
(function($) {
|
|
|
|
$.fn.pagify = function(options) {
|
|
|
|
var self = this;
|
|
|
|
|
|
|
|
this.defaults = {
|
|
|
|
pages: [],
|
|
|
|
default: null,
|
|
|
|
animation: 'show',
|
|
|
|
cache: false
|
|
|
|
};
|
|
|
|
this.settings = $.extend({}, this.defaults, options);
|
|
|
|
|
2011-09-16 01:34:55 +03:00
|
|
|
// Run after loading if caching, otherwise run immediately
|
|
|
|
var runAfterLoading = function() {
|
|
|
|
self.switchPage = function(page) {
|
|
|
|
page = page || window.location.hash.replace('#','');
|
2011-09-16 01:17:37 +03:00
|
|
|
|
2011-09-16 01:34:55 +03:00
|
|
|
if(self.settings.cache) {
|
|
|
|
$(self).hide().html(self.pages[page])[self.settings.animation]();
|
|
|
|
} else {
|
|
|
|
$.get(page+'.html', function(content) {
|
|
|
|
$(self).hide().html(content)[self.settings.animation]();
|
|
|
|
}, 'text');
|
|
|
|
}
|
2011-09-16 01:17:37 +03:00
|
|
|
}
|
2011-09-16 01:34:55 +03:00
|
|
|
|
|
|
|
// Respond to hash changes
|
|
|
|
$(window).bind('hashchange', function() {
|
|
|
|
self.switchPage();
|
|
|
|
});
|
2011-09-16 00:48:08 +03:00
|
|
|
|
2011-09-16 01:34:55 +03:00
|
|
|
// Load initial page - current hash or default page
|
|
|
|
if(window.location.hash) self.switchPage();
|
|
|
|
else if(self.settings.default) self.switchPage(self.settings.default);
|
2011-09-16 00:48:08 +03:00
|
|
|
|
2011-09-16 01:34:55 +03:00
|
|
|
};
|
|
|
|
|
|
|
|
// Cache pages
|
|
|
|
if(self.settings.cache) {
|
|
|
|
self.pages = {};
|
|
|
|
var pageLoads = self.settings.pages.length;
|
|
|
|
$.each(self.settings.pages, function(ndx, page) {
|
|
|
|
$.get(page+'.html', function(content) {
|
|
|
|
self.pages[page] = content;
|
|
|
|
pageLoads--;
|
|
|
|
if(!pageLoads) runAfterLoading();
|
|
|
|
}, 'text');
|
|
|
|
});
|
|
|
|
} else runAfterLoading();
|
2011-09-16 00:48:08 +03:00
|
|
|
};
|
|
|
|
|
|
|
|
})(jQuery);
|