Here’s the problem.

I have a page with some JS code that populates an array variable with some names.
I want to access the array with some additional code on another page but I want to hide the original code so that a visitor can not use View Source to see all the names.

I suppose the question could be rephrased as how can I pass variable data from one JS script to another keeping the data invisible?

Suggestions will be greatly appreciated

The only way I can think to keep it totally invisible, or at least almost invisible, is to pass the data to the server, save it in the database with a session ID of some sort (a single unique cookie), then retrieve it via an AJAX call.

The only other thing that could be done is put all of the data into cookies, which isn't really invisible since these may be read by any user who knows how. However, if you're ok with this, you could put an array into one cookie (assuming there's not tons of data), by separating each item with a comma or some other delimiter, then using the split method to make it back into an array on the other page.

To make data available across page navigations your options are:

• to store it on the server, as mentioned by Abel
• serialize and store in a cookie
• use DOM Storage
• or use something like Dojo Storage (note: this uses flash)
• store in the clipboard

they've all got advantages and disadvantages and certain browser dependencies.

Thanks for these suggestions. The DOM storage idea looks like a good possibility and I'll explore it further.

For Internet Explorer, as far as I know, DOM storage is only supported in version 8. So I don't think this is actually a viable option yet.