Integrating Calendars Into Your Site

Instant Calendars

We now have a handy Wizard for integrating your Instant Calendars with your site. Fill in either the Propid and a Description for your Instant Calendar or your Member_id (upgraded calendars only) and the click "Go To Wizard".

Other Users

Your calendars can be easily integrated into the rest of your site in a number of ways.
but..... USE Your Brain !! Don't forget to replace the "http://www.yourdomain.com/" in the code examples below with the web link to your calendar. This depend on which sort of calendar you have. For Instant Calendars it will be something like
http://www.availcheck.com/cgi-bin/calendar.cgi?propid=XXX (replace XXX as required)
If in doubt ask your web designer.

Simple Link

Check Availability here To have a simple link to your calendar click the Highlight All to the right, type Control-c or Apple-c and copy the HTML into your web page.

<a href="http://www.yourdomain.com/cgi-bin/folder/index.cgi" target="_blank">Check availability here</a>

Button Link

To have a Button link to your calendar click the Highlight All button to the right, type Control-c or Apple-c and copy the HTML into your web page.

<script language="JavaScript"> <!-- function showHpopup(ULR){ aWindow=window.open(ULR,"thewindow","width=600, height=520, scrollbars=1" ); } //--> </script> <form method='post' action=''><input type="button" value="View Availability Calendar" onclick="Javascript:showHpopup('http://www.yourdomain.com/cgi-bin/folder/index.cgi')"> </form>

Image Link

To have this Graphic link to your calendar click the Highlight All button to the right, type Control-c or Apple-c and copy the HTML into your web page.

<a href="http://www.yourdomain.com/cgi-bin/folder/index.cgi" target="windowName" onclick="open(this.href, this.target, 'width=660, height=550' scrollbars='1'); return false;"> <img src="http://www.yourdomain.com/images/button.gif" alt="Availcheck Calendar" border="0"></a>

Using <iframe>tag

You can insert calendars into an existing page using the Iframe HTML tag, but be warned that this tag is not recognised by all browsers and you may have to offer an alternative method of viewing the calendar for these users.

<iframe src="http://www.yourdomain.com/cgi-bin/folder/index.cgi" width="600" height="600" frameborder="0"></iframe>

SQL Calendar Integration

SQL calendars must each have a unique ID. You can set the ID for each calendar as anything you wish, and can make the ID fit in with an existing database driven website, e.g. if you have a Contents management system that has a Property with ID WRE123 you can make you calendar have the same ID to make coding easier. Please contact us for more information on this if you need to.

If you are integrating the calendars with a static HTML based site, you will only need to use the advice on integration above. If you are already using a database driven solution you will need to create a new field in your database to include the relevant calendar ID.

Using Availcheck Templates

From version 2 of the flat file and SQL scripts, the main viewable pages are created with HTML templates. These can be tricky to set up so care needs to be taken.

Tips.

1. Follow the instructions in the installation, leaving the templates unchanged. Only when this is all working should you try to change the templates.

2. If you are using many images on you calendar page then you should change the <BASE> tag at the top of the HTML Template files. This will fool the cgi script into thinking it is located with all the other HTML files, thus giving a simpler reference to your image files.

For example :-

your script may be located in www.yourdomain.com/cgi-bin/index.cgi
your templates may be located in www.yourdomain.com/template.htm

So, your base tag in your template files should be
<base href="http://www.yourdomain.com/">