This is the easiest method of integrating Connect Daily. An IFRAME is an inline frame. It acts like a portal on your page that displays information from another URL. It's simple to use and it gives a good result. For the technically minded, the IFRAME acts like a scrollable DIV where you can set a source URL for the content. Here is a sample snippet for doing an IFRAME
<html>
<head><title>IFRAME Integration Demo</title></head>
<body>
<h1>My Content Here</h1>
<IFRAME scrolling="auto" width=800 height=1024
src="http://www.mhsoftware.com/caldemo/ViewCal.html">
Your browser doesn't support frames.
<A HREF="http://www.mhsoftware.com/caldemo/ViewCal.html">
Click here to see the calendar.
</A>
</IFRAME>
</body>
</html>
There's a script available that can auto-size your IFRAME to fit the calendar content automatically. You can download the script from:
http://www.dynamicdrive.com/dynamicindex17/iframessi2.htm
If you are using the hosted version of the calendar, you must perform these additional steps to make things work correctly.
- You MUST use a CNAME entry in your domain for the calendar URL. In other words if your web page is on www.yourdomain.com, you MUST have your calendar URL be calendar.yourdomain.com.
- Add this snippet of script to the custom header or footer for your calendar AND to the page containing the IFRAME:
<SCRIPT TYPE="text/javascript">
document.domain="yourdomain.com";
</SCRIPT>
Replace "yourdomain.com" with the name of your domain. The idea here is that by setting the document domain to the same value for the page containing the IFRAME, and the calendar page, the JavaScript security checks will permit the script to manipulate the pages.
Tip
If you use an IFRAME, you'll want to turn off any custom headers and footers by deleting the Default Header and Default Footer entries from the SYSTEM | CONFIGURATION | APPEARANCE screen.
See Also: Calendar Display Arguments
Display your calendar in an IFRAME