Reload frame control

Anon

Hi,

My page has 3 frames.

The right frame is where the user will enter their data.
The left frame is the criteria for searches.
The top frame is for menus

In the right frame I have a form that allows the user to create a new object. Assuming the data is saved. I would like the new object to be searchable on the left frame automatically after the Save.

I have tried using the placing an onClick in my submit box
- <input type=submit name=submit value=submit onClick="top.<framename>.location.reload()">

This sometimes work but it also sometimes reloads the leftframe before I save my data... WHY?

Is there a way for me to control which frames gets load first?

Or does someone have an idea on how can I make the left frame load after I save..

Help is appreciated.

Thanks
Linh

vsego

The reason is simple: onClick gets executed BEFORE submit. So, here is what you do:
1. Request reload of left frame
2. Send data to server
3. Get data from server
If everything is fine with the network, it is reasonable to expect that the left frame will reload before data got saved on the server.

I propose several solutions:

Move onClick (shouldn't this be onSubmit?) in FORM to onUnload in BODY tag. If you want to be sure that left frame reloads only if data was submited, use this:
<script></script>
<body onUnload="if (dataSubmited) top.<framename>.location.reload();">
<form onSubmit="dataSubmited = 1;">
Avoid frames
Reload your top document:
<form action=... target=_top>
Result of action script should return <frameset>, which will result in reload of all three frames after the data was saved by the action script.

Hope this helps,

Vedran