Nemcio/NodeBB
1
0
Fork 0
mirror of https://github.com/NodeBB/NodeBB.git synced 2025-11-08 23:15:48 +01:00
Code Issues Packages Projects Releases Wiki Activity

added popstate functionality

Browse Source
This commit is contained in:
Julian Lam
2013-05-14 12:04:38 -04:00
parent 0bb0fd5789
commit c351d83418
2 changed files with 13 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
public/src/ajaxify.js
View File

@@ -21,11 +21,13 @@ var ajaxify = {};
window.onpopstate = function(event) { window.onpopstate = function(event) {
// this breaks reloading and results in ajaxify.go calling twice, believe it messes around with sockets. ill come back for you later bitchez console.log('popstate called:', event);
// ajaxify.go(document.location.href.replace(rootUrl +'/', '')); if (event !== null && event.state && event.state.url) ajaxify.go(event.state.url, null, null, true);
}; };
ajaxify.go = function(url, callback, custom_tpl) { ajaxify.go = function(url, callback, template, quiet) {
console.log('go', url, quiet);
// "quiet": If set to true, will not call pushState
// leave room and join global // leave room and join global
app.enter_room('global'); app.enter_room('global');
@@ -41,7 +43,12 @@ var ajaxify = {};
} }
if (templates[tpl_url]) { if (templates[tpl_url]) {
window.history.pushState({}, url, "/" + url); if (quiet !== true) {
console.log('pushing state');
window.history.pushState({
"url": url
}, url, "/" + url);
}
jQuery('#footer').fadeOut(100); jQuery('#footer').fadeOut(100);
jQuery('#content').fadeOut(100); jQuery('#content').fadeOut(100);
@@ -55,7 +62,7 @@ var ajaxify = {};
} }
jQuery('#content, #footer').fadeIn(200); jQuery('#content, #footer').fadeIn(200);
}, custom_tpl); }, url, template);
return true; return true;

4
public/src/templates.js
View File

@@ -160,14 +160,12 @@ var templates = {};
}()); }());
function load_template(callback, custom_tpl) { function load_template(callback, url, template) {
var location = document.location || window.location, var location = document.location || window.location,
rootUrl = location.protocol + '//' + (location.hostname || location.host) + (location.port ? ':' + location.port : ''); rootUrl = location.protocol + '//' + (location.hostname || location.host) + (location.port ? ':' + location.port : '');
var url = location.href.replace(rootUrl +'/', '');
url = (url === '' || url === '/') ? 'home' : url; url = (url === '' || url === '/') ? 'home' : url;
jQuery.get(API_URL + url, function(data) { jQuery.get(API_URL + url, function(data) {
var tpl = templates.get_custom_map(url); var tpl = templates.get_custom_map(url);