Hi,
This appears to be an age old problem. But I can't seem to find a solution to it.
I have a page with two iframes on it. They are loading as such:
Code:
<iframe id="leftIframe" src="predict_goalkeepers.php" height="900" width="300" frameBorder="0" hspace="0"></iframe>
<iframe id="rightIframe" src="predict_right.php" height="900" width="300" frameBorder="0" hspace="0"></iframe>
I then want to post something from the leftIframe to the right and refresh the leftIframe at the same time. This I have done through target frame and onclick function. On the leftIframe I have this:
Code:
<form action="predict_rightframe.php" method="post" name="form1" id="form1" target="rightIframe">
<input type="checkbox" name="goalkeepers" value="1" onclick="this.form.submit(); window.location.reload(true)">
This works fine and super duper on Chrome. But when checking on Firefox and IE, the frame is opened in a new window.
Is there anyway around this?
I believe there is a "hack" whereby you can get javascript to create the right frame, thereby making it an object. But the only advice I have found is how to create a hidden frame (
see here) But I want this frame to be visible.
Any help on this issue will be extremely helpful - even if its just adapting the above link's javascript code to create a visible iframe.
Any help and I will be eternally grateful.