Hope you don't mind turning your thread into a discussion :)
now that sounds like a bug.
$(document).ready(function(){
$(frames.testframe2.document).ready(function(){
$('#test',frames.testframe2.document);
});
});
The inner ready() function is fired exactly at the same time as the
parent document. So, the jQuery object returns empty because the DOM
is not loaded for the iframe yet.
I wonder why is the function fired if the DOM is not ready? It would
be nice to have the same advantages ready() offers over the load event
for iframes. Any thoughts?
- ricardo
On Sep 26, 6:11 am, Paul Mills <[EMAIL PROTECTED]> wrote:
> That's what I tried first but couldn't get it to work, so I switched
> to using load function.
>
> I've created a demo page with 2 iframes - one using each method and
> only the load function works.
> You can find it here if you want to have a look to see if I've done
> something wrong.http://jquery.sallilump.com/bindtest/bind.html
>
> Paul
>
> On 26 Sep, 01:46, ricardobeat <[EMAIL PROTECTED]> wrote:
>
> > Oh, that's right.
>
> > But I think the best way would be
>
> > $(document).ready(function(){
>
> > //theother code blabla
>
> > //now that the iframe element exists
> > $(frames.testframe.document).ready(function(){
>
> > });
>
> > });
>
> > On Sep 25, 4:56 pm, Paul Mills <[EMAIL PROTECTED]> wrote:
>
> > > The ready function fires when the iframe is ready in the DOM, not when
> > > the contents of the iframe are ready. I think you need to use the load
> > > function - a bit like this:
>
> > > $(window).load(function () {
> > > $('#test',
> > > frames['testframe'].document).click(function() {
> > > $("#hold").append('<a href="#">Inserted
> > > from iframe</a> <br />');
> > > });
> > > });
>
> > > Paul
>
> > > On Sep 25, 6:37 pm, ricardobeat <[EMAIL PROTECTED]> wrote:
>
> > > > You need to put the code inside the $(document).ready function, it's
> > > > not finding theiframebecause the DOM is not loaded.
>
> > > > - ricardo
>
> > > > On Sep 25, 12:36 pm, hubbs <[EMAIL PROTECTED]> wrote:
>
> > > > > Well, I tried this, but again it is not working, I really must be
> > > > > missing something.
>
> > > > > All I want to do it be able to click the link inside theiframe, and
> > > > > have it append some HTML into the parent, and apply a click event as
> > > > > well, that is all, seems simple! :)
>
> > > > > My test page: http://web2.puc.edu/PUC/files/bind.html
> > > > >Iframepage:http://web2.puc.edu/PUC/files/iframe.html
>
> > > > > Thanks for all the help.
>
> > > > > On Sep 24, 3:02 pm, ricardobeat <[EMAIL PROTECTED]> wrote:
>
> > > > > > Hi,
>
> > > > > > This works for me (FF3) (code running in the parent frame):
>
> > > > > > $('#test',frames[0].document).click(function(){ //bindfunction to
> > > > > > event from element *insideiframe*
> > > > > > $('<b>TESTE</b>').appendTo('body').click(function(){ // append
> > > > > > element to the *parent frame* and assing a click handler to it
> > > > > > alert('test');
> > > > > > });
>
> > > > > > });
>
> > > > > > I might not be understanding clearly what you want, a test case or
> > > > > > explanation of the functionality you are looking for might help.
>
> > > > > > cheers,
> > > > > > - ricardo
>
> > > > > > On Sep 24, 1:27 pm, hubbs <[EMAIL PROTECTED]> wrote:
>
> > > > > > > Hi Ricardo,
>
> > > > > > > I am not appending aniframe, it is hardcoded. I am trying to
> > > > > > > append
> > > > > > > to the parent document from within theiframe, and have the event
> > > > > > > in
> > > > > > > the parent bound to the appended element from theiframe.
>
> > > > > > > On Sep 23, 11:49 pm, ricardobeat <[EMAIL PROTECTED]> wrote:
>
> > > > > > > > Hi, I can't test anything right now, but are you setting up the
> > > > > > > > ready() function after appending theiframe?
>
> > > > > > > > On Sep 23, 9:11 pm, hubbs <[EMAIL PROTECTED]> wrote:
>
> > > > > > > > > Yeah, this really is not working. Could someone please help
> > > > > > > > > me to
> > > > > > > > > understand how to make multiple frames use the same jquery
> > > > > > > > > instance so
> > > > > > > > > I can resolve this problem? Do I need to resort to frame
> > > > > > > > > ready
> > > > > > > > > plugin? I really don't want to...
>
> > > > > > > > > On Sep 17, 7:12 pm, ricardobeat <[EMAIL PROTECTED]> wrote:
>
> > > > > > > > > > Not sure but $(frames['frame'].document).ready() should
> > > > > > > > > > work (from the
> > > > > > > > > > parent window).
>
> > > > > > > > > > On Sep 17, 8:21 pm, hubbs <[EMAIL PROTECTED]> wrote:
>
> > > > > > > > > > > Ok, I am realizing it has to do with the do with the
> > > > > > > > > > > $(document).ready
> > > > > > > > > > > function. If I just use:
>
> > > > > > > > > > > $ = window.parent.$;
> > > > > > > > > > > $("#hold").append('<a href="#">Inserted fromiFrame</a>
> > > > > > > > > > > <br />');
>
> > > > > > > > > > > In theiframe, it correctly adds the link to the parent,
> > > > > > > > > > > and it gets
> > > > > > > > > > > the event from livequery! Hooray!!
>
> > > > > > > > > > > But, obviously I need to add back a document ready
> > > > > > > > > > > function so that I
> > > > > > > > > > > canbindevents within theiframe. How does that need to be
> > > > > > > > > > > done in
> > > > > > > > > > > this context? As I said, using the normal document ready
> > > > > > > > > > > does not
> > > > > > > > > > > work.
>
> > > > > > > > > > > On Sep 17, 9:58 am, ricardobeat <[EMAIL PROTECTED]> wrote:
>
> > > > > > > > > > > > using theiframe'sjQuery object:
>
> > > > > > > > > > > > $('.classinparentframe', parent.window.document)
>
> > > > > > > > > > > > Ideally if the contents of theiframeare always known to
> > > > > > > > > > > > you, you
> > > > > > > > > > > > should use only one instance of jQuery on the parent
> > > > > > > > > > > > window and do all
> > > > > > > > > > > > your stuff from it, it's simpler to debug also.
>
> > > > > > > > > > > > On Sep 16, 10:29 pm, hubbs <[EMAIL PROTECTED]> wrote:
>
> > > > > > > > > > > > > Thanks Ricardo.
>
> > > > > > > > > > > > > But what if I wanted to access the parent document
> > > > > > > > > > > > > from WITHIN the
> > > > > > > > > > > > >iframe?
>
> > > > > > > > > > > > > On Sep 16, 12:27 pm, ricardobeat <[EMAIL PROTECTED]>
> > > > > > > > > > > > > wrote:
>
> > > > > > > > > > > > > > You need to understand that a frame is another
> > > > > > > > > > > > > > 'window' instance, it
> > > > > > > > > > > > > > doesn't have the same jQuery object as the parent
> > > > > > > > > > > > > > window unless you
> > > > > > > > > > > > > > tell it to. So the '$' object you use in firebug
> > > > > > > > > > > > > > console is always the
> > > > > > > > > > > > > > one from the parent window.
>
> > > > > > > > > > > > > > If i'm not mistaken you can acess frame content
> > > > > > > > > > > > > > with the parent
> > > > > > > > > > > > > > window's jQuery object using
> > > > > > > > > > > > > > $('.classinsidetheframe',
> > > > > > > > > > > > > > frames['name'].document).css();
>
> > > > > > > > > > > > > > On Sep 16, 1:48 pm, hubbs <[EMAIL PROTECTED]> wrote:
>
> > > > > > > > > > > > > > > Ok Brandon,
>
> > > > > > > > > > > > > > > I found this in another post:
>
> > > > > > > > > > > > > > > var doc =
> > > > > > > > > > > > > > > $('#testframe')[0].contentWindow.document;
> > > > > > > > > > > > > > > $(doc.body).append('<span>test</span>');
>
> > > > > > > > > > > > > > > This seems like it would help, but I am not sure
> > > > > > > > > > > > > > > how to use this,
> > > > > > > > > > > > > > > along with what you posted to get it working
> > > > > > > > > > > > > > > correctly. Somehow
> > > > > > > > > > > > > > > sending the GET within the context of the
> > > > > > > > > > > > > > > contentWindow is confusing
> > > > > > > > > > > > > > > me, and I just can't get it working.
>
> > > > > > > > > > > > > > > On Sep 15, 9:18 am, "Brandon Aaron" <[EMAIL
> > > > > > > > > > > > > > > PROTECTED]> wrote:
>
> > > > > > > > > > > > > > > > To see what I mean run this in Firebug:
> > > > > > > > > > > > > > > > $('iframe')[0].contentWindow.$ = $;
>
> > > > > > > > > > > > > > > > Then click on the link in theiframeand it will
> > > > > > > > > > > > > > > > behave as you expect.
>
> > > > > > > > > > > > > > > > --
> > > > > > > > > > > > > > > > Brandon Aaron
>
> > > > > > > > > > > > > > > > On Mon, Sep 15, 2008 at 9:13 AM, Brandon Aaron
> > > > > > > > > > > > > > > > <[EMAIL PROTECTED]>wrote:
>
> > > > > > > > > > > > > > > > > This would work if you used the frames parent
> > > > > > > > > > > > > > > > > instance of jQuery. LiveQuery
> > > > > > > > > > > > > > > > > works by monitoring the DOM methods within
> > > > > > > > > > > > > > > > > jQuery. Since within the frame
> > > > > > > > > > > > > > > > > you are using a new instance of jQuery,
> > > > > > > > > > > > > > > > > LiveQuery will not be monitoring its
> > > > > > > > > > > > > > > > > DOM methods.
> > > > > > > > > > > > > > > > > --
> > > > > > > > > > > > > > > > > Brandon Aaron
>
> > > > > > > > > > > > > > > > > On Sun, Sep 14, 2008 at 11:04 PM, hubbs
> > > > > > > > > > > > > > > > > <[EMAIL PROTECTED]> wrote:
>
> > > > > > > > > > > > > > > > >> I can confirm that using event delegation
> > > > > > > > > > > > > > > > >> will fix this problem. I
> > > > > > > > > > > > > > > > >> guess that it is just a problem with the
> > > > > > > > > > > > > > > > >> LiveQuery plugin. Brandon,
> > > > > > > > > > > > > > > > >> if you are where around here, could you
> > > > > > > > > > > > > > > > >> comment on this?
>
> > > > > > > > > > > > > > > > >> Thanks.
>
> > > > > > > > > > > > > > > > >> On Sep 14, 2:29 pm, hubbs <[EMAIL
> > > > > > > > > > > > > > > > >> PROTECTED]> wrote:
> > > > > > > > > > > > > > > > >> > I have a working example of this, and
> > > > > > > > > > > > > > > > >> > would really like help
> > > > > > > > > > > > > > > > >> > understanding whybindor livequery does
> > > > > > > > > > > > > > > > >> > notbindevents to DOM
> > > > > > > > > > > > > > > > >> > elements that are inserted from aniframe.
>
> > > > > > > > > > > > > > > > >> >http://web2.puc.edu/PUC/files/bind.html
>
> > > > > > > > > > > > > > > > >> > Clicking the "insert from frame" link will
> > > > > > > > > > > > > > > > >> > append links to the parent
> > > > > > > > > > > > > > > > >> > frame, which won't pick up the click
> > > > > > > > > > > > > > > > >> > event. But, clicking the "insert
> > > > > > > > > > > > > > > > >> > from body" link will append links within
> > > > > > > > > > > > > > > > >> > the same frame and will
> > > > > > > > > > > > > > > > >> > correctly have the click events bound.
>
> > > > > > > > > > > > > > > > >> > Why is this happening?
>
> > > > > > > > > > > > > > > > >> > On Sep 12, 9:02 pm, hubbs <[EMAIL
> > > > > > > > > > > > > > > > >> > PROTECTED]> wrote:
>
> > > > > > > > > > > > > > > > >> > > I have been experiencing strangeness
> > > > > > > > > > > > > > > > >> > > with trying tobindevents to DOM
> > > > > > > > > > > > > > > > >> > > elements that have been inserted from a
> > > > > > > > > > > > > > > > >> > > different frame using .get().
> > > > > > > > > > > > > > > > >> > > For some reason the elements don't be
> > > > > > > > > > > > > > > > >> > > binded with the events if they
> > > > > > > > > > > > > > > > >> > > are inserted from other frame. In
> > > > > > > > > > > > > > > > >> > > testing, if I try the same
> > > > > > > > > > > > > > > > >> thingwithinthe SAME frame the the events get
> > > > > > > > > > > > > > > > >> binded correctly.
>
> > > > > > > > > > > > > > > > >> > > Am I missing something here? Is this a
> > > > > > > > > > > > > > > > >> > > limitation of jQuery?
