Saving states with hash tags

[metafizzy]

Saving states with hash tags

[lukeshumard]

It would be super awesome if this used HTML5 history if available. You could throw that in with the Modernizr-mini along with yepnope.js. Maybe i'll take my hand at integrating this.

Here's a quick and stripped down example I used in a project recently.

yepnope({
    test: Modernizr.history,
    nope: '/js/jquery.address-1.3.1.min.js',
        complete: function () {
            if (!Modernizr.history) {
                $.address.bind('externalChange', function () { hash_history(args); });
            } else {
                $(window).bind('popstate', function () { html_history(args); });
            }
        }
    });

[desandro]

The central issue I face with this feature is how to save ALL the options. Unlike the old hacky Masonry filtering, hashes can't be used exclusively for just filters, there's also sorts, layout modes, and possibly every other option included in Isotope.

Ideally, the hash would be one JSON object that holds all the options.

myapp.com/#isotopeOptions={filter:'.foo',sortBy:'barSorting',sortAscending:true,layoutMode:'masonry'}

Then the next question is how well with this work with other plugins that are fiddling with the hash?