Login  |  Register
HTML5 Icon HTML5 Icon HTML5 Icon
TP on Social Media

Recent

Welcome, Guest. Please login or register.
Did you miss your activation email?

August 19, 2022, 05:12:54 AM

Login with username, password and session length
Members
  • Total Members: 3843
  • Latest: Tricky
Stats
  • Total Posts: 193479
  • Total Topics: 21088
  • Online today: 51
  • Online ever: 1035
  • (November 26, 2020, 04:45:12 AM)
Users Online
Users: 0
Guests: 50
Total: 50

Author Topic: Customizable Flash Events Calender  (Read 5915 times)

0 Members and 1 Guest are viewing this topic.

akulion

  • Guest
Customizable Flash Events Calender
« on: August 18, 2006, 09:20:10 AM »
Here is something neat I got in an e-mail from one of my friends

It can either be used in an article - a stand alone page - or in a center block

Requires work - so lazy people close this post now lol :2funny:

Demo is here

Each date is clickable and you can basically store all the info in there you want.

How to...

=================================================

Download:

save the 3 files in this directory by right clicking and saving as...

Whatever u do dont click on the parent directory link lol

=================================================

Customizing

1. Open the info.xml file and the format in it is pretty self explanatory, but in case someone dosent get it here is the lowdown....

The first customizable tag u will encounter looks like this:

Code: [Select]

<dnm Weekend_title="WEEKEND" sunColor="000000" Appoint_title="APPOINTMENTS" appoColor="C8D5D2" Normal_title="WEEKDAY" normalColor="66cc66" calendarName="Akulions Private Schedule" Subheading="All you ever wanted to know" />


In the above the tag explanations are as follow:

Weekend_title="WEEKEND" Sets the text for the Legend Key weekend days, set it to whatever you want

sunColor="000000" sets the color the sudays and saturday boxes appear in

Appoint_title="APPOINTMENTS" Sets the title for the appointment days in the legend key where you specify one

appoColor="C8D5D2" color of the appointment boxes

Normal_title="WEEKDAY" weekdays title in the legend

normalColor="66cc66" weekdays boxes color

calendarName="Akulions Private Schedule" name of your calender

Subheading="All you ever wanted to know" the subheading ofcourse lol


The after the above everything is as simple as ABCDEFGHIJKLMNOPQRSTUVWXYZ yes :D lol

The first tag here should occur only once for a year it is

Code: [Select]

<Y2006 msg="--------------STARTING OF 2006--------------------">


Obiviously if the year is 2007 u will change that to 2007 to set the new appointments / events for that year - however interesting to note is that you can still preserve the previous years events in the calender under the 2005 tag for instance..u just add 2006 after the 2005 tag ends and thats all

To end the year tag at the end of the last month of that year just put
Code: [Select]

</Y2006>


obiviously you will put the same year as the starting tag

Next bit is specifiying the months and appointments - its easy too

Every month follows this format:

<Monthname>

<Date_X>
<Data>whatever your data is</Data>
</Date_X>

<Date_Y>
<Data>whatever your data is</Data>
</Date_Y>

</Monthname>

Above code Month name is replaced by january or december or whichever month you want to set the date for - please make sure to follow the sequence...dont place december before july for the same year - chances are it will mess up

Date_X set it to the date you want that appointment to appear - Date_14 for example

The text goes in between the data tags you can put as much as you want - write a book if you want...

Thats all for customization.....

======================================================

Install:

1. upload to a directory on ur server- wherever u want

2. both files must be in the same directory please

3. Use the embed code to put it in

Code: [Select]

<script type="text/javascript" src="flashobject.js"></script>

<div id="flashcontent" style="width: 550px; height: 650px"></div>

<script type="text/javascript">
var fo = new FlashObject("Local_Calender.swf", "animationName", "550", "650", "8", "#FFFFFF");
fo.addParam("allowScriptAccess", "sameDomain");
fo.addParam("quality", "high");
fo.addParam("scale", "noscale");
fo.addParam("loop", "false");
fo.write("flashcontent");
</script>


In the above you can change the size by changing the width and height
background color can be changed by modifying the #FFFFFF
Be sure to change height and width in both places in the code above (it occurs in 2 places - if ur gona change the size)

Thats all folks - enjoy