CALENDAR CREATOR, VERSION 5.24

Copyright © 2004–2005, by Jeff Nguyen (last updated 6/3/2005)

Directions: This form will assist you in creating the CONCERT CALENDAR PAGE AND UPCOMING EVENTS SIDEBAR

  1. Have all calendar listing info finalized and readily accessible in a text file (e.g. Word document) or spreadsheet, before using this form to display the same info online. Tip: If you copy-paste your data from a program like Word or Excel, you won't have to worry about (re)encoding special characters (e.g. á, è, ñ, etc.) for elements such as the headline and description.
  2. Enter the minimum, required info for quarterly Music events (date, time, headline, description, prices, & adv. ticket options). Thumbnail images and links are optional. After entering info for a particular calendar listing, click the Preview Listing button to "proofread" your data in HTML mode. Then return to the form to make any needed editions.
  3. Click the Add Listing button to validate your data. The form alerts you of any errors, instructing you to make the necessary corrections. When you've fixed all your errors, you will be asked to confirm one more time the integrity of the info. If you click yes, the info is formatted as a database entry and dumped into the Code Box below. The form is then cleared, to enable entry for the next listing.
  4. As you enter calendar entries, they accumulate in the Code Box. When you're finished entering listings, copy-paste the resultant code in the Code Box at the bottom of this page into the designated area of the database file, db-calendar.js, located in the JS folder. These databased listing entries will later be parsed, ordered, and formatted (by a run-time script) as the calendar of events that appear on the <http://music.stanford.edu/Events/calendar.html> page and as the Upcoming Events column that flanks the right side of every Department of Music webpage.
CALENDAR FORM

Date

 

Time: (hh:mm)


or enter one customly:
am pm

Venue

or enter one customly:

Price of Admission (in dollars)

Select from list below or define your own. All zeros means "free admission." You may also enter text in the fields below, e.g. "free with SUID" in the Student field.

 
General
Student
Senior

Advance Tickets Available? Check yes to mark the calendar listing with a ticket icon, indicating that advanced tickets may be purchased at the Stanford Ticket Office.

Yes  No

Event Headline & Description: If you copy-paste the event headline and description from another file into the corresponding fields below, your special characters will be preserved. The headline should include the name of the performing ensemble, soloist, or event series.

Limit description text to 1 paragraph. Avoid manual linebreaks (i.e. hitting enter within the description field). You can preview this text and other calendar info as it will appear live by using the Preview in HTML button below.

To format text, use standard HTML bold, italic, and underline tags, <b></b>, <i></i>, and <u></u>, respectively.

John Doe, winner of the 2009 Solo Competition performs Snorf's Concerto in D. Limited Seating available........you would type

<b>John Doe</b>, winner of the 2009 Solo Competition performs Snorf's <i>Concerto in D</i>. <u>Limited Seating available</u>.

Optional Features (Links & Images): You may place a thumbnail image for added visual interest, or append an optional link to a calendar listing to provide a source for further information about the event or artist.

THE BUTTON FEATURES BELOW GUARD AGAINST HUMAN SPELLING AND CASING ERRORS.
USE THEM AND SPARE YOURSELF THE GRIEF LATER CAUSED BY MANUAL TYPOS!

Providing a Link:

  • To specify a link, you must provide both a direction (a short description, e.g. "See Mr. Artist's Website") and a URL (the site your wish to target, "http://mrartist.com").
  • Complete instructions, including how to link to faculty bios, and button descriptions here.

Placing an Image:

  • Crop image to 75 x 75 pixels beforehand and save it in the ../images/calendar/calPhotos folder. Unformatted pictures will be skewed to fit these dimensions.
  • Using the button features below, link to your image file by dragging-and-dropping. View Browser Specific Instructions and button descriptions here.
URL image

Direction

 

crop image to a 75 px square jpg or gif.

 














CODE BOX

Should you want to edit calender listings after they have been dumped into code box above, concert event declarations should follow the general form of the example below. Note the order of properties listed. Do not change any of the highlighted characters. Do not insert manual line breaks. You may also edit calendar listings from the db-calendar.js file.

cal[cal.length++] = new Event("Event Headline", "Event Venue",
       new EventDate(2007, November, 15, "Thursday", "12:00 am"), new Prices("general", "student", "senior", hasAdvTickets), 
       new OptLink("Link Description", "http://www.fakelink.com"), optionalPic.jpg,  
       "This is a <i>fake<\i> description for the event Headline");