third_party/WebKit/LayoutTests/tables/mozilla/bugs/bug51727.html

   1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
   2 <html>
   3 <head>
   4 <style>
   5 TD
   6 {
   7         border: 1px solid;
   8         width:75px;
   9 }
  10 </style>
  11 <script>
  12 window.onload = windowLoad;
  13
  14 function windowLoad()
  15 {
  16         var newTable = document.createElement("table");
  17         newTable.id = "newTable";
  18
  19         for(var y=0;y<1;y++)
  20
  21         {
  22                 var newRow = newTable.insertRow(y);
  23
  24
  25                 for( var x=0;x<1;x++)
  26
  27                 {
  28                         var newCell = newRow.insertCell(x);
  29
  30                         newCell.appendChild(document.createTextNode("r" + y + "c" + x));
  31                 }
  32         }
  33         document.body.appendChild(newTable);
  34                 modify();
  35                 insert();
  36 }
  37
  38 function modify()
  39 {
  40         var t = document.getElementById("newTable");
  41
  42         var cell = t.rows[0].cells[0];
  43
  44         cell.firstChild.nodeValue = "aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa";
  45 }
  46
  47 function insert()
  48 {
  49         var t = document.getElementById("newTable");
  50
  51         var cell = t.rows[0].cells[0];
  52
  53         cell.firstChild.nodeValue = "aa";
  54 }
  55 </script>
  56 </head>
  57 <body>
  58
  59 <form>
  60 <input type="button" onclick="modify();" value="(1) Fill cell with long string"><br>
  61 <input type="button" onclick="insert();" value="(2) Fill cell with short string"><br>
  62 </form>
  63 </body>
  64 </html>