summaryrefslogtreecommitdiffstats
path: root/layout/reftests/forms/meter/default-style/default-style-dyn.html
blob: bed08d6511387189fe48ee60668a92bee2620a22 (plain)
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
<!DOCTYPE html>
<html>
  <link rel='stylesheet' type='text/css' href='style.css'>
  <body>
    <meter id='m1' value="0.1" low="0" optimum="0.5" high="1" min="0" max="1"></meter>
    <meter id='m2' value="0.1" low="0.3" optimum="0.7" high="1" min="0" max="1"></meter>
    <meter id='m3' value="0.1" low="0.3" optimum="0.7" high="0.5" min="0" max="1"></meter>
    <meter id='m4' value="0.1" low="0.3" optimum="0.7" high="0.5" min="0" max="1"></meter>
    <meter id='m5' value="0.1" low="0.3" optimum="0.7" high="0.5" min="0" max="1"></meter>
    <meter id='m6' value="0.1" low="0.3" optimum="0.7" high="0.5" min="0" max="1"></meter>

    <script>

    var m = document.getElementById('m1');
    m.setAttribute("low",0.3);

    m = document.getElementById('m2');
    m.setAttribute("high",0.5);

    m = document.getElementById('m3');
    m.setAttribute("value",0.4);

    m = document.getElementById('m4');
    m.setAttribute("optimum",0.1);

    m = document.getElementById('m5');
    m.setAttribute("min",0.9);

    m = document.getElementById('m6');
    m.setAttribute("max",0.5);

    </script>
  </body>
</html>