CSS - Frame/Table replacements

[PaulSc]

Hello,
I have a small offline html based system running with 3 x frames (topFrame, leftFrame & mainFrame).

The leftFrame contains various dropdown selection lists, which when one of the options is selected it populates the mainFrame via JavaScript (parent.main.location.href) code which in turn displayed various html pages.

This works fine in Frames, but I've been trying to translate this into CSS DIVs and would appreciate a bit of help please.....

The DIV layouts look fine, however I'm having a bit of trouble replicating the parent.main.location.href parameters?? Can Javascript reference Div sections in the same way or do I have to use alternative methods..

Any pointers as to good refernce guides for this sort of thing also appreciated.

Thanks in advance

PaulSc.

 

[CJAI]

if you're trying to covert from frames to divs it sounds like you need to use the

getElementByID('some id').innerText = 'whatever'

where 'some id' is the unique id of the div that holds the main content of the page.

 

[vongrunt]

Looks like problem here is how to get 'whatever' from server without reloading entire page.

 

[TheConeHead]

or if you are needing to do more than simply change text, you can simply put each "page" in it's own layer (div) and change visibility with your buttons...

 

[CJAI]

If you were to do an onChange on the dropdown list and call a function that 'selectively' changes the <div> content upon dropdown value it would NOT reload the entire page