Question

I have a page that loads with initially just a form within an iframe, something like this:

<iframe id="oIframe" ...src='somePage>'
<form ... />
</iframe>

When you click a button in the form, some javascript is invoked that builds a url and then I want to do the following:

frame.src = 'somePage?listId=1';

This works in IE to “reload” the frame with the new contents.
However, in Safari this does not work.

I have jQuery available, but I don’t want to replace the existing iframe because there are events attached to it. I also can not modify the id of the iframe because it is referenced throughout the application.

I have seen some similar issues but no solutions that seem to work well for my exact issue.

Any assistance anyone can provide would be great!

Answer 1

I found a better solution (albeit not paticularly eloquent) for this using jQuery.ajax:

jQuery.ajax({
   type: 'GET',
   url: "/somePage?someparms",
   success: function() {
      frameObj.src = "/somePage?someparms";
   }
});

This forces the DOM to be read within the frame object, and reloads it once the server is ready to respond.