iFrames and referencing objects on the rest of the Page

J

John

Hi all,

I have a page which contains a few usercontrols inserted into placeholders
on one main page. Inside one of these usercontrols is an iFrame tag which
loads a page. If a user clicks on something within this page, I need to
update a control in one of the other usercontrols elsewhere in the main
page.

How do I do this?

Regards
John.
 
B

Boyd Ferris

You can communicate between the main window and its iframe by using the
parent object (parent.window.document....) in the iframe and the
contentWindow property of the iframe for the main window.

For instance, theCode Snippet A is the window hosting the iframe.

CODE SNIPPET A
-----------------------------------------------------
<html>
<script>
function SayHello ()
{
alert ('Hello.');
}
</script>
<body>
<iframe src="CodeSnippetB..html"></iframe>
</body>
</html>


Here is example code for the iframe, Code Snippet B:

<html>

<script>
function TalkToParent ()
{
// This will invoke the SayHello method in the parent document.
Though, this
// function coud just as easily have invoked a function to edit
element's on the
// parent page or directly modify the element by using
// parent.window.document.getElementById

parent.window.SayHello();
}
</script>

<body>
<input type="button" onClick="TalkToParent();" />
</body>
</html>


In summary the following are key objects and methods to use for
communication:
* parent.window.document
* getElementById
* contentWindow

Good luck,

Boyd
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Similar Threads

**NEED HELP** How to refresh animation so the rest of page can load 0
Footer and bottom of the page. 1
How to use PDF-lib and how to center each line of texts on the page? 1
Generate one HTML from API based on the object key language and their value 2
How do I set the default content page) on a Classic ASP file? 0
A website that I couldn't make a screenshot of it nor save any page from. 1
Masterpages and iframes question 2
Reload two iframes on one iframed page! 8

Members online

Total: 29 (members: 2, guests: 27)
Robots: 660

Forum statistics

Threads
473,769
Messages
2,569,582
Members
45,057
Latest member
KetoBeezACVGummies

Latest Threads

Top