Setting up Event Calendar Widgets on your website
A little about Event Calendar Widgets
The Event Calendar widgets will allow you to take basic Event Calendar functions and integrate them into your current website. You can do this with a few cuts and pastes. So let’s get started.
First things first: You should test the examples directly before trying to integrate them into your website. After editing the path in these example files, run them as they are to verify the connection and your edits.
tinycalexample.zip: contains tinycalexample.html which shows how to use tinycal.asp file to display a small calendar on your webpage that will redirect patrons to your main event calendar website.
eventslistexample.zip: contains eventsdisp.html, eventsdisp_desc.html and eventsdisp_desc_scroll.html which show how to use eventsxml.asp file to display a small sampling of the events on your webpage that can redirect patrons to your main event calendar website.
searchpartsexample.zip: contains searchpartsexample.html which shows how to use searchparts.asp file to display a small event search box on your webpage that will redirect patrons to your main event calendar website.
These files can be found at: http://support.evanced.info/index.php?action=file_library&folder=2
So we need to figure out what to do with all the code in the .HTML file.
There are two lines of text to be edited in the tinycalexample.html file but all the rest only have one line. These lines are the path to your event calendar. In the case of the tiny calendar the two lines (located near the bottom of the file) are:
<script type="text/javascript" src="http://evanced.info/evanceddemo/lib/tinycal.asp?monthcount=2&divid=eventstinycal"></script>
<script type="text/javascript" src="http://evanced.info/evanceddemo/lib/tinycal.asp?monthcount=1&monthoffset=2&divid=eventstinycal2&target=_blank"></script>
The “http://evanced.info/evanceddemo/lib/” should be replaced by the path to your event calendar system.
What’s Next?
Once the example files work with your events calendar you can start editing your library’s web pages to include this code. Just copy the code out of the example files and include them as needed in your library’s web pages.
You can even mix-and-match. There is nothing wrong with including a tiny calendar and a search box on you page together or any combination of these objects. So be creative and have fun with it!
