test-position.html 1.5KB

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