Accessing JavaScript object from separate window

Question

I'm currently using fullCalendar.js as part of my web application.

When a calendar date is clicked, a window pops up, allowing the user to enter details about calendar events, and to save them.

I want to be able to trigger a function in the calendar object from the opened window.

Does Javascript have the facility to address objects from separate windows?

I have tried many ways of accessing the fullCalendar() object from a different window, but none has worked.

stuff like $(window.opener.document.body).find('#calendar').fullCalendar('refetchEvents');

Specifically I'm targeting the refetchEvents hook.

Nothing like this, or any variant on it has worked so far.... there are many ways of addressing the object, but none that can reference an 'instance' within a separate document.

What's going on here?

Is it impossible to reference my calendar object from a separate window?

Really appreciate the pointers.

Edit ------------------

I've just tried:

console.log(window.opener.calendar.fullCalendar())

this produces a promising result, it's found the function, unfortunately now all of its internal references are messed up.

Uncaught TypeError: Cannot read property 'eventSources' of undefined
m.fn.fullCalendar:8888/js/fullcalendar/fullcalendar.min.js:110
$.ajax.successhlc.js:892
f.Callbacks.ojquery-1.7.2.min.js:2
f.Callbacks.p.fireWithjquery-1.7.2.min.js:2
wjquery-1.7.2.min.js:4
f.support.ajax.f.ajaxTransport.send.d

Apart from that, no change so far. Implementing a new function now.

Still dealing with global var calendar

It's a window... a div would have no trouble as it's the same doc. I want to keep the window pop-up, as for this app it works well. — Alex
– Alex, Commented May 4, 2012 at 21:39
binding issue? console.log(window.opener.calendar.fullCalendar.bind(window.opener.calendar)()); — Tobias Krogh
– Tobias Krogh, Commented May 4, 2012 at 22:38

Tobias Krogh · Accepted Answer · 2012-05-04 22:34:59Z

2

had just short glance at the fullCalendar code... but generally speaking how about trying:

defining in the opening window (window.opener) a function

function doRefetchEvents() {
  alert("ok");
  $("#calendar").fullCalender("refetchEvents");
}

and then from the opened window:

window.opener.doRefetchEvents();

4 Comments

Alex Over a year ago

I tried this but unfortunately it came back as undefined, or as null object reference. Good idea though.

Alex Over a year ago

Did you try it out, loading both windows using the same script?

Tobias Krogh Over a year ago

that should not make any difference I think... if you are accessing via window.opener you really refer to the opening window leaving the actual window alone... what does window.opener show in the console?

Alex Over a year ago

in the end I created a loadCalendar(year, month, dayOfMonth) function to re-trigger the calendar, and used a fullcalendar.js hook to go to the specified date after it loaded.

user1341217 · Accepted Answer · 2012-05-04 22:35:03Z

0

You can try to store the calendar object in the localStorage (https://developer.mozilla.org/en/DOM/Storage#localStorage) by stringifying it (http://www.json.org/js.html -> JSON.stringify) and then, in the other window to access the object by parsing it with JSON.parse.

answered May 4, 2012 at 22:35

user1341217

1 Comment

Tobias Krogh Over a year ago

just to mention (as I looked through some questions): this won't work as JSON.stringify does actually nothing with functions but removing... I think this is even mentioned in the spec. see also here section "Description" - If undefined, a function, or an XML value is encountered during conversion it is either omitted or censored to null

Collectives™ on Stack Overflow

Accessing JavaScript object from separate window

2 Answers 2

4 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related