OLD | NEW |
| (Empty) |
1 <html> | |
2 <body> | |
3 <script> | |
4 var docToAppendTo; | |
5 function addTextarea(properties, opt_innerHTML) { | |
6 var title = docToAppendTo.createTextNode(''); | |
7 title.nodeValue = ''; | |
8 var wrapper = docToAppendTo.createElement('div'); | |
9 wrapper.style.cssText = 'display:inline-block;border:1px solid blue;font-siz
e:12px;'; | |
10 var textarea = docToAppendTo.createElement('textarea'); | |
11 for (property in properties) { | |
12 var value = properties[property]; | |
13 title.nodeValue += property + ': "' + value + '", '; | |
14 if (property == 'wrap') | |
15 textarea.setAttribute(property, value); | |
16 else if (property == 'style') | |
17 textarea.style.cssText = value; | |
18 else | |
19 textarea[property] = value; | |
20 } | |
21 textarea.innerHTML = opt_innerHTML || | |
22 "Lorem ipsum dolor ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuv"; | |
23 | |
24 var span = document.createElement('span'); | |
25 span.style.cssText = 'display:inline-block;width:80px;'; | |
26 span.appendChild(title); | |
27 wrapper.appendChild(span); | |
28 wrapper.appendChild(document.createElement('br')); | |
29 wrapper.appendChild(textarea) | |
30 docToAppendTo.body.appendChild(wrapper); | |
31 } | |
32 | |
33 function addAllTextareas(iframe, compatMode) { | |
34 iframe.style.cssText = 'width:100%;border:0;' | |
35 docToAppendTo = iframe.contentWindow.document; | |
36 | |
37 docToAppendTo.body.style.cssText = 'margin:0'; | |
38 | |
39 if (docToAppendTo.compatMode != compatMode) | |
40 testFailed('This document should be in ' + compatMode + ' mode.'); | |
41 | |
42 var compatModeTitle = docToAppendTo.createElement('div'); | |
43 compatModeTitle.innerHTML = 'CompatMode: ' + docToAppendTo.compatMode; | |
44 compatModeTitle.style.cssText = 'margin:5px 0;font-weight:bold;'; | |
45 docToAppendTo.body.appendChild(compatModeTitle); | |
46 | |
47 addTextarea({}, 'Lorem ipsum dolor'); | |
48 addTextarea({disabled: 'true'}); | |
49 addTextarea({style: 'padding:10px'}); | |
50 addTextarea({style: 'padding:0px'}); | |
51 addTextarea({style: 'margin:10px'}); | |
52 addTextarea({style: 'margin:0px'}); | |
53 addTextarea({style: 'width:60px'}); | |
54 addTextarea({style: 'width:60px; padding:20px'}); | |
55 addTextarea({style: 'width:60px; padding:0'}); | |
56 addTextarea({style: 'height:60px'}); | |
57 addTextarea({style: 'width:60px; height:60px'}); | |
58 addTextarea({style: 'overflow:hidden'}); | |
59 addTextarea({style: 'overflow:scroll'}); | |
60 addTextarea({style: 'overflow:hidden; width:60px; height:60px'}); | |
61 addTextarea({style: 'overflow:scroll; width:60px; height:60px'}); | |
62 addTextarea({cols: 5, style: 'width:60px; height:60px'}); | |
63 addTextarea({rows: 4, style: 'width:60px; height:60px'}); | |
64 addTextarea({cols: 5, rows: 4, style: 'width:60px; height:60px'}); | |
65 addTextarea({cols: 3}); | |
66 addTextarea({rows: 3}); | |
67 addTextarea({cols: 7}); | |
68 addTextarea({rows: 7}); | |
69 addTextarea({cols: 5, rows: 4}); | |
70 addTextarea({wrap: 'off'}); | |
71 addTextarea({wrap: 'hard'}); | |
72 addTextarea({wrap: 'soft'}); | |
73 addTextarea({style: 'white-space:normal'}); | |
74 addTextarea({style: 'white-space:pre'}); | |
75 addTextarea({style: 'white-space:prewrap'}); | |
76 addTextarea({style: 'white-space:nowrap'}); | |
77 addTextarea({style: 'white-space:pre-line'}); | |
78 addTextarea({style: 'word-wrap:normal'}); | |
79 addTextarea({wrap: 'off', style: 'white-space:pre-wrap'}); | |
80 | |
81 iframe.style.height = docToAppendTo.body.offsetHeight + 5 + 'px'; | |
82 } | |
83 | |
84 document.body.style.margin = 0; | |
85 | |
86 var standardsIframe = document.createElement('iframe'); | |
87 // Reference a page with a doctype so it's standards mode. | |
88 standardsIframe.src = 'resources/basic-textareas-standards.html'; | |
89 standardsIframe.onload = function(e) { | |
90 addAllTextareas(e.target, 'CSS1Compat'); | |
91 } | |
92 document.body.appendChild(standardsIframe); | |
93 | |
94 var quirksIframe = document.createElement('iframe'); | |
95 quirksIframe.onload = function(e) { | |
96 addAllTextareas(e.target, 'BackCompat'); | |
97 } | |
98 document.body.appendChild(quirksIframe); | |
99 </script> | |
100 </body> | |
101 </html> | |
OLD | NEW |