HTML - JavaScript : Retain values in html pages

[Dhivya Krishnan]

Hi All,

I have to design a prototype which contains 6 pages. I have designed them in html. Its a workflow which moves from page 1 to page 6.
Now the requirement is , I make entries and move from page 1 to apage 6.

1. Incase I come back to page 2 from page 3 onclick of back button, Page 2 has to retain all the vakues that i have typed before.
2. Page 6 must display all the values that i have entered in the form from page 1.

I cannot connect to database as its just a prototype demo to the client.

One suggestion I got was to write index.html, which loads page 1.
In Index.html, have 6 different div tags which calls each page on click of next button and hides the other div.

So I am clear about it. Can someone suggest any idea for this asap.

Sample code will be more helpful.

[Dieter Quickfend]

You can save them in a cookie. Though I don't really see why you can't use the server, whether you can access the database or not.

[K. Tsang]

I doubt this is related to the JEA exam/assignment. Moving.

[Bear Bibeault]

You did not mention what your backend is using. If Servlets/JSP you can store values in the session. Alternatively, if all you care about is modern HTML5-capable browsers, then you can use JavaScript local storage.

[Dhivya Krishnan]

Thanks for the reply. I dont want to use any session or any db servers. It was just a prototype I was designing.

I could do it using JQuery and in the same html page having different div element.

[Bear Bibeault]

OK, so where's your code using that approach? What problems are you having with it?