Response title
This is preview!
Move this topic
New ready event fires early in iframe in IE
in Developing jQuery Core
•
4 years ago
I just noticed that the new ready event fails within iframes in IE. I've created a simple test case that alerts the value of document.body.
<a href="http://brandonaaron.net/jquery/tickets/iframe_ready/shell.html">
http://brandonaaron.net/jquery/tickets/iframe_ready/shell.html</a> <-- alerts null (within iframe)
<a href="http://brandonaaron.net/jquery/tickets/iframe_ready/test.html">http://brandonaaron.net/jquery/tickets/iframe_ready/test.html
</a> <-- alerts properly (not within iframe)
<a href="http://jquery.com">jquery.com</a> is down ... when it comes back up I'll be creating a ticket.
--
Brandon Aaron
<a href="http://brandonaaron.net/jquery/tickets/iframe_ready/shell.html">
http://brandonaaron.net/jquery/tickets/iframe_ready/shell.html</a> <-- alerts null (within iframe)
<a href="http://brandonaaron.net/jquery/tickets/iframe_ready/test.html">http://brandonaaron.net/jquery/tickets/iframe_ready/test.html
</a> <-- alerts properly (not within iframe)
<a href="http://jquery.com">jquery.com</a> is down ... when it comes back up I'll be creating a ticket.
--
Brandon Aaron
Replies(5)
Re: New ready event fires early in iframe in IE
4 years ago
Yep, this was discussed in the original thread concerning the ready
event. We have to add an extra check to see if we're in an iframe, and
if so, fallback to window.onload. That sucks, but it's still better
than injecting script tags, imo.
--John
event. We have to add an extra check to see if we're in an iframe, and
if so, fallback to window.onload. That sucks, but it's still better
than injecting script tags, imo.
--John
Leave a comment on jeresig's reply
Re: New ready event fires early in iframe in IE
4 years ago
I guess I missed that part of the original thread. Sad day.
--
Brandon Aaron
--
Brandon Aaron
Leave a comment on brandon_aaron's reply
Re: New ready event fires early in iframe in IE
4 years ago
And for the records...both Mozilla >= 1.8 and Opera >= 9 seems
to support a not well documented "DOMFrameContentLoaded",
if they did that it may mean they couldn't use the proprietary
DOMContentLoaded either, so I believe it is harder to fix IE.
Brandon, I have something like your nice LiveQuery that can
work as a good replacement and a nice solution for "iframes"
and standard documents in many situations where one normally
would need to wait for a nodeList collection to attach events.
By delegating events (capturing on the documentElement)
and using a fast enough matcher I could get interesting
results lately and is faster than anything I have tried.
It is cross-browser since the requirements are minimal.
Is there interest into have a look at this ?
Leave a comment on diego.perini's reply
Re: New ready event fires early in iframe in IE
4 years ago
<HTML><BODY style="word-wrap: break-word; -khtml-nbsp-mode: space; -khtml-line-break: after-white-space; ">As an observer I've learned a lot from livequery and would love to see what your doing.<DIV><BR><DIV> <SPAN class="Apple-style-span" style="border-collapse: separate; border-spacing: 0px 0px; color: rgb(0, 0, 0); font-family: Helvetica; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; text-align: auto; -khtml-text-decorations-in-effect: none; text-indent: 0px; -apple-text-size-adjust: auto; text-transform: none; orphans: 2; white-space: normal; widows: 2; word-spacing: 0px; "><SPAN class="Apple-style-span" style="border-collapse: separate; border-spacing: 0px 0px; color: rgb(0, 0, 0); font-family: Helvetica; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; text-align: auto; -khtml-text-decorations-in-effect: none; text-indent: 0px; -apple-text-size-adjust: auto; text-transform: none; orphans: 2; white-space: normal; widows: 2; word-spacing: 0px; "><SPAN class="Apple-style-span" style="border-collapse: separate; border-spacing: 0px 0px; color: rgb(0, 0, 0); font-family: Helvetica; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; text-align: auto; -khtml-text-decorations-in-effect: none; text-indent: 0px; -apple-text-size-adjust: auto; text-transform: none; orphans: 2; white-space: normal; widows: 2; word-spacing: 0px; "><DIV>Chris Thatcher</DIV><DIV>(cell) 202 340 9685</DIV><DIV><A href="mailto:christopher.thatcher@comcast.net">christopher.thatcher@comcast.net</A></DIV><DIV><A href="mailto:chth@loc.gov">chth@loc.gov</A></DIV><DIV><BR class="khtml-block-placeholder"></DIV><BR class="Apple-interchange-newline"></SPAN></SPAN></SPAN> </DIV><BR><DIV><DIV>On Dec 5, 2007, at 10:22 PM, Diego Perini wrote:</DIV><BR class="Apple-interchange-newline"><BLOCKQUOTE type="cite"><DIV style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; min-height: 14px; "><BR></DIV><DIV style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; min-height: 14px; "><BR></DIV><DIV style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; ">And for the records...both Mozilla >= 1.8 and Opera >= 9 seems</DIV><DIV style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; ">to support a not well documented "DOMFrameContentLoaded",</DIV><DIV style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; ">if they did that it may mean they couldn't use the proprietary</DIV><DIV style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; ">DOMContentLoaded either, so I believe it is harder to fix IE.</DIV><DIV style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; min-height: 14px; "><BR></DIV><DIV style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; ">Brandon, I have something like your nice LiveQuery that can</DIV><DIV style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; ">work as a good replacement and a nice solution for "iframes"</DIV><DIV style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; ">and standard documents in many situations where one normally</DIV><DIV style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; ">would need to wait for a nodeList collection to attach events.</DIV><DIV style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; min-height: 14px; "><BR></DIV><DIV style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; ">By delegating events (capturing on the documentElement)</DIV><DIV style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; ">and using a fast enough matcher I could get interesting</DIV><DIV style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; ">results lately and is faster than anything I have tried.</DIV><DIV style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; ">It is cross-browser since the requirements are minimal.</DIV><DIV style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; min-height: 14px; "><BR></DIV><DIV style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; ">Is there interest into have a look at this ?</DIV><DIV style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; min-height: 14px; "><BR></DIV><DIV style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; min-height: 14px; "><BR></DIV><DIV style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; ">On Dec 5, 6:13 pm, "Brandon Aaron" <brandon.aa...@gmail.com> wrote:</DIV> <BLOCKQUOTE type="cite"><DIV style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; ">I guess I missed that part of the original thread. Sad day.</DIV><DIV style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; min-height: 14px; "><BR></DIV><DIV style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; ">--</DIV><DIV style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; ">Brandon Aaron</DIV><DIV style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; min-height: 14px; "><BR></DIV><DIV style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; ">On Dec 5, 2007 10:45 AM, John Resig <jere...@gmail.com> wrote:</DIV><DIV style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; min-height: 14px; "><BR></DIV><DIV style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; min-height: 14px; "><BR></DIV><DIV style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; min-height: 14px; "><BR></DIV> <BLOCKQUOTE type="cite"><DIV style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; ">Yep, this was discussed in the original thread concerning the ready</DIV><DIV style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; ">event. We have to add an extra check to see if we're in an iframe, and</DIV><DIV style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; ">if so, fallback to window.onload. That sucks, but it's still better</DIV><DIV style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; ">than injecting script tags, imo.</DIV> </BLOCKQUOTE><DIV style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; min-height: 14px; "><BR></DIV> <BLOCKQUOTE type="cite"><DIV style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; ">--John</DIV> </BLOCKQUOTE><DIV style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; min-height: 14px; "><BR></DIV> <BLOCKQUOTE type="cite"><DIV style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; ">On Dec 5, 2007 11:14 AM, Brandon Aaron <brandon.aa...@gmail.com> wrote:</DIV> <BLOCKQUOTE type="cite"><DIV style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; ">I just noticed that the new ready event fails within iframes in IE. I've</DIV><DIV style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; ">created a simple test case that alerts the value of document.body.</DIV> </BLOCKQUOTE></BLOCKQUOTE><DIV style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; min-height: 14px; "><BR></DIV> <BLOCKQUOTE type="cite"><BLOCKQUOTE type="cite"><DIV style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; "><SPAN class="Apple-converted-space"> </SPAN><A href="http://brandonaaron.net/jquery/tickets/iframe_ready/shell.html">http://brandonaaron.net/jquery/tickets/iframe_ready/shell.html</A> <--</DIV> </BLOCKQUOTE><DIV style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; ">alerts</DIV> <BLOCKQUOTE type="cite"><DIV style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; ">null (within iframe)</DIV><DIV style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; "><A href="http://brandonaaron.net/jquery/tickets/iframe_ready/test.html">http://brandonaaron.net/jquery/tickets/iframe_ready/test.html</A><SPAN class="Apple-converted-space"> </SPAN><--</DIV> </BLOCKQUOTE><DIV style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; ">alerts</DIV> <BLOCKQUOTE type="cite"><DIV style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; ">properly (not within iframe)</DIV> </BLOCKQUOTE></BLOCKQUOTE><DIV style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; min-height: 14px; "><BR></DIV> <BLOCKQUOTE type="cite"><BLOCKQUOTE type="cite"><DIV style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; ">jquery.com is down ... when it comes back up I'll be creating a ticket.</DIV> </BLOCKQUOTE></BLOCKQUOTE><DIV style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; min-height: 14px; "><BR></DIV> <BLOCKQUOTE type="cite"><BLOCKQUOTE type="cite"><DIV style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; ">--</DIV><DIV style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; ">Brandon Aaron</DIV> </BLOCKQUOTE></BLOCKQUOTE></BLOCKQUOTE><DIV style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; "></DIV><DIV style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; min-height: 14px; "><BR></DIV> </BLOCKQUOTE></DIV><BR></DIV>
Leave a comment on guest's reply
Re: New ready event fires early in iframe in IE
4 years ago
There is a thread discussing this in detail: .
http://groups.google.com/group/jquery-dev/browse_thread/thread/460f3f6a6bf0b61/1f7ae233a9485450
it seems that there is a method that works better than onload for
iframes.
Leave a comment on jonahfox's reply
Change topic type
Link this topic
Provide the permalink of a topic that is related to this topic
Reply to brandon_aaron's discussion
Statistics
- 5 Replies
- 3238 Views
- 0 Followers
