encode date/view in URL fragment, so back button works

Originally reported on Google Code with ID 388

I have a working example of supporting the back button fully by updating 
the hash tag of window.location (window.location.hash). I'm using a couple 
of things to make this possible:

- fullcalendar viewDisplay callback
- jQuery hashChange event plugin (see 1)
- Datejs (see 2)
- and some javascript to pull it all together and use hash tags like #week-
10-2010, #day-71-2010, or #month-3-2010

I'll document this on my blog but I suspect I am doing some things 
inefficiently (if I was more familiar with the fullcalendar source, I could 
probably get rid of Datejs) and it seems like something that people would 
commonly need.

I'll update this once I get my blog post in but feedback on whether it is 
desired or not would be great...

(1) http://benalman.com/code/projects/jquery-hashchange/docs/files/jquery-
ba-hashchange-js.html

(2) http://www.datejs.com/

Reported by cymenvig on 2010-03-11 18:16:37

Imported with 18 stars.

[jamienk]

Just to be completely explicit, this works:

$(document).ready(function() {

    var today = new Date();
    var tmpYear = today.getFullYear();
    var tmpMonth = today.getMonth();
    var tmpDay = today.getDate();
    var tmpView = 'month';
    var vars = window.location.hash.split("&");
    for (var i = 0; i < vars.length; i++) 
    {
      if (vars[i].match("^#year")) tmpYear = vars[i].substring(6);
      if (vars[i].match("^month")) tmpMonth = vars[i].substring(6) - 1;
      if (vars[i].match("^day")) tmpDay = vars[i].substring(4);
      if (vars[i].match("^view")) tmpView = vars[i].substring(5);
    }


    // initialize the calendar...
    $('#calendar').fullCalendar({
    	events: 'index.php?j=y',
    	year: tmpYear,
		  month: tmpMonth,
		  day: tmpDay,
		  defaultView: tmpView,
		  viewRender: function (view) {
                var moment = $('#calendar').fullCalendar('getDate');
                if (moment) {
                    window.location.hash = 'year=' + moment.format('YYYY') + '&month=' + ( moment.format('M')
                        ) + '&day=' + moment.format('DD') + '&view=' + view.name;
                }
            }
    
        // put your options and callbacks here
    });
    
    var date = new Date(tmpYear, tmpMonth, tmpDay, 0, 0, 0);
    var dmom = $('#calendar').fullCalendar('getDate');
    if (dmom)
    {
    	if (date.getFullYear() != dmom.format('YYYY') || date.getMonth() != dmom.format('M') || date.getDate() != dmom.format('DD'))
      $('#calendar').fullCalendar('gotoDate', date);	
    }
    
    var view = $('#calendar').fullCalendar('getView');
    if (view.name != tmpView)
      $('#calendar').fullCalendar('changeView', tmpView);

});

[romblin]

It’s been for a long time. Is anybody working on the issue?