|
Beta
|
| InstantCal Setup: |
| Follow the instructions in the Demo, to add (or 'publish' or 'embed') InstantCal into a web page. |
| More setup options: |
| There are several ways to use InstantCal on a web page. |
| 1. IFrame (classic) |
|
A) Copy the following code into the web page where you want the calendar to appear:
<iframe src='http://instantcal.com/cvi.html?file=http://instantcal.com/mycal.ics' scrolling='no' frameborder=0 height=600 width=600></iframe>
|
| B) Replace the red text with a URI to your calendar file. |
|
Advantages: No additional information is needed. Disadvantages: The IFrame must be large; a separate web page is recommended. |
| 2. Div (native) |
|
A) Copy the following code into the web page where you want the calendar to appear:
<div id='cv_nav'></div>
<script id='cv_script' src='http://instantcal.com/isc/js/cv.js?file=http://instantcal.com/mycal.ics'></script> |
| B) Replace the red text with a URI to your calendar file. |
| C) Copy this file into the web site root directory and name it 'instantcal.html'. |
|
Advantages: The div can be placed anywhere in a web page. Disadvantages: This file must also be added to the web site root directory. |
| 3. Link |
|
A) Copy the following code into a web page:
<a href='http://instantcal.com/cvi.html?file=http://instantcal.com/mycal.ics'>View Calendar</a>
|
| B) Replace the red text with a URI to your calendar file. |
|
Advantages: No additional information is needed. Disadvantages: The visitor must click on the link to display the calendar. |
| 4. Button |
|
A) Copy the following code into a web page:
<form>
<input type='button' value='View Calendar' onclick='window.open("http://instantcal.com/cvi.html?file=http://instantcal.com/mycal.ics", "blank")' />
</form>
|
| B) Replace the red text with a URI to your calendar file. |
|
Advantages: No additional information is needed. Disadvantages: The visitor must click on the button to display the calendar. |