I’m new to AJAX and javascript, I’ve been using Ajaxtabs from:

http://www.dynamicd rive.com/ dynamicindex17/ ajaxtabscontent/ index.htm

When I found out about AJAX behavior about not keeping state while
moving with the browsers back and forward button, searching I came
across Brad’s Neuberg, Really Simple History for AJAX:

http://www.onjava. com/pub/a/ onjava/2005/ 10/26/ajax- handling- bookmarks-
and-back-button. html?page= 1

The issue here is that haven’t been able to get it right, if I choose
the tab with id=”salary” then the content is loaded ok, no problem
there AJAX magic works fine, but now, if I navigate to a different
web address and then press the back button all I get on the browsers
address bar is ;

http://localhost/ #section:

I think it should be http://localhost/ #section: salary right?

So the tabs state is lost, defaulting to the original state as if I
first loaded the page and the intro tab (id=”intro”) appears
selected, can anyone help me? show me the correct way to do this
using the above tools, a real example would be great using these 2
tools.

Thanks

http://expisoft.blogspot.com/2007/03/history-reloaded.html

Without doubt a better solution!

Your solutions does not work with F5 (page-refresh) since IE does not preserve the values of the
form fields if the textarea field is generated to late.

I solved the problem by moving the code:

/** Initialize all of our objects now. */
window.historyStorage.init();
window.dhtmlHistory.create();

from the end of dhtmlHistory.js and added them to the bottom of my page.