sliderbase_test.html 1.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768
  1. <!DOCTYPE html>
  2. <html>
  3. <!--
  4. Copyright 2008 The Closure Library Authors. All Rights Reserved.
  5. Use of this source code is governed by the Apache License, Version 2.0.
  6. See the COPYING file for details.
  7. -->
  8. <!--
  9. -->
  10. <head>
  11. <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  12. <meta charset="UTF-8" />
  13. <title>
  14. Closure Unit Tests - goog.ui.SliderBase
  15. </title>
  16. <script src="../base.js">
  17. </script>
  18. <script type="text/javascript">
  19. goog.require('goog.ui.SliderBaseTest');
  20. </script>
  21. <style type="text/css">
  22. #oneThumbSlider {
  23. position: relative;
  24. width: 1000px;
  25. background: grey;
  26. height: 20px;
  27. }
  28. #oneThumbSlider.test-slider-vertical {
  29. height: 1000px;
  30. width: 20px;
  31. }
  32. #twoThumbSlider {
  33. position: relative;
  34. /* Extra 20px is so distance between thumb centers is 1000px */
  35. width: 1020px;
  36. }
  37. #valueThumb, #extentThumb {
  38. position: absolute;
  39. width: 20px;
  40. }
  41. #thumb {
  42. position: absolute;
  43. width: 20px;
  44. height: 20px;
  45. background: black;
  46. top: 5px;
  47. }
  48. .test-slider-vertical > #thumb {
  49. left: 5px;
  50. top: auto;
  51. }
  52. #rangeHighlight {
  53. position: absolute;
  54. }
  55. </style>
  56. </head>
  57. <body>
  58. <div id="sandbox">
  59. </div>
  60. </body>
  61. </html>