OLD | NEW |
| (Empty) |
1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" | |
2 "http://www.w3.org/TR/html4/loose.dtd"> | |
3 <html> | |
4 <head> | |
5 <title></title> | |
6 <script type="text/javascript"> | |
7 var next = 0; | |
8 | |
9 function addMore() { | |
10 var box = document.createElement('DIV'); | |
11 box.id = 'box' + next++; | |
12 box.className = 'redbox'; | |
13 box.style.width = '150px'; | |
14 box.style.height = '150px'; | |
15 box.style.backgroundColor = 'red'; | |
16 box.style.border = '1px solid black'; | |
17 box.style.margin = '5px'; | |
18 | |
19 window.setTimeout(function() { | |
20 document.body.appendChild(box); | |
21 }, 1000); | |
22 } | |
23 | |
24 function reveal() { | |
25 var elem = document.getElementById('revealed'); | |
26 window.setTimeout(function() { | |
27 elem.style.display = ''; | |
28 }, 1000); | |
29 } | |
30 </script> | |
31 </head> | |
32 <body> | |
33 <input id="adder" type="button" value="Add a box!" onclick="addMore()"/> | |
34 | |
35 <input id="reveal" type="button" value="Reveal a new input" onclick="reveal(
);" /> | |
36 | |
37 <input id="revealed" style="display:none;" /> | |
38 </body> | |
39 </html> | |
OLD | NEW |