Jump to Content

RSS Feeds:

Posts | Comments

/experiments /tag /reusable

Reusable Calendar Project Update 4

Summary

Added the pre-Oct 1582 restriction on the reusable calendar. (Working version, Update 4 version)

Reusable Calendar - Update 4 Screenshot

Essentially, the addition from Update 3 is the function checkRestraint(), where it checks the date being dragged or clicked on to see if it should be set to Oct 1582 or let it be.

I also used the checkRestraint() function to make the cursor look normal when the mouse is over a date that should not be available, even though they can click on it, but it would just move to Oct 1582.

Check it out and let me know if it the functions don’t work properly or intuitively.
Read the rest of this entry »

Tags:

,
1 Comment.

Reusable Calendar Project Update 3

Summary

Adding more functionalities to the date display to the reusable calendar. Now you can click on the months or year digits, or you can drag the strips to change the date. (Before, you can only click on the arrows move forward or backward one month at a time.)

Screenshot - Reusable Calendar Update 3

This dragging function was made easily possible by the jQuery UI. It takes a lot of the grunt work out of the process.

Notes

The current range is Jan 1000 to Dec 9999. But technically, the calendar doesn’t apply before October 15, 1582, since that’s when the Gregorian calendar was first adopted. So I will add that restriction in the next or upcoming updates.

Tags:

, ,
1 Comment.

Reusable Calendar Project Update 2

Summary

A work-in-progress update of the reusable calendar project I introduced last time where the frame that goes around the dates of the month moves instead having a different layout for each month.

In this update, the basic functions are added to the arrows. When the arrows are clicked, the script updates the new month and year in the background and updates the date display and calendar frame and cross-outs strips with jQuery animation.

Currently, the calendar can only move by pressing the arrows, month by month. The next stage will involve the ability to click on the month and year digits to jump to a different month, year, decade, century, or millennium.

Notes

I didn’t think the project would work so smoothly so far. I guess a lot of planning and thinking ahead pays off. But the next stage might be a bit tricky, since there will probably be a lot more things to manage with the individual month and year digits being clickable.

You may see the ongoing version that changes and is added upon as time goes on.

Tags:

, , , , ,
No Comments Yet.

Reusable Calendar Project Update 1

I mentioned in my latest monthly update on Flush that I am working on a special calendar that I will hopefully display on the home page of the website when it’s all done. Here is a screenshot of the basic set up I have so far:

Screenshot of the digital version reusable calendar

It might look a bit complicated, but the concept is delightfully simple (to me at least). I will probably explain more in detail later on, but basically, the idea is that with the set up on the left, you can generate any layout of the month we see in practically all calendars in the world.

Read the rest of this entry »

Tags:

,
1 Comment.