ansaurus

Question

Set iFrame Checkbox that is Hidden from the User

Answer 1

+1 A:

Yes, this is possible; regardless of the iframe's display state, it is still part of the DOM. (I assume you're hiding it using CSS "visibility:hidden" or -- more likely -- "display:none".)

<html>
<head>
<script type="text/javascript">
function updateFrameCheck(childName, status)
{
  var x = document.getElementById("frameThing");
  var y = x.contentDocument.getElementById("formIdFromIframe");
  y.elements[childName].checked = status;
}
</script>
</head>
<body>

<iframe src="otherpage.htm" id="frameThing"></iframe>

<input type="checkbox" onclick="updateFrameCheck(this.name, this.checked)" name="childName" />

</body>
</html>

DreadPirateShawn 2009-06-26 03:08:00

I'm going to guess the iframe isn't just hidden because he said 'or does it need to be rendered', but the wording is iffy.

Ian Elliott 2009-06-26 04:32:01

Based on the way it is working, my iframe is not actually rendered until the user actually expands as I have just tested it. But when I actually press on the expand button to render the iframe, my requried functionlaity works. Is there anyway I can get around this?

tonsils 2009-06-26 04:43:35

"not actually rendered" -- meaning, you're dynamically adding it into the DOM upon the user expanding it? (That would explain the not-working aspect.) Or it's drawn to the page but hidden with CSS? (That's what you want, which should allow functionality while hidden.)

DreadPirateShawn 2009-06-26 22:23:14

Answer 2

A:

It does not matter if the Iframe is shown to the user or not. Even if you set css style as 'display: none' you can still programatically interact with the contents of the iframe.

You can set all the checkboxes and display to the user when ready.

futureelite7 2009-06-26 03:09:04

ansaurus

tags:

views:

answers:

Set iFrame Checkbox that is Hidden from the User

related questions