-
Notifications
You must be signed in to change notification settings - Fork 0
/
pushState.js
94 lines (71 loc) · 2.93 KB
/
pushState.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
/*
jQuery pushState plugin
Copyright © 2007 Free Software Foundation, Inc. <http://fsf.org/>
This plugin uses the new method avalible in most modern browsers to push history
and browse using AJAX without having to use #hashtags in your urls.
Usage $('a').pushState({container:'#content'});
*/
(function( $ ){
$.fn.pushState = function( options ) {
var settings = {};
//settings
settings = $.extend( {
container : 'body',
respect_onclick : true,
event : 'click',
callbefore : function(){},
callback : function(){},
use_title : true,
error_message : 'Error, esta dirección no es válida.',
use : true
}, options);
//detect if we have possibilities to use window.history.pushState with this browser
if( typeof window.history.pushState != 'function' ){
settings.use = false;
}
//watch for the back browser button
if( settings.use ){
window.onpopstate = function(e) {
if (e.state != null) {
$(settings.container).html(e.state);
document.title = e.state.pageTitle;
}
};
//push the first state
window.history.pushState( $(settings.container).html(), document.title, document.location.href );
//main
$(document).on(settings.event, this.selector, function(event){
target = this;
url = $(target).attr('href');
//typical urls that need no action
if( url == '#' || url.indexOf("javascript") == 0){
return;
}
//your funky animations n all
settings.callbefore.call();
$(settings.container).load(url, function(response, status, xhr) {
if(status=='error'){
$(settings.container).html(settings.error_message);
}
link_title = '';
//we have to do this cause it currently gets ignored in all browsers.
//One day it will be implemented
if( settings.use_title ){
link_title = $(target).attr('title');
if( link_title == undefined ){
link_title = '';
}
}
document.title = link_title;
window.history.pushState(response, link_title, url);
//more funky animations 4u
settings.callback.call();
});
//prevent default document.location change
event.preventDefault();
//makes the plugin chainable
return $(target);
});
}
};
})( jQuery );