iframe issue

anup.maverick · January 12th, 2011, 07:38 AM

Hi,

I have 2 iframes on a web page.

In 1st iframe there is a BUTTON, On Button click new pages should open in both the iframes.

I tried using window.parent , but it doesn't work in firefox, chrome, IE 8.

Following is the code :-

Main Page

<body>
<iframe src="1.htm" name="MapFrame"></iframe>
<iframe src="1.htm" name="MapFrame1"></iframe>
</body>
</html>

1sr IFrame

<html>
<head>
<title>1 Level</title>
<script type="text/javascript">

function GoToParent()
{
window.parent.document.getElementById("MapFrame"). src = "1.htm";
window.parent.document.getElementById("MapFrame1") .src = "1.htm";
}
</script>
</head>
<body>
<div id="page_effect" style="display:none;">
<Button id="b1" type="button" value="CLICK ME" onClick="GoToParent()" />

</div>
</body>
</html>

Thank You....!!

Old Pedant · January 13th, 2011, 10:01 PM

names are *NOT* ids.

If you want to use document.getElementById() to refer to something, you must give it an ID. The name is of no consequence for getElementById().

So:

Code:

<body>
<iframe src="1.htm" name="MapFrame" id="MapFrame"></iframe>
<iframe src="1.htm" name="MapFrame1" id="MapFrame1"></iframe>
</body>

Now try your code.

[code]