Cross Reference: /yui3/src/slider/tests/manual/home_key_question.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff<!doctype html>
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff<html>
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff<head>
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff <title>Test Page</title>
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff <style type="text/css">
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff .markup {
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff margin: 10px 0 0 300px;
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff }
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff </style>
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff</head>
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff<body class="yui3-skin-sam">
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff<div class="markup">
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff <div id="slider"></div>
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff <p>
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff <input type="button" id="home" value="Home">
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff <input type="button" id="end" value="End">
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff <!--<input type="button" id="disable" value="Disable">
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff <input type="button" id="incr" value="incr">-->
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff </p>
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff <div id="report">0</div>
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff <div id="slider2"></div>
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff <p>
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff <input type="button" id="home2" value="Home">
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff <input type="button" id="end2" value="End">
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff <!--<input type="button" id="disable" value="Disable">
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff <input type="button" id="incr" value="incr">-->
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff </p>
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff <div id="report2">0</div>
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff</div>
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff<!--<script src="/build/yui/yui.js"></script>-->
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff<script src="http://yui.yahooapis.com/3.4.1/build/yui/yui-min.js"></script>
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff<script>
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff ConniffYUI({
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff filter: 'raw'
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff}).use('slider',function (Y) {
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniffvar report = Y.one('#report'),
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff report2 = Y.one('#report2');
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniffvar s = new Y.Slider({
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff //axis : 'y',
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff length: '350px',
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff min : 0,
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff max : 100,
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff value : 50,
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff// minorStep: 3,
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff after : {
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff valueChange: function (e) {
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff report.set('innerHTML',e.newVal);
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff }
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff }
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff});
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniffs.render('#slider');
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff//////////////////////////////
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniffvar s2 = new Y.Slider({
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff //axis : 'y',
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff length: '350px',
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff min : 0,
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff max : 100,
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff value : 50,
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff// minorStep: 3,
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff after : {
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff valueChange: function (e) {
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff report2.set('innerHTML',e.newVal);
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff }
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff }
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff});
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniffs2.render('#slider2');
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniffvar initVal = s2.get('value');
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff/////////////////////
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniffreport.set('innerHTML',s.get('value'));
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff ConniffY.one('#home').on('click',function () {
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff s.set('value', s.get('min'));
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff});
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff ConniffY.one('#home2').on('click',function () {
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff if(s2.get('value') === s2.get('min')){
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff s2.set('value', initVal);
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff }else{
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff s2.set('value', s2.get('min'));
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff }
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff});
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff ConniffY.one('#end').on('click',function () {
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff s.set('value', s.get('max'));
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff});
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff ConniffY.one('#end2').on('click',function () {
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff s2.set('value', s2.get('max'));
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff});
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff// Y.one('#incr').on('click',function () {
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff// s.set('value', 133);
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff// Y.log('myVal' + s.get('value'));
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff// s.set('value', 134);
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff// Y.log('myVal' + s.get('value'));
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff// });
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff});
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff</script>
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff</body>
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff</html>