将Outlook日历嵌入到网页中

时间:2013-12-03 14:47:01

标签: javascript outlook

在浏览Outlook文档后,我可以清楚地看到,我可以生成OUTLOOK日历的html链接,并将其嵌入到任何网页中。这在我创建iframe时工作正常

<iframe width="900" height="500" src="https://cpgd-ab67acdd3e1c401a.calendar.live.com/calendar/private/blalaba-balajahhhdh-342d-4cea-ad46-25433581e015/index.html"></iframe>

并将其插入包含内容的EXISTING页面。我的问题是:页面加载后,它重定向/导航父窗口/页面,并完全用完整的Outlook日历替换我的DOM。我的目的只是将它放在我页面的一个特定部分(恰好是DIV)。

我已经尝试

  1. 使用新的HTML5沙箱属性沙盒化iframe。在 控制台,它会抛出错误。
  2. 我也尝试过使用ajax单独加载iframe。相同 错误和失败。
  3. 我确信这个行动是故意的     微软。我需要一种方法来绕过这个。

1 个答案:

答案 0 :(得分:2)

当我在网站上分享我的日历时,这可能对你有所帮助,你可以根据需要配置CSS

<style unselectable="on">
#wrap {
width:1000px;
height:900px;
padding:0;
position:relative;
left:0px;
top:0px;
overflow:hidden;
}
#frame {
width:1000px;
height:900px;
position:relative;
left:0px;
top:0px;
}
#frame {
-ms-zoom:0.7;
}
</style>
<div id="wrap" unselectable="on">
    <iframe id="frame" src="[paste in here the link that outlook.com provides for you ... in between the quotes and without the brackets]"></iframe>
</div>