← Back to branch summary

~smagoun/whoopsie/whoopsie-lp1017637

« back to all changes in this revision

Viewing changes to backend/stats/static/js/yui/tests/slider/tests/manual/two_sliders_check_aria_labelledby_uniqueness.html

  • Committer: Evan Dandrea
  • Date: 2012-05-09 05:53:45 UTC
  • Revision ID: evan.dandrea@canonical.com-20120509055345-z2j41tmcbf4as5uf
The backend now lives in lp:daisy and the website (errors.ubuntu.com) now lives in lp:errors.

Show diffs side-by-side

added added

removed removed

Lines of Context:
backend/stats/static/js/yui/tests/slider/tests/manual/two_sliders_check_aria_labelledby_uniqueness.html
1
 
<!doctype html>
2
 
<html>
3
 
<head>
4
 
    <title>2 sliders aria check</title>
5
 
    <style type="text/css">
6
 
        .markup { 
7
 
            margin: 10px 0 0 300px;
8
 
        }
9
 
    </style>
10
 
</head>
11
 
<body class="yui3-skin-sam">
12
 
<div class="markup">
13
 
    <div id="slider"></div>
14
 
 
15
 
    <p>
16
 
        <input type="button" id="size" value="Change size">
17
 
        <input type="button" id="val" value="Set Value">
18
 
        <input type="button" id="disable" value="Disable">
19
 
        <!--<input type="button" id="incr" value="incr">-->
20
 
    </p>
21
 
    <div id="report">0</div>
22
 
    <div id="slider2"></div>
23
 
    <label id="my-added-label">label for Slider 2</label>
24
 
</div>
25
 
 
26
 
<script src="../../../../build/yui/yui.js"></script>
27
 
<script>
28
 
YUI({
29
 
    filter: 'raw'
30
 
}).use('slider',function (Y) {
31
 
 
32
 
var report = Y.one('#report');
33
 
 
34
 
var s = new Y.Slider({
35
 
    //axis  : 'y',
36
 
    length: '350px',
37
 
    min   : -37,
38
 
    max   : 218,
39
 
    value : 136,
40
 
//    minorStep: 3,
41
 
    after : {
42
 
        valueChange: function (e) {
43
 
            report.set('innerHTML',e.newVal);
44
 
        }
45
 
    }
46
 
});
47
 
 
48
 
s.set('min', 10);
49
 
 
50
 
s.render('#slider');
51
 
 
52
 
report.set('innerHTML',s.get('value'));
53
 
 
54
 
Y.one('#size').on('click',function () {
55
 
    s.set('length','155px');
56
 
});
57
 
Y.one('#val').on('click',function () {
58
 
    s.set('value',s.get('value') === -92 ? 100 : -92);
59
 
});
60
 
Y.one('#disable').on('click',function () {
61
 
    var disabled = !s.get('disabled');
62
 
    s.set('disabled',disabled);
63
 
    this.set('value', disabled ? "Enable" : "Disable");
64
 
});
65
 
// Y.one('#incr').on('click',function () {
66
 
//     s.set('value', 133);
67
 
//     Y.log('myVal' + s.get('value'));
68
 
//     s.set('value', 134);
69
 
//     Y.log('myVal' + s.get('value'));
70
 
// });
71
 
 
72
 
    var slider2 = new Y.Slider({
73
 
        //axis  : 'y',
74
 
        length: '350px',
75
 
        min   : -37,
76
 
        max   : 218,
77
 
        value : 136,
78
 
    //    minorStep: 3,
79
 
        after : {
80
 
            valueChange: function (e) {
81
 
                report.set('innerHTML',e.newVal);
82
 
            }
83
 
        }
84
 
    });
85
 
    
86
 
        
87
 
    slider2.render('#slider2');
88
 
    Y.log("s1 label: " + Y.one('#slider .yui3-slider-thumb').getAttribute('aria-labelledby'));
89
 
    Y.log("s2 label: " + Y.one('#slider2 .yui3-slider-thumb').getAttribute('aria-labelledby'));
90
 
    Y.one('#my-added-label').setAttribute('id', Y.one('#slider2 .yui3-slider-thumb').getAttribute('aria-labelledby'))
91
 
 
92
 
 
93
 
 
94
 
});
95
 
</script>
96
 
</body>
97
 
</html>