summaryrefslogtreecommitdiffstats
path: root/layout/reftests/position-dynamic-changes/mixed-abspos-root/mixed-dimentionN.html
blob: ec89af2f8c24cfd0d6cc8ef6fc7069bd03137e01 (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
<!DOCTYPE html>
<html id="parent" class="reftest-wait">
  <head>
    <link rel="stylesheet" type="text/css" href="style.css">
    <script src="../handleprop.js" type="text/javascript"></script>
    <style>
      #child {
        width: 100px;
        height: 100px;
        left: 100px;
        top: 100px;
      }
    </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="child">
      <div class="floatLeft"></div>
      <div class="floatLeft"></div>
    </div>
  </body>
</html>