Solved

How do I make an embedded Google Calendar trigger an event?

Posted on 2010-09-01
2
369 Views
Last Modified: 2014-11-12
   I've got a Google calendar embedded into my webpage via an iframe.  I need to call my own javascript function in the parent window when a user clicks on an event within the iFrame.

    Since browsers block any and all access to the DOM of an iframe that isn't on the same domain as the parent frame or window for security reasons,  I was hoping to be able to use the Calender API, perhaps modify the content of the event itself, or any other method that might be available to call a function in the iframe's parent window.

    I've done quite a bit of research on the Google Calendar API which doesn't really address using embedded calendars.  Also Google has placed restrictions on what can be contained in the content of the events.

    There's got to be a way.  I just want to call a function when the user clicks on an event or perhaps does something within the event pop-up-bubble.

    What are your thoughts on this?
0
Comment
Question by:waf771
2 Comments
 

Expert Comment

by:velcrobots
ID: 33650203
I struggled for many weeks with this identical issue.  I do not believe there is a way to do it.
0
 

Accepted Solution

by:
waf771 earned 0 total points
ID: 33650658
Very well then,  I suppose that my time would be better spent building my own calendar by hand, and just using the Google Calendar API to store and schedule the events.
0

Featured Post

Announcing the Most Valuable Experts of 2016

MVEs are more concerned with the satisfaction of those they help than with the considerable points they can earn. They are the types of people you feel privileged to call colleagues. Join us in honoring this amazing group of Experts.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
GMail How to truly delete emails 4 74
CSS display:none AND display:block on same element 3 89
WCAG audit tools 1 81
Adjust the position 3 60
Learn new improvements released by Google for Google Calendar. Noted in this article are simple tips and tricks that can make your everyday use of Google Calendar better.
SASS allows you to treat your CSS code in a more OOP way. Let's have a look on how you can structure your code in order for it to be easily maintained and reused.
Shows how to create a shortcut to site-search Experts Exchange using Google in the Chrome browser. This eliminates the need to type out site:experts-exchange.com whenever you want to search the site. Launch the Search Engine Menu: In chrome, via you…
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).

816 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

9 Experts available now in Live!

Get 1:1 Help Now