httemplate/elements/tr-input-beginning_ending.html

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