source: main/trunk/greenstone3/web/interfaces/oran/js/jquery-ui-1.8rc1/tests/visual/slider/slider_in_container_with_scrollbars.html@ 24245

Last change on this file since 24245 was 24245, checked in by sjb48, 13 years ago

Oran code for supporting format changes to document.
  • Property svn:executable set to *
File size: 1.4 KB
Line 
1<!doctype html>
2<html lang="en">
3<head>
4 <title>Slider Visual Test : Slider in container with scrollbars</title>
5 <link rel="stylesheet" href="../visual.css" type="text/css" />
6 <link rel="stylesheet" href="../../../themes/base/ui.all.css" type="text/css">
7 <script type="text/javascript" src="../../../jquery-1.4.1.js"></script>
8 <script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script>
9 <script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script>
10 <script type="text/javascript" src="../../../ui/jquery.ui.mouse.js"></script>
11 <script type="text/javascript" src="../../../ui/jquery.ui.slider.js"></script>
12 <script type="text/javascript">
13 $(function() {
14 $("#slider").slider({ value: 50 });
15 });
16 </script>
17</head>
18<body>
19
20<h1>
21TEST: press UP, DOWN, LEFT, RIGHT, HOME, END on a slider which is inside a container with scrollbars.
22</h1>
23
24<div style="width: 200px; height: 150px; overflow:scroll;">
25
26<div style="width: 220px; height: 180px;">
27
28<div style="width: 100px; margin-left: 40px; margin-top: 60px;" id="slider"></div>
29
30</div>
31
32</div>
33
34<h2>
35ASSERT: the scrollbars do not move when the focus is on the slider handle and an arrow key or HOME or END are pressed.
36</h2>
37<h2>
38ASSERT: the scrollbars move when the focus is not on the slider handle and an arrow key or HOME or END are pressed.
39</h2>
40
41</body>
42</html>
Note: See TracBrowser for help on using the repository browser.