|
|
|
|
|
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.
<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.
3. Copy and paste the example IFRAME code from the Script documentation into your web page. Change the SRC= portion to be http://calendar.yourdomain.com/
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