History Management via popstate or hashchange.
Switch branches/tags
Nothing to show
Pull request Compare This branch is 1 commit ahead, 19 commits behind cpojer:master.
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Failed to load latest commit information.



History Management via popstate or hashchange. Replaces the URL of the page without a reload and falls back to Hashchange on older browsers.


Build via Packager, requires MooTools Core and MooTools Class-Extras to be registered to Packager already

./packager register /path/to/history
./packager build History/* > history.js

To build this plugin without external dependencies use

./packager build History/* +use-only History > history.js


See Demos/index.html

Note that the Demo is quite rudimentary but you should get the idea!

How To Use

This plugin provides a History object.

Add a new URL


Handle URL Change (via back button etc.)

History.addEvent('change', function(url){
	// The URL has changed!
	// Let's reload the content
	new Request(url).get();

Shortcuts (more or less useful)

History.hasPushState(); // true if the Browser is modern and supports window.history.pushState

History.back(); // Goes back

History.forward(); // Goes forward


The onChange event does not fire for the initial page load. The HTML5 specification for the native popstate event suggests that popstate should be fired when the page initially loads. However, as of November 2010, browser implementations diverge in this aspect. The onChange event of History is designed to never fire for the initial page load. Handling this state should be done manually on a per-app basis as the use cases greatly vary.