The goal;

To open a page (target="_self")
To pass some data from the first page to the new one.
To use the passed data to create css classes in the head of the new page.

It sounds easy, but I am stumped.

Here is the way I (think) I am passing the data (To a new window at present ).

<form>

<input value="submit" onclick="parent.main.class.painting;(painting='Roc kland_Fishing_Boat.htm';
window.open('http://mysite.com/directory/mypage.htm','mywin','width=750,height=550',toolbar =0,menubar=0,status+0)"; type="button">

<input type="hidden" name="painting" value="Boat.jpg">

</form>

Its apparent that I am trying to pass the information twice, but do not really know if its passing at all.

Once the new window is open, and the data is passed to it, how would you turn that into something like:

.painting{background-img: Boat.jpg}

Also, assuming that all of this is possible, can I pass many items, say with multiple input lines in the form?

Check out this page, it should have what you're looking for:

http://www.chipchapin.com/WebTools/J...ample3-02.html

It tells you how to write to the child window.

I know this doesn't directly answer your question, but it's pretty easy to change classes dynamically without reloading the page.

You could have some links that changed the class of something else on the page:

<a href="#" onclick="document.getElementById('whatever').className='p1'>Painting 1</a>
<a href="#" onclick="document.getElementById('whatever').className='p2'>Painting 2</a>
<a href="#" onclick="document.getElementById('whatever').className='p3'>Painting 3</a>

Disregard this If you already knew it, or if it doesn't help you at all This post will self-destruct in five seconds.