car.html 2.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
  5. <script type="text/javascript" src="car.js"></script>
  6. <link rel="stylesheet" href="car.css">
  7. </head>
  8. <body>
  9. <h2>wz_mini Car Control</h2>
  10. <table class="wz_car_TABLE" border="1">
  11. <tbody>
  12. <tr style="height: 21px;">
  13. <td style="width: 33.3333%; height: 21px; text-align: left;"><button id="forward_left" class="wz_car_BUTTON">q: forward left</button></td>
  14. <td style="width: 33.3333%; height: 21px; text-align: center;"><button id="forward" class="wz_car_BUTTON">w: forward</button></td>
  15. <td style="width: 33.3333%; height: 21px; text-align: right;"><button id="forward_right" class="wz_car_BUTTON">e: forward right</button></td>
  16. </tr>
  17. <tr style="height: 18px;">
  18. <td style="width: 33.3333%; height: 18px; text-align: left;"><button id="left" class="wz_car_BUTTON">a; left</button></td>
  19. <td style="width: 33.3333%; height: 18px; text-align: center;"><button id="reverse" class="wz_car_BUTTON">s: rear</button></td>
  20. <td style="width: 33.3333%; height: 18px; text-align: right;"><button id="right" class="wz_car_BUTTON">d: right</button></td>
  21. </tr>
  22. <tr style="height: 18px;">
  23. <td style="width: 33.3333%; height: 18px; text-align: left;"><button id="reverse_left" class="wz_car_BUTTON">z: rear left</button></td>
  24. <td style="width: 33.3333%; height: 18px; text-align: center;"><button id="all_stop" class="wz_car_BUTTON">x: all stop</button></td>
  25. <td style="width: 33.3333%; height: 18px; text-align: right;"><button id="reverse_right" class="wz_car_BUTTON">c: rear right</button></td>
  26. </tr>
  27. <td style="width: 33.3333%; height: 18px; text-align: center;">
  28. <button id="headlight_on" class="wz_car_BUTTON_N">h: headlight on</button>
  29. <button id="headlight_off" class="wz_car_BUTTON_N">g: headlight off</button>
  30. </td>
  31. <td style="width: 33.3333%; height: 18px; text-align: center;"><button id="irled_on" class="wz_car_BUTTON">j: ir led on</button><button id="irled_off" class="wz_car_BUTTON">k: ir led off</button></td>
  32. <td style="width: 33.3333%; height: 18px; text-align: right;"><button id="honk" class="wz_car_BUTTON">b: honk</button></td>
  33. </tr>
  34. </tbody>
  35. </table>
  36. <p><img id="car_feed" src="/cgi-bin/jpeg.cgi?channel=1" /></p>
  37. Speed Sleep: <input type="text" size=5 id="sleep_timer" name="sleep_timer" value="0.15">
  38. Car Speed:
  39. <input type="radio" id="speed_fast" class="speed" name="fast" value="fast">
  40. <label for="fast">Fast</label>
  41. <input type="radio" id="speed_slow" class="speed" name="slow" value="slow">
  42. <label for="slow">Slow</label>
  43. <button onclick="set_vars()">Set Variables</button>
  44. </body>
  45. </html>