Scriptcalendar.com
An Incredible Javascript Event Calendar

User Guide

»  Table Of Contents

The Event Editor

Section 3.3.0

The event editor is an HTML page included along with the ScriptCalendar software. It provides an easy way to add, modify and delete events. The editor constructs the proper javascript syntax for the scevent.js file. When you use the editor, you will always have valid javascript for your events.

The page is located in the "components" folder and is named "scEdit.htm". The page must reside in the same folder as the scEvent.js. This is necessary because it reads the events from the scEvent.js. To begin using the editor, simply open the scEdit.htm page.

The event editor may be used with MSIE 6+ and Firefox browsers. It may work in other browsers as well, but it is only certified in those two browser.

Please note that the editor cannot be used online. Javascript has a built in limitation that it cannot read or write from the server. So, the editor cannot update your scevent.js on the server. Instead, it displays the appropiate scevent.js file on screen. Then, you must manually...

  1. copy the formatted output from the page,
  2. paste the new code into the scevent.js file,
  3. save the new file to your harddrive, and
  4. upload it to you webserver. This makes the editor an offline tool.

To have calendar that you can have users add, update and delete events from you must...

  1. have server-side scripting software such as asp, java or php and
  2. you must code a page to interact with the scevent.js or scevent.xml.
There is a Interactive Example page written in C#.

Insert an Event

  1. Locate the blue form containing data inputs at the bottom right of the page.
  2. Enter the date, text and other data for your event. You may leave some fields blank.
  3. Click the Insert Record button. The new event is added to the table of events.

Update an Event

  1. Click on the appropiate event in the table of events.
  2. Locate the blue form containing data inputs at the bottom right of the page.
  3. Edit the date, text and other data for your event. You may leave some fields blank.
  4. Click the Update Record button. The event changes in the table of events.

Delete an Event

  1. Click on the appropiate event in the table of events.
  2. Locate the blue form containing data inputs at the bottom right of the page.
  3. Click the Delete Record button. The event is removed table of events.

Get the scevent.js output

  1. Locate the blue form containing data inputs at the bottom right of the page.
  2. Click the View Output button.
  3. Copy Output textarea with the formatted output to the clipboard.
  4. Paste the output from the clipboard into your scevent.js file.

Unfortunately, javascript has a built in security limitation that prevents it from writing to a file. Therefore, it will be necessary for you to copy the output of the editor from the page and paste it into your scevent.js or xml file.

»  Table Of Contents