autosave.html 621 B

1234567891011121314151617181920212223242526272829303132
  1. <p>HTTP sever lag: <input id="snippet-autosave-lag" type="number" value="500" step="100" min="0" max="9000"></p>
  2. <p>Status: <span id="snippet-autosave-status"></span></p>
  3. <div id="snippet-autosave">
  4. <p>Test me!</p>
  5. </div>
  6. <pre id="snippet-autosave-console"></pre>
  7. <style>
  8. #snippet-autosave-status {
  9. display: inline-block;
  10. width: 20px;
  11. height: 20px;
  12. background-color: green;
  13. }
  14. #snippet-autosave-status.busy {
  15. background-color: red;
  16. }
  17. #snippet-autosave-console {
  18. height: 300px;
  19. overflow: auto;
  20. /* Similar to code blocks. */
  21. background: #2b2c26;
  22. padding: 1.333em;
  23. color: #FFF;
  24. }
  25. </style>