ansaurus

Question

Answer 1

A:

Not sure of your exact issue (could you provide more details?) but if the URL of the iframe src is not in the same domain as the parent, there could be cross-domain security issues that prevent manipulation via javascript, as per the same-origin policies.

Peter 2009-06-25 13:14:14

Answer 2

+1 A:

This might be helpful: a jquery plugin to easily access the iframe document. That is, if its not cross domain like peter said.

mkoryak 2009-06-25 13:18:12

Answer 3

+2 A:

Okay here is an example...

First here is the source for the iFrame contents (I called it FramePage.htm)...

<body>
    <input id="Checkbox1" type="checkbox"  name="checkbox" /> 
    <input id="Checkbox2" type="checkbox" name="checkbox"/>
    <input id="Checkbox3" type="checkbox" name="checkbox" />
</body>

Here is the source on the page that houses the iFrame...

<iframe id="frame" src="FramePage.htm"></iframe>

<input id="Button1" type="button" value="button" onclick="setData()" />

<script type="text/javascript">
    function setData()
    {
        var frame = document.getElementById('frame');

        var checkboxes = frame.contentWindow.document.getElementsByName('checkbox');

        for (var i = 0; i < checkboxes.length; i++)
        {
            checkboxes[i].checked = true;
        }
    }
</script>

Clicking the button on the parent page will select all the checkboxes with the name 'checkboxes' on the frame page.

Hope this helps :)

Chalkey 2009-06-25 13:42:33

Thanks for that Chalkey - I will try it out. BTW, I also need to disable the checkbox within the iframe as well - would that just be checkboxes[i].disabled = true ?

tonsils 2009-06-25 13:51:23

Off the top of my head i think it would be checkboxes[i].checked = false; I think disable would disable the control not the value... :)

Chalkey 2009-06-25 14:10:31

ansaurus

tags:

views:

answers:

How to Access iFrame Checkbox Elements

related questions