OLD | NEW |
| (Empty) |
1 <!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN"> | |
2 <html> | |
3 <head> | |
4 <style> | |
5 /* We'd like to check appearance of these buttons in various sizes. */ | |
6 input::-webkit-input-speech-button, | |
7 input::-webkit-search-cancel-button { | |
8 opacity: 1; | |
9 } | |
10 </style> | |
11 </head> | |
12 <body> | |
13 <p>Test appearances of input-speech-button in <input type='search'>.</p> | |
14 <div id="console"></div> | |
15 | |
16 <script> | |
17 var parent = document.createElement('div'); | |
18 document.body.appendChild(parent); | |
19 parent.innerHTML = '<table><tr><td id=p1><td id=p2><td id=p3></tr></table>'; | |
20 var cells = ["", "", ""]; | |
21 var maxCellCount = [7, 5, 5]; | |
22 var cellCount = 0; | |
23 var index = 0; | |
24 for (var size = 8; size < 24; size++) { | |
25 cells[index] += '<input type="search" style="font-size:' + size + 'px" x-web
kit-speech><br>' | |
26 + '<input type="search" style="font-size:' + size + 'px" value="01234567
8901234567890123456789"><br>' | |
27 + '<input type="search" style="font-size:' + size + 'px" value="01234567
8901234567890123456789" x-webkit-speech><br>'; | |
28 if (++cellCount >= maxCellCount[index]) { | |
29 ++index; | |
30 cellCount = 0; | |
31 } | |
32 } | |
33 for (var i = 0; i < cells.length; ++i) { | |
34 var div = document.createElement('div'); | |
35 div.innerHTML = cells[i]; | |
36 document.getElementById('p' + (i + 1)).appendChild(div); | |
37 } | |
38 </script> | |
39 </body> | |
40 </html> | |
OLD | NEW |