httemplate/elements/tr-input-beginning_ending.html

   1 <LINK REL="stylesheet" TYPE="text/css" HREF="<%$fsurl%>elements/calendar-win2k-2.css" TITLE="win2k-2">
   2 <SCRIPT TYPE="text/javascript" SRC="<%$fsurl%>elements/calendar_stripped.js"></SCRIPT>
   3 <SCRIPT TYPE="text/javascript" SRC="<%$fsurl%>elements/calendar-en.js"></SCRIPT>
   4 <SCRIPT TYPE="text/javascript" SRC="<%$fsurl%>elements/calendar-setup.js"></SCRIPT>
   5
   6 <TR>
   7   <TD ALIGN="right">From date: </TD>
   8   <TD><INPUT TYPE="text" NAME="<% $opt{prefix} %>beginning" ID="<% $opt{prefix} %>beginning_text" VALUE="" SIZE=<%$size%> MAXLENGTH=<%$maxlength%>> <IMG SRC="<%$fsurl%>images/calendar.png" ID="<% $opt{prefix} %>beginning_button" STYLE="cursor: pointer" TITLE="Select date"><IMG SRC="<%$fsurl%>images/calendar-disabled.png" ID="<% $opt{prefix} %>beginning_disabled" STYLE="display:none"><BR><i>m/d/y<% $time_hint %></i></TD>
   9 <SCRIPT TYPE="text/javascript">
  10   Calendar.setup({
  11     inputField: "<% $opt{prefix} %>beginning_text",
  12     ifFormat:   "%m/%d/%Y<% $time_format %>",
  13     button:     "<% $opt{prefix} %>beginning_button",
  14     align:      "BR"
  15     <% $input_time %>
  16   });
  17 </SCRIPT>
  18
  19 % unless ( $opt{layout} =~ /^h/i ) { #horizontal
  20
  21 </TR>
  22 <TR>
  23
  24 % }
  25
  26   <TD ALIGN="right">To date: </TD>
  27   <TD><INPUT TYPE="text" NAME="<% $opt{prefix} %>ending" ID="<% $opt{prefix} %>ending_text" VALUE="" SIZE=<%$size%> MAXLENGTH=<%$maxlength%>> <IMG SRC="<%$fsurl%>images/calendar.png" ID="<% $opt{prefix} %>ending_button" STYLE="cursor: pointer" TITLE="Select date"><IMG SRC="<%$fsurl%>images/calendar-disabled.png" ID="<% $opt{prefix} %>ending_disabled" STYLE="display:none"><BR><i>m/d/y<% $time_hint %></i></TD>
  28 <SCRIPT TYPE="text/javascript">
  29   Calendar.setup({
  30     inputField: "<% $opt{prefix} %>ending_text",
  31     ifFormat:   "%m/%d/%Y<% $time_format %>",
  32     button:     "<% $opt{prefix} %>ending_button",
  33     align:      "BR"
  34     <% $input_time %>
  35   });
  36 </SCRIPT>
  37 </TR>
  38
  39 <TR>
  40   <TD></TD>
  41   <TD COLSPAN=<% $opt{layout} =~ /^h/i ? 3 : 1 %>>
  42     <FONT SIZE="-1">(leave one or both dates blank for an open-ended search)</FONT>
  43   </TD>
  44 </TR>
  45
  46 <%init>
  47
  48 my %opt = @_;
  49
  50 $opt{prefix} = '' unless defined $opt{prefix};
  51 $opt{prefix} .= '_' if $opt{prefix};
  52
  53 my( $input_time, $time_format, $time_hint ) = ( '', '', '' );
  54 my( $size, $maxlength ) = ( 11, 10 );
  55 if ( $opt{'input_time'} ) {
  56   $input_time  = ', showsTime: true, timeFormat: "12"'; # http://www.dynarch.com/demos/jscalendar/doc/html/reference.html#node_sec_2.3
  57   $time_format = ' %k:%M:%S'; # http://www.dynarch.com/demos/jscalendar/doc/html/reference.html#node_sec_5.3.5
  58   $time_hint   = ' h:m:s';
  59   $size = 21;
  60   $maxlength = 27;
  61 }
  62
  63 </%init>