OLD | NEW |
1 <!DocType html><html> | 1 <!DocType html><html> |
2 <body> | 2 <body> |
3 | 3 |
4 Tests for basic button rendering. Creates a table with seven columns and seven r
ows. <BR> | 4 Tests for basic button rendering. Creates a table with seven columns and seven r
ows. <BR> |
5 Creates two different types of buttons, one with an image (a red dot) and anothe
r <BR> | 5 Creates two different types of buttons, one with an image (a red dot) and anothe
r <BR> |
6 with text ("foo") and then uses six different paddings to make sure each of the
buttons render properly. | 6 with text ("foo") and then uses six different paddings to make sure each of the
buttons render properly. |
7 <BR><BR> | 7 <BR><BR> |
8 | 8 |
9 <script> | 9 <script> |
10 var fooImage = '<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAK
CAYAAACNMs+9AAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9YGARc5
KB0XV+IAAAAddEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIFRoZSBHSU1Q72QlbgAAAF1JREFUGNO9zL0N
glAAxPEfdLTs4BZM4DIO4C7OwQg2JoQ9LE1exdlYvBBeZ7jqch9//q1uH4TLzw4d6+ErXMMcXuHWxId3
KOETnnXXV6MJpcq2MLaI97CER3N0vr4MkhoXe0rZigAAAABJRU5ErkJggg==" alt="Red dot" />'; | 10 var fooImage = '<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAK
CAYAAACNMs+9AAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9YGARc5
KB0XV+IAAAAddEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIFRoZSBHSU1Q72QlbgAAAF1JREFUGNO9zL0N
glAAxPEfdLTs4BZM4DIO4C7OwQg2JoQ9LE1exdlYvBBeZ7jqch9//q1uH4TLzw4d6+ErXMMcXuHWxId3
KOETnnXXV6MJpcq2MLaI97CER3N0vr4MkhoXe0rZigAAAABJRU5ErkJggg==" alt="Red dot" />'; |
(...skipping 30 matching lines...) Expand all Loading... |
41 var rows = table.rows; | 41 var rows = table.rows; |
42 var thisCell = button.parentNode; | 42 var thisCell = button.parentNode; |
43 var thisRow = thisCell.parentNode; | 43 var thisRow = thisCell.parentNode; |
44 | 44 |
45 button.parentNode.nextSibling.innerHTML = | 45 button.parentNode.nextSibling.innerHTML = |
46 "(" + button.offsetHeight + ", " + button.offsetWidth + ") " + | 46 "(" + button.offsetHeight + ", " + button.offsetWidth + ") " + |
47 "(" + button.clientHeight + ", " + button.clientWidth + ")"; | 47 "(" + button.clientHeight + ", " + button.clientWidth + ")"; |
48 } | 48 } |
49 } | 49 } |
50 | 50 |
51 printSize('button'); | 51 window.onload = function() { |
52 printSize('input'); | 52 printSize('button'); |
| 53 printSize('input'); |
| 54 }; |
53 </script> | 55 </script> |
54 | 56 |
55 </body> | 57 </body> |
56 </html> | 58 </html> |
OLD | NEW |