Accesing an IFrame from an internal element

[Fernando Deutsch]

I have an html page with an iframe on it. Inside the iframe there is an img
element. I am looking how to reference the iframe from the img element
contained on it and cannot find a way to do it. I am using FireFox 1.5.0.1

I am looking for something like myImg.container .

Can someone help me ?

Thanks in advance
*** Free account sponsored by SecureIX.com ***
*** Encrypt your Internet usage with a free VPN account from http://www.SecureIX.com ***

[d]

"Fernando Deutsch" <fd************ @nospambitam.co m> wrote in message
news:43******** *************** @titian.nntpser ver.com...

I have an html page with an iframe on it. Inside the iframe there is an img
element. I am looking how to reference the iframe from the img element
contained on it and cannot find a way to do it. I am using FireFox 1.5.0.1

I am looking for something like myImg.container .

Can someone help me ?
window, isn't it?
Thanks in advance
*** Free account sponsored by SecureIX.com ***
*** Encrypt your Internet usage with a free VPN account from
http://www.SecureIX.com ***

[Evertjan.]

Fernando Deutsch wrote on 22 feb 2006 in comp.lang.javas cript:

I have an html page with an iframe on it. Inside the iframe there is
an img element. I am looking how to reference the iframe from the img
element contained on it and cannot find a way to do it.
window

[To the image the page of the iframe is just that,
perhaps I read your Q wrong, however]
I am using FireFox 1.5.0.1

Are you only building for yourself?
--
Evertjan.
The Netherlands.
(Please change the x'es to dots in my emailaddress)

[Fernando Deutsch]

No, window returns undefined.

I have tried so far

element.window;
element.ownerDo cument.window;

where element is the img object and both expressions returns undefined.

Are you only building for yourself?
I did not understand what you mean.

Thanks anyway

"Evertjan." <ex************ **@interxnl.net > wrote in message
news:Xn******** ************@19 4.109.133.242.. . Fernando Deutsch wrote on 22 feb 2006 in comp.lang.javas cript:

I have an html page with an iframe on it. Inside the iframe there is
an img element. I am looking how to reference the iframe from the img
element contained on it and cannot find a way to do it.

window

[To the image the page of the iframe is just that,
perhaps I read your Q wrong, however]

I am using FireFox 1.5.0.1

Are you only building for yourself?
--
Evertjan.
The Netherlands.
(Please change the x'es to dots in my emailaddress)

*** Free account sponsored by SecureIX.com ***
*** Encrypt your Internet usage with a free VPN account from http://www.SecureIX.com ***

[Fernando Deutsch]

No, window returns undefined.

I have tried so far

element.window;
element.ownerDo cument.window;

where element is the img object and both expressions returns undefined.

Thanks anyway

"d" <[e-mail] m> wrote in message
news:zK******** **********@text .news.blueyonde r.co.uk...

"Fernando Deutsch" <fd************ @nospambitam.co m> wrote in message
news:43******** *************** @titian.nntpser ver.com...

I have an html page with an iframe on it. Inside the iframe there is an img element. I am looking how to reference the iframe from the img element
contained on it and cannot find a way to do it. I am using FireFox 1.5.0.1
I am looking for something like myImg.container .

Can someone help me ?

window, isn't it?

Thanks in advance
*** Free account sponsored by SecureIX.com ***
*** Encrypt your Internet usage with a free VPN account from
http://www.SecureIX.com ***

*** Free account sponsored by SecureIX.com ***
*** Encrypt your Internet usage with a free VPN account from http://www.SecureIX.com ***

[Jonas Raoni]

Fernando Deutsch wrote:

I have tried so far

element.window;
element.ownerDo cument.window;

This looks quite strange, he asked you to use the window global variable.

alert(window);

If you're "inside" the iframe, this will be a reference to it.
--
Jonas Raoni Soares Silva
http://www.jsfromhell.com

[Evertjan.]

Fernando Deutsch wrote on 22 feb 2006 in comp.lang.javas cript:

"Evertjan." <ex************ **@interxnl.net > wrote in message
news:Xn******** ************@19 4.109.133.242.. .

Fernando Deutsch wrote on 22 feb 2006 in comp.lang.javas cript:

> I have an html page with an iframe on it. Inside the iframe there
> is an img element. I am looking how to reference the iframe from
> the img element contained on it and cannot find a way to do it.
window

[To the image the page of the iframe is just that,
perhaps I read your Q wrong, however]
[please do not toppost on usenet]
No, window returns undefined.
Imposssible, as windows is the top-of-DOM.
I have tried so far

element.window;
element.ownerDo cument.window;
where element is the img object and both expressions returns
undefined.

This is nonsense code, you cannot go above the window in a page.
Windows does not have to derive from your img object, as you are on theat
page with your javascript, acording to your Q.

Try:
alert(windows.d ocument.body.st yle.color)

Reread your Q and see that the answer to your Q is sound,
then refrase your question to what you realy wanted to know.

=============== ============

You left out this quote:
">>> I am using FireFox 1.5.0.1 "
Are you only building for yourself?

I did not understand what you mean.

It does not matter if you are using FF or IE,
it matters what your users use.
Or is the page build for your personal use only?
--
Evertjan.
The Netherlands.
(Please change the x'es to dots in my emailaddress)

[Fernando Deutsch]

May look as nonsense code to you, because you dont know the whole context of
the application.

Basically I have a html page with the iframe that contains an img element.
On that page (not inside the iframe) I have a collection that contains a
reference to the img object of the iframe.

So I am looking to see what object would be the "window container" of that
img . As I have a reference to the img object I can navigate to its owner
document, and from it, I should be able to reach its window (expecting the
iframe) but I got an undefined object.

According to the Mozilla Document Interface
http://www.mozilla.org/docs/dom/domr...ef.html#998664 I should be
able to get the window by the property contentWindow.

About the browser, I have resolved the situation for IE, I am looking for a
solution on FF.

This is nonsense code, you cannot go above the window in a page.
Windows does not have to derive from your img object, as you are on theat
page with your javascript, acording to your Q.

Try:
alert(windows.d ocument.body.st yle.color)

Reread your Q and see that the answer to your Q is sound,
then refrase your question to what you realy wanted to know.

=============== ============

You left out this quote:
">>> I am using FireFox 1.5.0.1 "

Are you only building for yourself?

I did not understand what you mean.

It does not matter if you are using FF or IE,
it matters what your users use.
Or is the page build for your personal use only?

*** Free account sponsored by SecureIX.com ***
*** Encrypt your Internet usage with a free VPN account from http://www.SecureIX.com ***

[Lasse Reichstein Nielsen]

"Fernando Deutsch" <fd************ @nospambitam.co m> writes:

Please don't top post!

May look as nonsense code to you, because you dont know the whole context of
the application.
More likely because he knows how the DOM works.

You wrote, e.g.:
element.window
and
element.ownerDo cument.window

That's just blind guessing on your part, and it works as well as
could be expected from that. The element does have an "ownerDocum ent"
property (as specified by W3C DOM Core), but neither the document
nor the element has a reference to a window object.
So I am looking to see what object would be the "window container" of that
img . As I have a reference to the img object I can navigate to its owner
document, and from it, I should be able to reach its window (expecting the
iframe) but I got an undefined object.
The error is your assumption that you can go from a DOM element to
the window containing the DOM document of the element. The window object
is not a DOM object, so the DOM specification doesn't say how to find
it.

You might be able to use document.defaul tView, as some browsers have
that property point to the window object. It is not specified that the
defaultView should also be the global object, or a window object, and
it's not available in all browsers, so it's not a good solution.
According to the Mozilla Document Interface
http://www.mozilla.org/docs/dom/domr...ef.html#998664 I should be
able to get the window by the property contentWindow.

That's a property on the DOM element of the iframe in the parent document,
not on an element in the window you want to find.

You could also just do (in the parent window):
frames["iframeId"]
to get the window object of the embedded iframe with id="iframeId".

/L
--
Lasse Reichstein Nielsen - lr*@hotpop.com
DHTML Death Colors: <URL:http://www.infimum.dk/HTML/rasterTriangleD OM.html>
'Faith without judgement merely degrades the spirit divine.'

[Csaba Gabor]

Lasse Reichstein Nielsen wrote:

The error is your assumption that you can go from a DOM element to
the window containing the DOM document of the element. The window object
is not a DOM object, so the DOM specification doesn't say how to find
it.
Rather unfortunate, that.
You might be able to use document.defaul tView, as some browsers have
that property point to the window object. It is not specified that the
defaultView should also be the global object, or a window object, and
it's not available in all browsers, so it's not a good solution.

Thanks for the tip, I had missed it before. I just tested it out on my
Firefox 1.5 / Win XP Pro and it is working fine. Here is what I did:
Main page:
<html><head><ti tle>Containing Page</title>
<script type='text/javascript'>
function onLoad() {
var iframe = document.getEle mentById('myfra me');
var elemInFrame = iframe.contentD ocument.getElem entById('myElem ');
var elemWindow = elemInFrame.own erDocument.defa ultView;
elemWindow.setT imeout ("document.getE lementById('mys pan').innerHTML =
\
'The answer is: mozilla'", 100);
}
</script>
</head><body onload="onLoad( )">
This page contains a single iframe with
an image element to see if we can get to
that element's containing window<br><br>
<iframe id=myframe src="frame.htm"
style="height:4 in;width:6in"></iframe>
</body></html>
Frame.htm:
<html><head><ti tle>Frame Page</title></head>
<body>
This is the frame<br><br>
<span id=myspan style="border:1 px solid green">
This text in the frame should get replaced</span><br><br>
<div>
<img id=myElem src="https://www.mozilla.org/images/header_logo.gif ">
</div>
</body></html>
The above test also works for IE 6, if I change the middle two lines of
script to:
var elemInFrame = iframe.Document .getElementById ('myElem');
var elemWindow = elemInFrame.doc ument.parentWin dow;
Csaba Gabor from Vienna