Modifying gcal embed CSS with Jquery?
So I've got an issue with google calendar开发者_开发知识库 embedding. I hate the white border and I'm trying to get rid of it but I can't modify the css inside the iframe. I'm wondering if there's a way to do it with jquery? Maybe using .ready() or something? I've tried selecting the child of the iFrame with jquery but it doesn't work.
The part I need is in inline css on the body tag in the iframe, like this:
<iframe>
<html>
<body style="background-color:#FFF">
Any ideas?
Like the other answers say, you can't do this due to SOP. However, your end goal can be achieved with the Google Calendar JSON API.
http://mikeclaffey.com/google-calendar-into-html/
It's going to be more complicated though. But with more responsibility comes more power.
You can't (see same origin policy, the same goes with the Facebook widgets, btw).
That said, you should have some control over the colors in the tool to generate the embed code, as well as the embed code itself. Other than that, though, you can't change anything else. I share your pain, though, and wish we could customize the gcal stuff more.
加载中,请稍侯......
精彩评论