3 iframes in a container page.
It should be simple to refresh iframe2 from iframe1 etc.
I've spent hours on this........ I must be doing something stupidly wrong.
None of my reload scripts will fire.
Here is the containing page:
Code:
<body><div id="container1">
<iframe name="iframe1" id="iframe1" src="iframe-1.html" width="32%" height="100%"></iframe>
<iframe name="iframe2" id="iframe2" src="iframe-2.html" width="32%" height="100%"></iframe>
<iframe name="iframe3" id="iframe3" src="iframe-3.html" width="32%" height="100%"></iframe>
</div></body>
Everything seems okay with it.
The css provides me with full size iframes:
Code:
#container1 {
overflow: visible;
text-align: left;
top: 0px;
width: 100%;
position: absolute;
height: 100%;
font-weight: normal;
font-family: Arial,Helvetica,sans-serif;
font-size: 100%;
}
Here is iFrame1 script with the different attempts to reload iframe2:
Code:
function reload_page_2()
{
parent.getElementById("iframe2").contentWindow.location.reload(true)();
//if (parent.frames.iframe2) {parent.frames.iframe2.location.reload();}
//var f = parent.getElementById('iframe2');
//f.contentWindow.location.reload(true);
}
function store_pg_1()
{var pg_1 = document.getElementById("styled").value;
localStorage.pg_1_text=pg_1;
reload_page_2();}
store_page_1 works perfectly (onClick the textarea value is stored), but iframe2 does not reload via the script.
Can anybody see what I'm doing wrong?