a problem with frames
I want to put an iframe (or a frame) in a page on my website, with the content in the iframe coming from another website. But I want the entire page to reload when (1) anyone clicks on any link in the iframe, and (2) anyone clicks on any button (after submitting a form) in the iframe.
Then why am I using an iframe? Well, that is a channel on my site being powered by the other site. So the look and feel should be mine, but the block in the iframe comes from them.
Is there any way to do this?
and get every hyperlink on the other site look like this:
<a href="whatever" onclick="doThree('newpage1.html','newpage2.html','newpage3. html')">ONE LINK changes all frames</a>
The hassle is, they might crib about having to recode a zillion <a href> tags. So is there any way that this could be done in the CSS of the other site itself, by making every hyperlink (anchor tag) automatically run that onclick function, so that I do not have to worry about the manual effort of re-hardcoding several <a href>s, and the missing out that might happen?
I would really, really appreciate any pointers - either a solution to what I asked, or a completely different approach altogether :).
Again, I would want the frames belonging to my content (as opposed to the frame containing their content) to reload even when someone clicks on a submit button.
Thank you for reading this through!
Please take a look at window.frames.
It should give you some ideas.
Well, I did this (thanks to <a href="http://www.codingforums.com/showthread.php?p=576297#post576297">help</a> - for the benefit of other people who need to do this, here is how:
var loaded = 1;
function loadMyPages(pageA, pageB, pageC)
window.frames["frame1"].location.href = pageA;
window.frames["frame2"].location.href = pageB;
window.frames["frame3"].location.href = pageC;
<iframe src="http://www.othersite.com" onload="loadMyPages('newpage1.html','newpage2.html','newpage3.html')"></iframe>
<iframe name="frame1" src="mypage1.html"></iframe>
<iframe name="frame2" src="mypage2.html"></iframe>
<iframe name="frame3" src="mypage3.html"></iframe>