index.html

   1 <html>
   2 <head>
   3
   4 <title>PigeBox</title>
   5 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
   6
   7 <link rel="stylesheet" type="text/css" href="pige.css" />
   8 <link rel="stylesheet" type="text/css" href="datePicker.css" />
   9 <script type="text/javascript" src="js/jquery.js"></script>
  10 <script type="text/javascript" src="js/bgiframe/jquery.bgiframe.min.js"></script>
  11 <script type="text/javascript" src="js/methods/date.js"></script>
  12 <script type="text/javascript" src="js/methods/date_fr.js"></script>
  13 <script type="text/javascript" src="js/datePicker/jquery.datePicker.js"></script>
  14 <script type="text/javascript" src="js/jquery.simplemodal.js"></script>
  15
  16 </head>
  17 <body>
  18
  19 <h1>PigeBox</h1>
  20
  21 <form method="post" action="download.cgi">
  22
  23 <p>
  24 Récupérer un extrait de la pige ...
  25 </p>
  26
  27
  28 <label for="date">Date</label>
  29 <input name="date" id="date" maxlength="10" type="text" class="date-pick" size="10" />
  30
  31 <label for="start_start">Heure de début</label>
  32 <select name="start_hour" id="start_hour">
  33   <option value="00">00</option> <option value="01">01</option> <option value="02">02</option>
  34   <option value="03">03</option> <option value="04">02</option> <option value="05">02</option>
  35   <option value="06">06</option> <option value="07">07</option> <option value="08">08</option>
  36   <option value="09">09</option> <option value="10">10</option> <option value="11">11</option>
  37   <option value="12">12</option> <option value="13">13</option> <option value="14">14</option>
  38   <option value="15">15</option> <option value="16">16</option> <option value="17">17</option>
  39   <option value="18">18</option> <option value="19">19</option> <option value="20">20</option>
  40   <option value="21">21</option> <option value="22">22</option> <option value="23">23</option>
  41 </select>
  42 :
  43 <select name="start_min" id="start_min">
  44   <option value="00">00</option>
  45   <option value="15">15</option>
  46   <option value="30">30</option>
  47   <option value="45">45</option>
  48 </select>
  49
  50
  51 <label for="end_hour">Heure de fin</label>
  52
  53 <select name="end_hour" id="end_hour">
  54   <option value="00">00</option> <option value="01">01</option> <option value="02">02</option>
  55   <option value="03">03</option> <option value="04">02</option> <option value="05">02</option>
  56   <option value="06">06</option> <option value="07">07</option> <option value="08">08</option>
  57   <option value="09">09</option> <option value="10">10</option> <option value="11">11</option>
  58   <option value="12">12</option> <option value="13">13</option> <option value="14">14</option>
  59   <option value="15">15</option> <option value="16">16</option> <option value="17">17</option>
  60   <option value="18">18</option> <option value="19">19</option> <option value="20">20</option>
  61   <option value="21">21</option> <option value="22">22</option> <option value="23">23</option>
  62 </select>
  63 :
  64 <select name="end_min" id="end_min">
  65   <option value="00">00</option>
  66   <option value="15">15</option>
  67   <option value="30">30</option>
  68   <option value="45">45</option>
  69 </select>
  70 <input type="submit" value="Valider"/>
  71
  72 <input type="checkbox" value="wav" name="wav">.wav</input>
  73
  74 </form>
  75
  76 </body>
  77 </html>
  78
  79 <script type="text/javascript">
  80 Date.format = 'dd/mm/yyyy';
  81 $(function() {
  82         var endDate = new Date();
  83         var startDate = new Date();
  84         startDate.addDays(-92);
  85         $('#date').datePicker({
  86                 startDate: startDate.asString(),
  87                 endDate: endDate.asString(),
  88                 }).next().html(
  89                     '<img src="js/calendar.png" width="16" height="16" />');
  90 });
  91 </script>