top.opener.location.reload(true) not refreshing parent page on IE....

Question

Hello all, I have two pages, The parent and from this page I am using:

window.open('OrderDetailsFull.aspx?ObjectID=' + ObjectID[1] , "TableDetails","status=0 , toolbar=0 , location=no , menubar=0 , scrollbars=yes , height=600px , width=800px"); 

to open a new window and manipulate data over there.

When i finish what i am doing i need the parent page to refresh so i will get the new data data in it...

From what i know the method is: top.opener.location.reload(true); but for some rezone, it is not working on IE8 or IE9...

As i am building an application and not a general web page. It will work on windows OS with IE (as for now it is still the most common system...nothing to do about it) so i really need to solve this problem....I couldn't find any new solution over the web for this problem, every one say it sould work like that.....

Did any one encounter this problem? and does any one knows how to solve it?

OK, FOLLOW UP questian...when i do opener.location.reload(true); doe's it renders the parent page all over again (as it sound) or not? if it doe's then i'm in a big problem, if not, then there must be a way to do that... The problem is the i have an ajax call in the parent page and for some resone it stays in it's old values when i am using it, only when i reload the child window, the parent ajax shows the real results, some code follows... This is in the document ready jquey function of the opener page:

$('div[id^="divTable"]').hover(
        function(e){
            //קבלת זהות השולחן הנלחץ
            ObjectID = $(this).attr('id').split('_');
            $(this).css("cursor","pointer");                
            //AJAX הבאת נתוני רשומת ההזמנה מהשרת ב
             var OrderDetails = $.ajax({
                    url:'AjaxActions/OrderDetails.aspx?ObjectID=' + ObjectID[1],
                    async:false                 
                }).responseText;
             //צף מעל שולחן כשעומדים עליו, ניתן לראות את פרטי הרשומה של אותו השולחן DIV
             $(this).append($('<div style="position: absolute; top: 0; left: -150;">' + OrderDetails + '</div>'));
             //וידוא שהשולחן עליו אנו עומדים יהיה העליון
             $(this).css("z-index","10");
             $(this).siblings().css("z-index","1");
        },   
        //כשיוצאים מהשולחן DIVהעלמת ה
        function () {
                  $(this).find('div:last').remove()
        }
    );

This is in one of the functions in the child window that should refresh the opener:

/**********************************************************************************************************/
    $('#ctrl_Print').click(
        function()
        {
            alert($('#hidItem').val());
            var Items = new Array(); 
            Items = $('#hidItem').val().split(',');
            for(var i=0;i<Items.length;i++)
            {
                alert(Items[i]);
            }
            opener.location.reload(true);
            window.location = 'OrderDetailsFull.aspx?OrderID=' + OrderID + '&ObjectID=' + ObjectID + '&Print=' + Items;
            window.close();
        }
    );

10x...

Answer 1

If you want to access the parent window (or frame), you should use parent, not top:

parent.location.reload(true);

When your page is a frame inside that window, add more parents to it:

parent.parent.location.reload(true);

Answer 2

top is used to get the outermost document within the current physical window when you're dealing with framesets and/or iframes and is not related to window.open in any way, so you shouldn't use top unless there are frames or iframes within your pop-up page. The following will do:

opener.location.reload(true);