mirror of
https://github.com/tuxis-ie/nsedit.git
synced 2025-05-24 00:24:07 +03:00
Merge commit 'd21ea7816e
' as 'jquery-ui'
This commit is contained in:
commit
e904a80717
629 changed files with 341074 additions and 0 deletions
47
jquery-ui/tests/visual/slider/range_slider.html
Normal file
47
jquery-ui/tests/visual/slider/range_slider.html
Normal file
|
@ -0,0 +1,47 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head lang="en">
|
||||
<meta charset="UTF-8">
|
||||
<title>jQuery UI Slider - Range slider</title>
|
||||
<link rel="stylesheet" href="../../../themes/base/all.css">
|
||||
<style>
|
||||
#wrapper {
|
||||
font-family: Arial;
|
||||
width: 500px;
|
||||
margin: 20px auto;
|
||||
}
|
||||
</style>
|
||||
<script src="../../../external/jquery/jquery.js"></script>
|
||||
<script src="../../../ui/core.js"></script>
|
||||
<script src="../../../ui/widget.js"></script>
|
||||
<script src="../../../ui/mouse.js"></script>
|
||||
<script src="../../../ui/slider.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<div id="wrapper">
|
||||
<h1>Range Slider</h1>
|
||||
<h3>When set both values of range slider to the maximum, slider should not lock</h3>
|
||||
<div id="slider"></div>
|
||||
<br>
|
||||
<button id="set-max-values">set values to max</button>
|
||||
<button id="set-min-values">set values to min</button>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
var el = $( "#slider" ).slider({
|
||||
range: true,
|
||||
min: 0,
|
||||
max: 100,
|
||||
values: [ 0, 50 ]
|
||||
});
|
||||
|
||||
$( "#set-max-values" ).on( "click", function() {
|
||||
el.slider( "option", { values: [ 100, 100 ] } );
|
||||
});
|
||||
|
||||
$( "#set-min-values" ).on( "click", function() {
|
||||
el.slider( "option", { values: [ 0, 0 ] } );
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
Loading…
Add table
Add a link
Reference in a new issue