tests/manual/basic.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
8929133686602facf288d7127fe898c1d4d23539Luke Smith<!doctype html>
8929133686602facf288d7127fe898c1d4d23539Luke Smith<html>
8929133686602facf288d7127fe898c1d4d23539Luke Smith<head>
8929133686602facf288d7127fe898c1d4d23539Luke Smith    <title>Test Page</title>
8929133686602facf288d7127fe898c1d4d23539Luke Smith    <style type="text/css">
8929133686602facf288d7127fe898c1d4d23539Luke Smith        .markup {
8929133686602facf288d7127fe898c1d4d23539Luke Smith            margin: 10px 0 0 300px;
8929133686602facf288d7127fe898c1d4d23539Luke Smith        }
8929133686602facf288d7127fe898c1d4d23539Luke Smith    </style>
8929133686602facf288d7127fe898c1d4d23539Luke Smith</head>
8929133686602facf288d7127fe898c1d4d23539Luke Smith<body class="yui3-skin-sam">
8929133686602facf288d7127fe898c1d4d23539Luke Smith<div class="markup">
8929133686602facf288d7127fe898c1d4d23539Luke Smith    <div id="slider"></div>
8929133686602facf288d7127fe898c1d4d23539Luke Smith
8929133686602facf288d7127fe898c1d4d23539Luke Smith    <p>
8929133686602facf288d7127fe898c1d4d23539Luke Smith        <input type="button" id="size" value="Change size">
8929133686602facf288d7127fe898c1d4d23539Luke Smith        <input type="button" id="val" value="Set Value">
8929133686602facf288d7127fe898c1d4d23539Luke Smith        <input type="button" id="disable" value="Disable">
74bb6544855af27abb616b3eff390e1f41e697b2Jeff Conniff        <!--<input type="button" id="incr" value="incr">-->
8929133686602facf288d7127fe898c1d4d23539Luke Smith    </p>
8929133686602facf288d7127fe898c1d4d23539Luke Smith    <div id="report">0</div>
8929133686602facf288d7127fe898c1d4d23539Luke Smith</div>
8929133686602facf288d7127fe898c1d4d23539Luke Smith
016fa693ff09eebb854de1bd3f35b3c59704f4e1Luke Smith<script src="/build/yui/yui.js"></script>
8929133686602facf288d7127fe898c1d4d23539Luke Smith<script>
8929133686602facf288d7127fe898c1d4d23539Luke SmithYUI({
8929133686602facf288d7127fe898c1d4d23539Luke Smith    filter: 'raw'
8929133686602facf288d7127fe898c1d4d23539Luke Smith}).use('slider',function (Y) {
8929133686602facf288d7127fe898c1d4d23539Luke Smith
8db445c3a3fb7a024a056925f1f376bc35c9839cLuke Smithvar report = Y.one('#report');
8929133686602facf288d7127fe898c1d4d23539Luke Smith
8929133686602facf288d7127fe898c1d4d23539Luke Smithvar s = new Y.Slider({
8929133686602facf288d7127fe898c1d4d23539Luke Smith    //axis  : 'y',
8929133686602facf288d7127fe898c1d4d23539Luke Smith    length: '350px',
74bb6544855af27abb616b3eff390e1f41e697b2Jeff Conniff    min   : -37,
74bb6544855af27abb616b3eff390e1f41e697b2Jeff Conniff    max   : 218,
74bb6544855af27abb616b3eff390e1f41e697b2Jeff Conniff    value : 136,
74bb6544855af27abb616b3eff390e1f41e697b2Jeff Conniff//    minorStep: 3,
8929133686602facf288d7127fe898c1d4d23539Luke Smith    after : {
8929133686602facf288d7127fe898c1d4d23539Luke Smith        valueChange: function (e) {
8929133686602facf288d7127fe898c1d4d23539Luke Smith            report.set('innerHTML',e.newVal);
8929133686602facf288d7127fe898c1d4d23539Luke Smith        }
8929133686602facf288d7127fe898c1d4d23539Luke Smith    }
8929133686602facf288d7127fe898c1d4d23539Luke Smith});
8929133686602facf288d7127fe898c1d4d23539Luke Smith
8db445c3a3fb7a024a056925f1f376bc35c9839cLuke Smiths.set('min', 10);
8db445c3a3fb7a024a056925f1f376bc35c9839cLuke Smith
8929133686602facf288d7127fe898c1d4d23539Luke Smiths.render('#slider');
8929133686602facf288d7127fe898c1d4d23539Luke Smith
8047ca98fec9d6ef0332db9181173401bb9eeaa3Luke Smiths.on('railMouseDown', function (e) {
8047ca98fec9d6ef0332db9181173401bb9eeaa3Luke Smith    console.log(e);
8047ca98fec9d6ef0332db9181173401bb9eeaa3Luke Smith});
8047ca98fec9d6ef0332db9181173401bb9eeaa3Luke Smith
8047ca98fec9d6ef0332db9181173401bb9eeaa3Luke Smiths.rail.on(['mousedown', 'mouseup', 'click'], function (e) {
8047ca98fec9d6ef0332db9181173401bb9eeaa3Luke Smith    e.type;
8047ca98fec9d6ef0332db9181173401bb9eeaa3Luke Smith    console.log(e);
8047ca98fec9d6ef0332db9181173401bb9eeaa3Luke Smith});
8047ca98fec9d6ef0332db9181173401bb9eeaa3Luke Smith
8929133686602facf288d7127fe898c1d4d23539Luke Smithreport.set('innerHTML',s.get('value'));
8929133686602facf288d7127fe898c1d4d23539Luke Smith
8db445c3a3fb7a024a056925f1f376bc35c9839cLuke SmithY.one('#size').on('click',function () {
8929133686602facf288d7127fe898c1d4d23539Luke Smith    s.set('length','155px');
8929133686602facf288d7127fe898c1d4d23539Luke Smith});
8db445c3a3fb7a024a056925f1f376bc35c9839cLuke SmithY.one('#val').on('click',function () {
8929133686602facf288d7127fe898c1d4d23539Luke Smith    s.set('value',s.get('value') === -92 ? 100 : -92);
8929133686602facf288d7127fe898c1d4d23539Luke Smith});
8db445c3a3fb7a024a056925f1f376bc35c9839cLuke SmithY.one('#disable').on('click',function () {
8929133686602facf288d7127fe898c1d4d23539Luke Smith    var disabled = !s.get('disabled');
8929133686602facf288d7127fe898c1d4d23539Luke Smith    s.set('disabled',disabled);
8929133686602facf288d7127fe898c1d4d23539Luke Smith    this.set('value', disabled ? "Enable" : "Disable");
8929133686602facf288d7127fe898c1d4d23539Luke Smith});
74bb6544855af27abb616b3eff390e1f41e697b2Jeff Conniff// Y.one('#incr').on('click',function () {
74bb6544855af27abb616b3eff390e1f41e697b2Jeff Conniff//     s.set('value', 133);
74bb6544855af27abb616b3eff390e1f41e697b2Jeff Conniff//     Y.log('myVal' + s.get('value'));
74bb6544855af27abb616b3eff390e1f41e697b2Jeff Conniff//     s.set('value', 134);
74bb6544855af27abb616b3eff390e1f41e697b2Jeff Conniff//     Y.log('myVal' + s.get('value'));
74bb6544855af27abb616b3eff390e1f41e697b2Jeff Conniff// });
8929133686602facf288d7127fe898c1d4d23539Luke Smith
8929133686602facf288d7127fe898c1d4d23539Luke Smith});
8929133686602facf288d7127fe898c1d4d23539Luke Smith</script>
8929133686602facf288d7127fe898c1d4d23539Luke Smith</body>
8929133686602facf288d7127fe898c1d4d23539Luke Smith</html>