When using iframe, how to get instance of self window?

[Jeremy]

Open a window using an iframe.  

How, using jQuery, would you get a reference to the window (from within the window) so you can close it?

[Dimo]

Hi Jeremy,

http://www.google.com/search?q=get+parent+window+from+iframe

Once you have the reference to the parent page, the logic is the same is if you are in the current page.

parent.$("#WindowID").data("kendoWindow").close();

Note that this will work only if the iframe and the main page are in the same domain.

Regards,
Dimo
the Telerik team

[Courouble Damien]

Hi guys, 

I'm doing same stuff as you did, working with an iframe inside a window.
I'm trying to change the title of it when document ready of child page is reached.

But for some reason the .data("kendoWindow") is undefined.

here's my instanciation

function DisplayWindow(pSrc, pWidth, pHeight, pResizable, pModal) {

    // Defaults
    pWidth = typeof (pWidth) != 'undefined' ? pWidth : 525;
    pHeight = typeof (pHeight) != 'undefined' ? pHeight : 450;
    pResizable = typeof (pResizable) != 'undefined' ? pResizable : false;
    pModal = typeof (pModal) != 'undefined' ? pModal : true;

    var tWindow = null;

    // Setup dialog objects
    var tDOMWindow = $('<div id="DialogWindowContainer" style="overflow: hidden;"></div>');
    tWindow = tDOMWindow.kendoWindow({
        actions: ["Close"],
        draggable: false,
        height: pHeight,
        width: pWidth,
        modal: pModal,
        content : pSrc,
        resizable: pResizable,
        visible: false
    }).data("kendoWindow");

    tWindow.center();
    tWindow.open();
    return false;
}

Accessing  $("#DialogWindowContainer") or parent.$("#DialogWindowContainer") from the child page return object but parent.$("#DialogWindowContainer").data("kendoWindow") or $("#DialogWindowContainer").data("kendoWindow") return undefined so I can't call the .title() method.

I don't get it, am I doing something wrong ? I've also try to put iframe:true, and test a couple of others things but without success

Thanks,

Damien

[Ambica]

Remove jquery.min.js  reference from  child page . 

[Simon]

Same problem as Damien here...

Removing this line didn't fix the problem:

<script src="/js/jquery.min.js" type="text/javascript"></script>

[Dimo]

Hello Simon,

Please open a new support ticket and attach a runnable demo, so that I can check it locally and help you further.

Kind regards,
Dimo
the Telerik team

[Nathan]

It's important that you do it exactly like Dimo demonstrated

parent.$("#WindowID").data("kendoWindow").close();

Note that he is calling '$' as a property of 'parent'. This ensures that you will be using the parent window's instance of jQuery and not the iframe's instance. If you use the iframe's instance of jQuery, the data() function on your element will not return the data you are expecting because it doesn't exist in the scope of the iframe's instance of jQuery.

I hope this helps anyone who is confused.