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