Javascript and iframe

JavaScript
1

Hi,
I have a page within which is an iframe, and within that iframs is a text area.
I need to be able to insert text into that text area from the mother page.
I have tried to insert it with the following code but it’s not working :

<script type="text/javascript">
	function insertTxt() {
		var textstring = "test successful";
		parent.iframeAB.document.getElementsByTagName("textarea")[0].value = textstring;
	}
</script>
	
<iframe name="iframeAB" src ="iframe.htm" id="qab" width="100&#37;" height="210" style="border:1px solid #009ee0">
	Your browser doesn't handle iframes
</iframe>
<input type="button" value="Go" onclick="insertTxt()"/>
<a href="#" onclick="insertTxt();">test</a>

But nothing works.

Any idea on how i could get this to work? The page in the iframe containts a textarea form with a field name of field_8 which the above
code is supposed to be calling, but its not working. Tested on FireFox 3

2

For a start, it’s click(), not Click() - JavaScript is case sensitive. Why do you want to use click()? Why can’t you just execute whatever the button would do manually?

Make sure it’s an INPUT sort of button, because click() doesn’t work on all elements. I’m not sure about BUTTON elements.

It would be useful to see either a live example or some of the relevant code for this.

3

Thank you so much that helped. Now the only last thing to wrap this up how would I go about automatically clicking a button after the text is inserted? I have body onLoad for inserting the text and that works fine.

I tried several things included the first long line and added .Click() no go.

4

You’re missing one little thing. To access the content of an iframe, you have to access its contentWindow property. So you can insert the text like so:

document.getElementById('qab').contentWindow.document.getElementsByTagName('textarea')[0].value = 'success';
5

I guess I cant edit my previous post, I would like to be able to automatically click a button that is on the page in the iframe after the text is inserted, I have been reading a lot on Click() nothing is working out

6

Well for starters, my limited knowledge on JS stumps me often, and I come from PHP/Smarty land working with a codebase. I figured everything and found submitting using JS was completely pointless since I added the frame form outside of the frame and added form target=“iframe” and voila!

I’ll remember this next time I didn’t realize how easy it was but thank you so much for your help!