2

I have a page (parent.html) which has many links which on clicking opens a window as:

winRef = window.open(url, '_blank', 'width=800,height=600,resizable,scrollbars');

To give a warning when the child window is closed I use the below in parent.html.

var timer = setInterval(function() {   
        if(win_ref.closed) {  
            clearInterval(timer);  
            alert("window closed");
            console.log("name is"+name);
            list.remove(name);  
        }  
}, 1000);

This works fine. This warns user if the child window is closed. But if the parent window is refreshed then it doesn't warn the user, reason is that in that case winRef is reinitialized.

To deal with it I used cookies but it's not working. What am I missing/doing wrong in the below code?

var winRef;
var list = new cookieList("cookie_for_winRef");
var list_items = [];
var win_refs = new cookieList("winrefs");
var win_refs_items = [];
var index;
list_items = list.items();
function open_online_editor(name) {
    index = list_items.indexOf(name);
    if (index > -1) {
        //list.remove(name);
        alert("Window is already opened");
        return;
    }
    var url = '$action?command=dbot_show_online_editor&name='+name;
    if (typeof (winRef) == 'undefined' || winRef.closed) {
            //create new, since none is open
            console.log("in if");
            winRef = window.open(url, '_blank', 'width=800,height=600,resizable,scrollbars');
    }
    else {
            try {
                winRef.document; //if this throws an exception then we have no access to the child window - probably domain change so we open a new window
            }
            catch (e) {
                winRef = window.open(url, 'width=800,height=600,resizable,scrollbars');
            }

            //IE doesn't allow focus, so I close it and open a new one
            if (navigator.appName == 'Microsoft Internet Explorer') {
                winRef.close();
                winRef = window.open(url, 'width=800,height=600,resizable,scrollbars');
            }
            else {
                //give it focus for a better user experience
                winRef.focus();
            }
        }
        list.add(name);
        win_refs.add(winRef);
        win_refs_items = win_refs.items();
        var length = win_refs_items.length;
        for(var count=0;count<length;count++){
        var timer = setInterval(function() {   
        if(win_refs_items[count].closed) {  
            clearInterval(timer);  
            alert("closed");
            list.remove(name);  
        }  
        }, 1000);
        }
}

The functions which I used for cookie handling (add/remove/clear/items) are: http://pastebin.com/raw.php?i=647fGSJv

Chankey Pathak
  • 21,187
  • 12
  • 85
  • 133

1 Answers1

1

As you've already figured out, variables do not exist outside running processes. Thus you can't save them in e.g. cookies.

The obvious approach would be to keep track of window names:

var windowObjectReference = window.open(strUrl, strWindowName[, strWindowFeatures]);

Those are strings so can be stored anywhere. However, some browsers (namely Chrome) open tabs in independent threads, which means that once you close the parent window, child ones become unreachable.

I think you could try to do it the other way round:

  • Assign a unique ID to each child window
  • Store IDs (local storage, cookies, whatever)
  • Make each child window poll by ID until they receive a job for them
Álvaro González
  • 142,137
  • 41
  • 261
  • 360
  • Polling from child window to server and then making decision based on that sounds like a good idea, although I think it'll be overkill in my case, anyway your answer covers all points of my question, thanks! – Chankey Pathak Aug 08 '14 at 09:26
  • BTW if I have the child window name in cookie then can I check if that window is opened or not? (even if the parent refreshes) – Chankey Pathak Aug 08 '14 at 09:31
  • @ChankeyPathak - Comment #1: new parent windows can write stuff in the common storage (local storage, cookies...) and child windows can check there; not really mandatory to have AJAX. Comment #2: I think you can in most browsers, but Chrome will definitively refuse to help. And – Álvaro González Aug 08 '14 at 09:40