summaryrefslogtreecommitdiffstats
path: root/layout/reftests/position-dynamic-changes/mixed/mixed-dimentionA.html
blob: 8aac447d5bf9c09422bc1b89e3143f858078e1d2 (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
35
36
37
38
39
40
<!DOCTYPE html>
<html class="reftest-wait">
  <head>
    <link rel="stylesheet" type="text/css" href="style.css">
    <script src="../handleprop.js" type="text/javascript"></script>
    <style>
      #child {
        left: 100px;
        top: 100px;
        right: 20px;
        bottom: 20px;
      }
    </style>
    <script src="../horizontal/animate.js" type="text/javascript"></script>
    <script type="text/javascript">
      var counter = 0;
      function play() {
        if (counter < 100) {
          var child = document.getElementById("child");
          child.style.left = (parseInt(getComputedStyle(child, null).left.replace("px", "")) + 20) + "px";
          child.style.top = (parseInt(getComputedStyle(child, null).top.replace("px", "")) + 10) + "px";
          rfa(play);
          counter += 10;
        } else {
          document.documentElement.removeAttribute("class");
        }
      }

      window.onload = function() { rfa(play) };
    </script>
  </head>
  <body>
    <div id="parent">
      <div id="child">
        <div class="floatLeft"></div>
        <div class="floatLeft"></div>
      </div>
    </div>
  </body>
</html>