| 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 |