Calendar 0.7, a panel for Opera, Mozilla and Internet Explorer
Support in zip
[readme.txt]
The readme in the zip file.
What is the Calendar
The Calendar is a sidebar panel, originally created for usage with Opera. With the progress of time I thought it did not show enough of my skill if this only worked in this browser, therefore I also took the time to make it work in Mozilla and Internet Explorer. The process for installing a sidebar on Mozilla is relatively easy (but not as easy as in Opera), but I recently found out Internet Explorer is also able of having panels though a registry tweak. Therefore, this panel is fully usable in those three browsers. Apart from those things, Konqueror and Safari are also capable of displaying it, but without panels/sidebars I do not see much use for it.
[Calendar preview] (this is not neccesarily the most recent version)
[Calendar screenshot] (this is the Calendar 0.3 which did not contain the option for weeks)
Installation instructions
- Extract all of the files in the zip file to your hard drive. It doesn't matter where, as long as you think it's a good place. Be sure to leave the directory structure intact, to do so, check "Preserve Folder Names" in WinZip.
- Open your browser, click the File menu and click Open.
- Browse to the location where you saved the files and open the install.html file. Alternatively, you can double click the extracted file directly to make it open in your default browser.
- Adjust all of the settings until you like the result. Be sure to make good use of the preview window, but do not click next or forward in it! This will include month and year settings, which will grow to be annoying on the long term. When you're finished, click the "Ready?" button. Now a link with the text "Click here to finish the installation!" will appear. Click it. Or, if you're using Mozilla, the Calender panel will get installed immediatly after clicking the button. If you use IE, a text will appear which explains how to continue.
- (from here, instruction are Opera only)
Put in a name you like, or just leave the default. click ok.
- Your calendar is now available in Panels. Right click on its selector, click "Customize" and drag it to a place where you like it.
- The Calendar is optimized to be displayed in the Panels and its size will change with the size of your Panels. However, it will not resize forever. It has a minimum and a maximum size, which is also a bit dependant on your language. But of course, everything can be customized through CSS.
- Enjoy your new panel!
Explanation of the string
String options:
- month=[1-12] : month to be in the middle is the month number you fill in, do not add this line to start at the current month
- year=[anything] : fill in anything you want, nothing will start at the current year.
- startOn=[0-1] : 1 is EU style calendar, 0 is US style.
- style=[default|green|red] : layout file, links directly to the css file with the same name. If that css file does not exist, the calendar will not be styled.
- lang=[dut|eng|ger|swe] : dut is dutch, eng is english, ger is german and swe is swedish.
- clock=[0-2] : 1 is clock on top, 2 is on bottom, 0 is off.
So if you always want it to be green in your hotlist, only add ?style=green to your string. All other options will be default then.
String options explanation:
- [number-number] : means you can use any number in between the two numbers stated.
- [option|option] : means you can choose between the options listen if you use the default calendar js file.
CSS notes
The entire code is covered by id= "content".
The calendar part (all three together) is covered by a id="calendar".
The three calendar parts are covered by the id's "cal1", "cal2" and "cal3". Since 0.6 you also have "cal0" and "cal4" which apply only when you use the five calendar display. If you only view one calendar, you can access it through "cal2"
The individual months are covered by the classes "m[1-12]".
All classes which can be used in combination with these div's can be found in the default.css file.
The options code is covered by a id="options".
The navigation by id="navigation".
Further you have subselectors like "more_options", "more_options_week", "more_options_clock" etcetera. For a better understanding of the structure, check the calendar.js, if you don't know javascript but do know HTML/CSS it should be easy to understand what's going on.
The clock code is covered by a id="clock".
Other notes
If you want to change something in the .js files, be sure to take a good look at the comments.
I hope this little calendar has been, or will be, of use to you.
Frans de Jonge (aka Frenzie), Thursday the 20th of November, 2003.
Changelogs
0.6.0
Changes:
- More power over number of calendars displayed.
- Swedish language file now has the correct swedish abbreviation for week.
- The IE installation procedure should be as optimized as possible.
- install.html contains more options.
- This website got a little revamp. Sadly it still crashes in IE...
- All CSS files updated for 5 calendar view.
- Italian language file added (thanks to Alessandro).
- calculateDay() function added.
- Holiday is now shown using title.
- Changed method for finding out when the browser is IE since Opera now actually has window.activeXObject as a result for supporting XMLHTTPrequest.
To do:
- Add support for cookie based reminders?
- Enable multiple holidays on one date.
22 May 2004
0.5.1
Changes:
- It is now possible to define the styles of the popup window.
- Added Watchzine skin.
- Added installer for IE test.
To do:
- Finish the IE installer test thing.
6 May 2004
0.5.0
Changes:
- It is now possible to define holidays in
two ways. Either you include the year, which will only make it work in one
year, or you don't include the year, which will make it work in every year.
You will notice how I've done this if you take a look at the very small
change I've made in the jpn.js file.
- Updated the windows skin a bit.
- Harry skin updated into the newer skinning options.
- The former version had a small bug with the clock.js, I uploaded a fixed one, but this version includes it of course.
To do:
- I suppose I will look into adding some of Klinx' calendar into mine, if he allows me to do so, of course.
27 April 2004
0.4.1
Changes:
- The menu is now pretty easy to customize.
- Old i-tags and style declarations removed.
- Carthago stylesheet added (thanks scipio).
- Harry stylesheet updated
- Everything should have an id now.
- Week radiobuttons replaced by one checkbox.
To do:
- On year changes the holidays for two months are loaded. This needs a fix.
22 April 2004
0.4.0
Changes:
- Some UI changes. I won't mention them all seperated. You'll see them.
- install.html up to date.
- Added the week display, and of course the ability to turn them off.
- Added the first submitted stylesheet. As the name says, it was submitted by Harry. I've also used some of his suggestions to improve the UI (with my interpretation of course ;)).
- Non-Troppo updated my Breeze CSS file with his ideas. Surely a nice twist.
- The calendar won't give errors with Internet Explorer and Mozilla anymore. Instead, I've done the opposite. The Calendar is now a good Mozilla panel as well. The install.html also allows you to add the Calendar panel as a sidebar. A Mac user told me Safari displays the Calendar fine as well.
- Weekends are now customizable in the language file.
- The Asian language problem should be fixed.
To do:
- On year changes the holidays for two months are loaded. This needs a fix.
20 April 2004
0.3.3 RC 666 (I liked Winamp 5 RC 666)
[Can be found on MyOpera forums]
Changes:
- Added a version indicator. Double-click anywhere in the calendar to check it out.
- Added a minimalist stylesheet.
- Fixed the bug that sometimes not all text would load. The status bar which doesn't disappear only appears when popping up from a frame...
- Along with the fix above, made it easier to add holidays. They only need to be normally escaped again.
- Put the clock options a bit more centered than before. I never really noticed they weren't looking really nice, until I started updating the install.html file, because I don't use the clock myself.
- Spend some time on updating the install.html file. It now also offers easy access to some more advanced features.
- Fixed the advanced settings year thing, you won't switch back to the year you were looking at when clicking on another month.
- Removed everything related to close window from the language .js files, saving much space. Even more if I keep futural other language additions in mind.
- The @ button now remembers wether you chose EU or US.
To do:
- Think of something to change to 0.4...
17 december 2003
0.3.2
[Calendar 0.3.2 download] (26 KB)
Changes:
- Fixed a table width spacing mistake, caused by a width="20". This is now controlled by the CSS file, including min-width and max-width.
- As preceded by the CSS file selector, now also the language file selector is situated in a seperated .js file.
- Hungarian language file added (thanks to karaj).
- A lot of other language files added as well. Thanks to everyone who contributed. The total count is now 7.
- The date format is now customizable in the language .js file as well.
- You can now also style the individual months using class="m[1-12]".
To do:
- Add a way to disable weekends.
- Create a minimalist stylesheet.
13 december 2003
0.3.1
[Calendar 0.3.1 download] (20,2 KB)
Changes:
- Fixed iframe heigth in installation.html by using css. Also corrected a little javascript element which did nothing in the HTML except making default ("") have the value of +layout+, which is pretty senseless without javascript to give it a value.
- Also fixed that you had to fill in a title yourself during the installation. It will now automatically say "Calendar". Of course you can always fill in something else...
- Fixed a small stupid bug with All saints day.
- Changed the main filename to lowercase.
- Changed the behaviour of the language selector. Now you only have to add the actual file and modify the string. No javascript editing required anymore (except for the language file).
- The layout is now done using css. This means complete layout control for everybody who understands it without having to edit the js. I've included a little example.css file to demonstrate the possibilities a little bit.
- Seperated the css selector so it's easier to add css files to it. Like the language file, you only have to modify the string.
- Updated the readme file into this nice HTML thing you're currently looking at.
- Removed old unnessecary code and/or commands. Thus the file is smaller now.
To do:
- Look into the skin based on skin thing...
26 November 2003
0.3.0
[Calendar 0.3.0 download] (18,8 KB)
Changes:
- moving holidays added (thank you Bo Johansson)
- german language file added
To do:
- add all names to fixed holidays
- remove certain moving holidays from fixed holidays
- improve installation file
- make the script as compact as possible, because it has grown quite a lot lately, although mostly you won't notice because the size is mostly in the language files
- get more persons like Bo :P
4 May 2003
0.2.1
[Calendar 0.2.1 download] (15,0 KB)
Changes:
- fixed the problem with the link
- made the description popup compliant with the custom language file
- added installation.html file
- updated readme.txt file
To do:
- fix a problem that you get the same link on an entire weekend if the description is on a friday or saturday
- do something about stuff like eastern
3 May 2003
0.2.0
[Calendar 0.2.0 download] (14,9 KB)
Changes:
- language selection added
- little fix in the comment which explained how to add holidays
- if today is a holiday without description now also displayed in holiday style (default is red)
- fixed a small thing left from the AM PM format on the click button
To do:
- fix a problem that you get the same link on an entire weekend if the description is on a friday or saturday
- do something about stuff like eastern
3 May 2003
0.1.0
[Calendar 0.1.0 download] (18,2 KB)
this is a modified version from a script I found at my.opera.com/forums in some thread
(show your modified Opera it was named I think...)
I decided to optimise this script for my sidebar, by using CSS and not <FONT> stuff for everything...
also I changed the HTML to XHTML 1.0
most important changes:
- << and >> on left and right side of month name
- changed the clock showing button to 24h (nope, I didn't include a function to use AM and PM...)
- when you click on the button you get the number of minutes and the number of seconds. Not the number of minutes and the number of seconds representing that number of minutes
- CSS also makes the buttons easy to change
- description of holidays
- a little optimisation on some places, but that's compensated by the features I added...
- more EU (and The Netherlands specifically) oriented
Frenzie (http://www.avidgamers.com/Watchtower), 30 Apr 2003