themes/blog/jscalendar/test-position.html

   1 <html xmlns="http://www.w3.org/1999/xhtml">
   2
   3   <head>
   4     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
   5     <title>JS Calendar (positioning test)</title>
   6     <script type="text/javascript" src="calendar.js"></script>
   7     <script type="text/javascript" src="calendar-setup.js"></script>
   8     <script type="text/javascript" src="lang/calendar-en.js"></script>
   9     <style type="text/css"> @import url("calendar-win2k-cold-1.css"); </style>
  10   </head>
  11
  12   <body style="height: 100%; margin: 0px; padding: 0px;">
  13     <table style="height: 100%; width: 100%;" cellspacing="0" cellpadding="0">
  14       <tr style="height: 100%;">
  15         <td style="vertical-align: top; text-align: left;">
  16           <input type="text" id="cal-field-1" />
  17           <button type="submit" id="cal-button-1">...</button>
  18           <script type="text/javascript">
  19             Calendar.setup({
  20               inputField    : "cal-field-1",
  21               button        : "cal-button-1",
  22               align         : "Tr"
  23             });
  24           </script>
  25         </td>
  26         <td style="vertical-align: bottom; text-align: right;">
  27           <input type="text" id="cal-field-2" />
  28           <button type="submit" id="cal-button-2">...</button>
  29           <script type="text/javascript">
  30             Calendar.setup({
  31               inputField    : "cal-field-2",
  32               button        : "cal-button-2"
  33             });
  34           </script>
  35         </td>
  36       </tr>
  37     </table>
  38   </body>
  39
  40 </html>