Xin Calendar 2 Example: The foot links

In Xin Calendar 2, we can choose from five foot links and three alternatives:

In the default config file, you would find something like this:

xcFootTags=["Today", "Clear", "Back", "Close", "Reset", "_Today_", "_Back_", "_Reset_"];
xcFootTagSwitch=[1, 0, 0, 2, 0, 0, 0, 0];

The display text of these foot links are defined in the [ xcFootTags ] array, and the order of these foot links are defined in the [ xcFootTagSwitch ] array accordingly. If the order of a foot link is set to 0 (zero), this foot link won't be displayed. If all the order numbers are set to 0 (zero), the foot link block won't be displayed.

A foot link with a smaller order number in the [ xcFootTagSwitch ] array displays to the left of those with a larger number.

CSS styles can be defined for each foot link individually. In this example, we use some images instead of text for the foot links, and when we mouse-over the foot links, we can tell which link does what from its tooltip. Also, we use a form button to store the date picked.

The links of [ Today ], [ Clear ] and [ Close ] are straight forward, the [ Back ] link scrolls the calendar to the date last picked, and the [ Reset ] link picks the default date (same as [ Today ] if the default date is not defined).

The three alternative links, [ _Today_ ], [ _Back_ ] and [ _Reset_ ], will display the date corresponding to [ Today ], [ Back ] and [ Reset ] as the link text. The alternative links call the same functions and use the same CSS styles as their counter parts do, so usually we just switch on either the link or its alternative link.

The following example uses the alternative link of [ Back ].

[Static calendar] [Back to index page]

# # #