NAME

HTML::Menu::DateTime - Easily create HTML select menus for use with the HTML::Template, Template Toolkit or Template::Magic templating systems.

SYNOPSIS

use HTML::Menu::DateTime;

my $menu = HTML::Menu::DateTime->new (
  date         => '2004-02-26',
  no_select    => 1,
  empty_first  => '');

$menu->start_year (2000);
$menu->end_year (2010);

$menu->less_years (1);
$menu->plus_years (5);

$menu->month_format ('short');
$menu->locale ('en_GB');
$menu->second_increment (15);
$menu->minute_increment (5);

$menu->second_menu;
$menu->minute_menu;
$menu->hour_menu;
$menu->day_menu;
$menu->month_menu;
$menu->year_menu;

DESCRIPTION

Creates data structures suitable for populating HTML::Template, Template Toolkit or Template::Magic templates with dropdown date and time menus.

Allows any number of dropdown menus to be displayed on a single page, each independantly configurable.

Distribution includes ready-to-use template include files.

MOTIVATION

To keep the creation of HTML completely seperate from the program, to easily allow a non-programmer to add css styles, javascript, etc. to individual menus.

To make the creation of menus as simple as possible, with extra options if needed. HTML Menus can be created as easily as:

my $template = HTML::Template->new (filename => $filename);

my $menu = HTML::Menu::DateTime->new;

$template->param (day   => $menu->day_menu,
                  month => $menu->month_menu,
                  year  => $menu->year_menu);

print $template->output;

METHODS

new()

my $menu1 = HTML::Menu::DateTime->new 
              (date             => $date,
               start_year       => $start,
               end_year         => $end,
               no_select        => 1,
               empty_first      => 1,
               month_format     => 'short',
               locale           => 'en_GB',
               second_increment => 15,
               minute_increment => 5);

my $menu2 = HTML::Menu::DateTime->new 
              (less_years => $less,
               plus_years => $plus);

new() accepts the following arguments:

date

Can be in any of the formats 'YYYY-MM-DD hh:mm:ss', 'YYYYMMDDhhmmss', 'YYYYMMDDhhmm', 'YYYYMMDDhh', 'YYYYMMDD', 'YYYYMM', 'YYYY', 'YYYY-MM--DD', 'hh:mm:ss'.

The date passed to "new()" is used to decide which item should be selected in all of the menu methods.

start_year

Accepts the same values as the "start_year()" method.

end_year

Accepts the same values as the "end_year()" method.

less_years

Accepts the same values as the "less_years()" method.

plus_years

Accepts the same values as the "plus_years()" method.

no_select

If true, ensures no item in any menu will be selected. (Otherwise, the current date and time will be used).

empty_first

If defined, will create an extra list item at the start of each menu. The form value will be the empty string (''), the value passed to "empty_first()" will be the visible label for the first item (the empty string is allowed).

month_format

Accepts the same values as the "month_format()" method.

locale

Accepts the same values as the "locale()" method.

second_increment

Accepts the same values as the "second_increment()" method.

minute_increment

Accepts the same values as the "minute_increment()" method.

start_year()

$date->start_year (2004);

Sets the absolute year that the dropdown menu will start from.

end_year()

$date->end_year (2009);

Sets the absolute year that the dropdown menu will end on.

less_years()

$date->less_years (2);

Sets the year that the dropdown menu will start from, relative to the selected year.

May not be used if multiple values for selection are passed to "year_menu()".

plus_years()

$date->plus_years (7);

Sets the year that the dropdown menu will end on, relative to the selected year.

May not be used if multiple values for selection are passed to "year_menu()".

month_format()

Each item in the month menu has a label. By default this is the long English month name, such as 'January', 'February', etc. The format of the label can be changed as shown in the list below.

$date->month_format ('long');      # January, February, ...
$date->month_format ('short');     # Jan, Feb, ...
$date->month_format ('decimal');   # 01, 02, ...

The 'ornate' option, available only in developer release 0.90_01 has been dropped, as it isn't supported by the DateTime::Locale module (see "locale()").

locale()

If locale is used, the DateTime::Locale module must be installed.

Setting locale changes the names used for the 'long' and 'short' options of "month_format()".

$date->locale ('de');
$date->month_format ('long');
# the labels in the month_menu would now have the values
# Januar, Februar, ...

The value passed to locale is used as the argument to DateTime::Locale->load(), see the DateTime::Locale documentation for a full list of available locales.

second_increment()

The "second_menu()" normally lists the seconds from '00' up to '59'. Setting "second_increment()" allows the menu to be shorter by skipping some numbers.

For example:

$date->second_increment (5);
# the menu contains: '00', '05', '10', '15' up to '55'

$date->second_increment (15);
# the menu contains: '00', '15', '30', '45'

"second_increment()" can be set to any number from 1 to 59, though it would normally make sense to only set it to a number that 60 can be divided by, such as 5, 10, 15, 20 or 30.

minute_increment()

The "minute_menu()" normally lists the minutes from '00' up to '59'. Setting "minute_increment()" allows the menu to be shorter by skipping some numbers.

For example:

$date->minute_increment (5);
# the menu contains: '00', '05', '10', '15' up to '55'

$date->minute_increment (15);
# the menu contains: '00', '15', '30', '45'

"minute_increment()" can be set to any number from 1 to 59, though it would normally make sense to only set it to a number that 60 can be divided by, such as 5, 10, 15, 20 or 30.

second_menu()

$date->second_menu;
$date->second_menu (0);
$date->second_menu ('+1');
$date->second_menu ([0, 1]);

Accepts a value that will override the date (if any) in the "new()" method.

Argument can be a number (0-59), a value such as '+1' or '-1' (relative to either the date passed to "new()" or the current time) or an arrayref of number values.

Passing an arrayref of values will cause more than one item in the menu list to be selected. This will require the HTML in the template to be changed so that the SELECT menu has a size higher than 1 and the 'multiple' attribute.

<SELECT name="second" size="2" multiple>

Returns an array-reference suitable for passing directly to a template.

minute_menu()

$date->minute_menu;
$date->minute_menu (0);
$date->minute_menu ('+1');
$date->minute_menu ([0, 1]);

Accepts a value that will override the date (if any) in the "new()" method.

Argument can be a number (0-59), a value such as '+1' or '-1' (relative to either the date passed to "new()" or the current time) or an arrayref of number values.

Passing an arrayref of values will cause more than one item in the menu list to be selected. This will require the HTML in the template to be changed so that the SELECT menu has a size higher than 1 and the 'multiple' attribute.

<SELECT name="minute" size="2" multiple>

Returns an array-reference suitable for passing directly to a template.

hour_menu()

$date->hour_menu;
$date->hour_menu (0);
$date->hour_menu ('+1');
$date->hour_menu ([0, 1]);

Accepts a value that will override the date (if any) in the "new()" method.

Argument can be a number (0-23), a value such as '+1' or '-1' (relative to either the date passed to "new()" or the current time) or an arrayref of number values.

Passing an arrayref of values will cause more than one item in the menu list to be selected. This will require the HTML in the template to be changed so that the SELECT menu has a size higher than 1 and the 'multiple' attribute.

<SELECT name="hour" size="2" multiple>

Returns an array-reference suitable for passing directly to a template.

day_menu()

$date->day_menu;
$date->day_menu (0);
$date->day_menu ('+1');
$date->day_menu ([0, 1]);

Accepts a value that will override the date (if any) in the "new()" method.

Argument can be a number (1-31), a value such as '+1' or '-1' (relative to either the date passed to "new()" or the current time) or an arrayref of number values.

Passing an arrayref of values will cause more than one item in the menu list to be selected. This will require the HTML in the template to be changed so that the SELECT menu has a size higher than 1 and the 'multiple' attribute.

<SELECT name="day" size="2" multiple>

Returns an array-reference suitable for passing directly to a template.

month_menu()

$date->month_menu;
$date->month_menu (0);
$date->month_menu ('+1');
$date->month_menu ([0, 1]);

Accepts a value that will override the date (if any) in the "new()" method.

Argument can be a number (1-12), a value such as '+1' or '-1' (relative to either the date passed to "new()" or the current time) or an arrayref of number values.

Passing an arrayref of values will cause more than one item in the menu list to be selected. This will require the HTML in the template to be changed so that the SELECT menu has a size higher than 1 and the 'multiple' attribute.

<SELECT name="month" size="2" multiple>

Returns an array-reference suitable for passing directly to a template.

year_menu()

$date->year_menu;
$date->year_menu (0);
$date->year_menu ('+1');
$date->year_menu ([0, 1]);

Accepts a value that will override the date (if any) in the "new()" method.

Argument can be a number (0 or higher), a value such as '+1' or '-1' (relative to either the date passed to "new()" or the current time) or an arrayref of number values.

Passing an arrayref of values will cause more than one item in the menu list to be selected. This will require the HTML in the template to be changed so that the SELECT menu has a size higher than 1 and the 'multiple' attribute.

<SELECT name="year" size="2" multiple>

Returns an array-reference suitable for passing directly to a template.

EXAMPLES

HTML::Template

Templates

The 'examples/html-template' folder in this distribution contains the files second.tmpl, minute.tmpl, hour.tmpl, day.tmpl, month.tmpl and year.tmpl. Simply copy these files into the folder containing the rest of your templates.

Displaying date dropdown menus

Contents of template file "date.tmpl":

<html>
<body>
  <form method="POST" action="/cgi-bin/test.pl">
    <TMPL_INCLUDE day.tmpl>
    <TMPL_INCLUDE month.tmpl>
    <TMPL_INCLUDE year.tmpl>
    <input type="submit" name="Submit" value="Submit">
  </form>
</body>
</html>

Contents of program file:

#!/usr/bin/perl
use strict;
use warnings;
use CGI ':standard';
use HTML::Menu::DateTime;
use HTML::Template;

my $template = HTML::Template->new (filename => 'date.tmpl');

my $menu = HTML::Menu::DateTime->new;

$template->param (day   => $menu->day_menu,
                  month => $menu->month_menu,
                  year  => $menu->year_menu);

print header(),
print $template->output;

Multiple Menus in a Single Page

To create, for example, 2 'month' menus in a single page you could copy the month.tmpl file to end_month.tmpl and then change the line <select name="month"> in end_month.tmpl to <select name="end_month">.

Then include both files in your main template:

<html>
<body>
  <form method="POST" action="/cgi-bin/test.pl">
    <TMPL_INCLUDE month.tmpl>
    <TMPL_INCLUDE end_month.tmpl>
    <input type="submit" name="Submit" value="Submit">
  </form>
</body>
</html>

When this form is submitted, it will send 2 different values, 'month' and 'end_month'.

Template Toolkit

Templates

The 'examples/template-toolkit' folder in this distribution contains the files second.html, minute.html, hour.html, day.html, month.html and year.html. Simply copy these files into the folder containing the rest of your templates.

Displaying date dropdown menus

Contents of template file "date.html":

<html>
<body>
  <form method="POST" action="">
    [% INCLUDE day.html %]
    [% INCLUDE month.html %]
    [% INCLUDE year.html %]
    <input type="submit" name="Submit" value="Submit">
  </form>
</body>
</html>

Contents of program file:

#!/usr/bin/perl
use strict;
use warnings;
use CGI ':standard';
use HTML::Menu::DateTime;
use Template;

my $template = Template->new;

my $menu = HTML::Menu::DateTime->new;

my $vars = {day   => $menu->day_menu,
            month => $menu->month_menu,
            year  => $menu->year_menu};

$template->process ('date.html', $vars) 
  or die $template->error;

Multiple Menus in a Single Page

To create, for example, 2 'month' menus in a single page you could copy the month.tmpl file to end_month.tmpl and then change the line <select name="month"> in end_month.tmpl to <select name="end_month">.

Then include both files in your main template:

<html>
<body>
  <form method="POST" action="">
    [% INCLUDE month.html %]
    [% INCLUDE end_month.html %]
    <input type="submit" name="Submit" value="Submit">
  </form>
</body>
</html>

When this form is submitted, it will send 2 different values, 'month' and 'end_month'.

Template::Magic

Templates

The 'examples/template-magic' folder in this distribution contains the files second.html, minute.html, hour.html, day.html, month.html and year.html. Simply copy these files into the folder containing the rest of your templates.

Displaying date dropdown menus

Contents of template file "date.html":

<html>
<body>
  <form method="POST" action="">
    <!--{INCLUDE_TEMPLATE day.html}-->
    <!--{INCLUDE_TEMPLATE month.html}-->
    <!--{INCLUDE_TEMPLATE year.html}-->
    <input type="submit" name="Submit" value="Submit">
  </form>
</body>
</html>

Contents of program file (1st alternative):

#!/usr/bin/perl
use strict;
use warnings;
use CGI ':standard';
use HTML::Menu::DateTime;
use Template::Magic::HTML;

my $template = Template::Magic::HTML;
my $menu = DateTime->new;

print header();
$template->nprint( template => 'date.html',
                   lookups  => { day_menu   => $menu->day_menu,
                                 month_menu => $menu->month_menu,
                                 year_menu  => $menu->year_menu
                               }  
                 );

Contents of program file (2nd alternative):

#!/usr/bin/perl
use strict;
use warnings;
use CGI ':standard';
use HTML::Menu::DateTime;
use Template::Magic::HTML;

my $template = Template::Magic::HTML;
$HTML::Menu::DateTime::no_template_magic_zone = 1;

print header();
$template->nprint( template =>'date.html',
                   lookups  => HTML::Menu::DateTime->new 
                 );

Multiple Menus in a Single Page

To create, for example, 2 'month' menus in a single page you could copy the month.html file to end_month.html and then change the line <select name="month"> in end_month.html to <select name="end_month">.

Then include both files in your main template:

<html>
<body>
  <form method="POST" action="">
    <!--{INCLUDE_TEMPLATE month.html}-->
    <!--{INCLUDE_TEMPLATE end_month.html}-->
    <input type="submit" name="Submit" value="Submit">
  </form>
</body>
</html>

When this form is submitted, it will send 2 different values, 'month' and 'end_month'.

DEFAULT VALUES

If a date is not passed to the "new()" or menu methods, then localtime(time) is called.

If neither 'start_year' or 'less_years' is set, the default used is less_years(5).

If neither 'end_year' or 'plus_years' is set, the default used is plus_years(5).

If 'locale' is not set, the month_menu() labels are English.

EXPORT

None.

TIPS

Years before 1000 AD passed to the "new()" method in the 'YYYYMMDDhhmmss' format should be passed as strings, as the leading zeros are necessary. (e.g. '09990101000000'). (Years before 1000 AD may be passed to the "year_menu()" method as literal numbers.)

Years before 1 AD are not allowed at all.

DO NOT set both 'start_year' and 'less_years' at the same time, it just doesn't make sense.

DO NOT set both with 'end_year' and 'plus_years' at the same time, it just doesn't make sense.

To start or end the range on the same year as selected, set less_years or plus_years to zero, DO NOT set start_year or end_year to zero.

When settting either 'start_year' or 'end_year', ensure that the selected year will fall within the range of years.

When passing relative values to methods, ensure they are sent as strings. +1 numerically means 1 which is not the same as the string '+1'.

If a date is set in "new()" and either less_years or plus_years' set and then a value passed to the "year_menu()" method. The start / end year of the menu will be relative to the value passed to "year_menu()", not the date set in "new()".

'Relative' parameter values sent to menu methods, which result in out-of-range selections are silently ignored and no item in the output menu will be selected.

REQUIREMENTS

If 'locale' is set in "new()", or "locale()" is set, then the DateTime::LocaleDateTime::Locale module is required.

DEPRECATED

The 'ornate' option to "month_format()", available only in developer release 0.90_01 has been dropped, as it isn't supported by the DateTime::LocaleDateTime::Locale module (see "locale()").

TO DO

Might add option to output html/xhtml menus, rather than data structures for templates.

May change "year_menu()" such that less_years / plus_years works with multiple selections - it would probably have to start / end the list in relation to the lowest / highest year.

SUPPORT / BUGS

Please log bugs, feature requests and patch submissions at http://sourceforge.net/projects/html-menu.

Support mailing list: html-menu-users@lists.sourceforge.net

SEE ALSO

HTML::Template, Template Toolkit, Template::MagicTemplate::Magic, DateTime::LocaleDateTime::Locale.

AUTHOR

Carl Franks

CREDITS

Pedro Santelmo (suggesting DateTime::Locale for multi-lingual)
Domizio Demichelis (template-magic examples and tutorial)
Mark Stosberg (naming style feedback)

COPYRIGHT AND LICENSE

Copyright 2004-2005, Carl Franks. All rights reserved.

This library is free software; you can redistribute it and/or modify it under the same terms as Perl itself (perlgpl, perlartistic).