The standard iframe installation is the recommended implementation of the calendar. The iframe allows you keep the code changes to your page limited to a single tag. It provides an excellent way to separate the calendar from your html.
The iframe installation of the calendar requires just 4 steps.
Step #1
The zip file of the software with the demo or full versions contains the following directory structure.
- sccomponents
- scimages
- scthemes
You must preserve this exact folder structure, both when extracting files from the zip and when you upload files to the webserver. To extract the folder structure from the zip, use the "extract" command rather than drag and drop. This will create the correct folder structure. When uploading files to the webserver, you must create the right folders and upload the appropiate files for that folder. FTP software makes it easy to transfer entire folder structures with appropiate files.
Your HTML page where you want the calendar to appear is the starting point. The folder where your HTML page resides will be called the root folder. You should upload the scriptcalendar folders into the same location as your HTML page.
Step #2
Your HTML page requires only the a single "iframe" tag to display the calendar. Simply place this tag in your HTML...
<!-- scriptcalendar iframe tag -->
<iframe id="scIFrame" name="[license key]" src="scthemes/standard/scrptcal.htm" scrolling="no" frameborder="0" width="800" height="700" ></iframe>
Step #3
You may change the "src" attribute of the iframe to point to the theme files of your choice. The "src" attribute of the "iframe" tag specifies what HTML will display within the "iframe". This is where you put the virtual path to the theme you want. The "scthemes" directory should be a subfolder of your root folder, so the virtual path should be the same. In the example relative path below, the standard theme is used.
/scthemes/standard/scrptcal.htm
Step #4
Cut and paste your license key(s) into the "name" attribute of the iframe tag. The "name" attribute of the "iframe" tag provides the license key for the software. The key attribute contains license key text. It may be a single key, for example name="abc". The attribute may multiple keys in a comma delimited string, for example name="abc,xyz". Without the the proper license key, the calendar will only show events in the first ten days of the month. The behavior is called the demo version. The addition of the proper license key to the demo version makes it the full version.
There will be more information on the the license key later in this guide.
Here is an example HTML page with the scriptcalendar iframe tag. You'll notice that other HTML elements can be before and after the calendar. This allows you to integrate the calendar within you page layout.
<html>
<head>
<title>my page</title>
</head>
<body>
<p>
This is text or HTML elements that preceed the calendar
</p>
<!-- scriptcalendar iframe tag -->
<iframe id="scIFrame" name="[license key]" src="scthemes/standard/scrptcal.htm"
scrolling="no" frameborder="0" width="800" height="700" ></iframe>
<p>
This is text or HTML elements that follow the calendar
</p>
</body>
</html>
You have now completed the standard iframe installation of the calendar.