[SOLVED] Refresh iFrame once this process has completed...

Hi there,

I have a small problem that a good search through the web hasn't helped me.

Basically, 2 iframes. 1 iframe lists a bunch of locations in a db. You can click one of these items in the list and then in the 2nd iframe, an edit box for that location will appear. That is A-Ok. The user can then save the details and the 2nd iframe refreshes and has the newly saved details.

The problem I have is that I don't know how to make the 1st frame refresh once that process is complete. Similar to the way phpmyadmin works, when you update the tablename in the right frame, it sends a refresh over to the list of tables you have so it displays the saved data. How do I do that?

The best solution I've found is a <meta> refresh every few seconds... but as you can imagine that is wasteful and not as effective as just refreshing the frame once its finished the process.

I did come across the javascript but these didn't work:

Code: Select all

<script type="text/javascript">
frames['lister'].location.href = frames['lister'].location.href;
frames['lister'].reload(true);
</script>

Any help on this would be really helpful.

Thanks anybody in advance.

I've seen people do this and the most common solution is to just reload the page that holds the iframes. Seems to work fine for most things. Another thing you could do, is set a link to the iframe target to the same page, which refreshes it as well. Although i'm not really a fan of this.

Thanks for that Justin.

I am aware I could do these things you suggested but I am moving this page to more of a dynamic application. e.g ajax like

Something like this php(if it were possible somehow) would be great...

Code: Select all

header("Location: page.php", '1stframe');

But I know there isn't a target part in the header function...

Problem solved with

Code: Select all

<script type="text/javascript">
window.parent.lister.location.reload()
</script>

'lister' being the id of the iframe I was wanting to reload.

Glad you got it fixed. I personally don't like using Javascript for mainline things (such as reloads) as it can be disabled. If this program is used in a closed environment it shouldn't be an issue though.

I tend to agree. This is a closed environment like you say though, and up until now, we've been happy with having the whole page load in one scoop using includes etc. The problem has been that the application has grown, the database multiplied and we have users sometimes updating the db for 1000 records. Waiting for just a snippet of the page to load each time compared to the whole thing is going to mean the difference between 5-6 seconds load time each record update to 2-3 seconds which starts to add up.

Do you know if there is a way to achieve the above though without using JS? Javascript is a bit alien to me as I mostly work with PHP but I am starting to lose my competitive edge with this AJAX stuff.