ansaurus

Question

Do I need to namespace my JavaScript code if it's in an <iframe>?

Answer 1

A:

If I understand your situation correctly, anything in the iFrame should be out of scope from the rest of the page. However, you can refrence the main page code by using parent.

var foo

<iframe>
var bar = parent.foo;
</iframe>

I know this is not how the iframe looks. Just trying to simplify.

J.Hendrix 2009-10-31 02:52:56

Thanks J.Hendrix! Makes sense.

Bungle 2009-11-01 17:57:48

Answer 2

+1 A:

Using normally, the scripts in iframe and in the main window are both isolated from each other.

main.html:

<!DOCTYPE html>
<html><head>
</head>
<body>
<script>
function ale(){alert('test');}
</script>
<iframe src="fr.html"></iframe>

</body></html>

fr.html:

<input type="button" onclick="ale();" />

Notice that when you open main.html and click on the button in the iframe, an Javascript error saying that ale(); is not defined will be generated. This is because they are 2 seperate documents.

However, you will be able to access the parent frame's document object from the iframe using the window.parent node. e.g. window.parent.getElementById('mainform')

Summary There is no need to namespace your code in the iframe.

thephpdeveloper 2009-10-31 02:58:18

Thanks, Mauris! That's what I had suspected, but I wanted to be sure there wasn't something I was missing or had misunderstood.

Bungle 2009-11-01 17:56:55

well, suspicion resolved! =D

thephpdeveloper 2009-11-01 22:41:57

Answer 3

+2 A:

Because the namespace of each is separated, it should be fine. Consider the following

Host page JavaScript:

Foo = {};
Foo.bar = function(){ alert('hi!');}

Now the iframe JavaScript:

Foo = {};
Foo.bar = function(){ alert('yo!');}

For the iframe to talk to the parent, it would have to do something like this

window.parent.Foo.bar(); //Alerts 'hi!'
Foo.bar(); //Alerts 'yo!'

For the host page to see the frame, it would have to do this:

window.frames['nameOfFrame'].contentWindow.Foo.bar(); //Alerts 'yo!'
Foo.bar(); //Alerts 'hi!'

Gordon Tucker 2009-10-31 03:00:08

Great explanation! Thanks so much, that answers my question.

Bungle 2009-11-01 17:54:38

ansaurus

tags:

views:

answers:

Do I need to namespace my JavaScript code if it's in an <iframe>?

related questions