Home/ Questions/Q 630823
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-13T19:53:52+00:00

I have an iframe on a page that allows us to upload an image,

  • 0

I have an iframe on a page that allows us to upload an image, once it’s uploaded it displays the url of the file in a text input field.

On the main part of the page, we have our textarea where we write up our news posts. I’d like a way so that I can add a link on the iframe, next to the url field, that when clicked will automatically insert the text in there into the textarea on the main part of the page.

I’m relatively new to javascript, so I wasn’t sure how to do this when using an iframe.

Thanks!

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Main.htm

    <html>
<head>
<script>
getText = function(s)
{
alert(s);
}
</script>
</head>
<body>
<iframe src="otherFrame.htm"></iframe>
</body>
</html>

    otherFrame.htm

    <html>
<head>
<script>
botherParent = function()
{
    parent.getText(document.getElementById("textInput").value);
};
window.onload = function()
{
}
</script>
</head>
<body>
<input type="text" id="textInput" />
<span onclick="botherParent()">Stuff goes here</span>
</body>
</html>

    Basically, in the child inline frame, use parent to access the parent’s window object.
    Global variables are stored in window, as are global functions. Because of this, if you define a global variable “foo” in parent, you can access it with parent.foo with your child frame.

    Hope that helps!

    • 0