...

View Full Version : Referencing Main Page from iFramed Page



mizparker
06-25-2009, 12:48 AM
Hello, I have a script which works from my main page, but I need to embed it also into an iframed page, and have it affect the main page from there as well. Let me try to explain...

In my main page, I have the following iframes:

<iframe id="main">
<iframe id="player">
<control buttons embedded on main page, along with the iframes>

The default source of "main" is page A, which is a frameset of pages B and C. In page B, I want to embed the same controls I have on the main page, and have them affect the main page from there. Here's the controls script from the main page - it works from that page - a resizing onClick of the "player" iframe:

<head>
<script language="JavaScript">
function resizeIframe(iframeId, iframeHeight, iframeWidth)
{
if (iframeWidth>0)
{
document.getElementById(iframeId).style.width=iframeWidth;
}
if (iframeHeight>0)
{
document.getElementById(iframeId).style.height=iframeHeight;
}
}
</script>
</head>

<body>
<a id="widenButton" onclick="resizeIframe(player', 420, 720)return false;">Enlarge Player</a>
</body>

How would I put the widenButton in that back page and still have it affect the front page?

Thanks in advance for any help,
Miz Parker

Old Pedant
06-25-2009, 08:11 AM
<body>
<a id="widenButtonInIframe"
onclick="parent.resizeIframe('player', 420, 720);return false;"
>Enlarge Player</a>
</body>

Done.

No, you don't need to copy the JS code to the IFrame page.

NOTE: This ONLY works if the iframe src= is from the same domain as the main window. But that is true for ANY technique you might use.



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum