| <!DOCTYPE HTML> |
| <html i18n-values='dir:textdirection;'> |
| <style> |
| |
| html, body { |
| margin: 0; |
| overflow: hidden; |
| } |
| |
| input { |
| bottom: 0; |
| left: 0; |
| margin: 0; |
| position: absolute; |
| right: 0; |
| top: 0; |
| } |
| |
| </style> |
| |
| <body> |
| <input> |
| </body> |
| |
| <script> |
| |
| var textfield = document.querySelector('input'); |
| textfield.addEventListener('input', sendTextfieldValueToBrowser); |
| |
| /** |
| * Sends the textfield value to the browser. Called whenever the user presses a |
| * key. We first check if the key-press has really changed the text, then send |
| * the new value to the browser if so. |
| */ |
| function sendTextfieldValueToBrowser() { |
| chrome.send('textfieldValue', [textfield.value]); |
| } |
| |
| /** |
| * Sets textfield value |
| * @param {string} value |
| */ |
| function setTextfieldValue(value) { |
| textfield.value = value; |
| sendTextfieldValueToBrowser(); |
| } |
| |
| </script> |
| </html> |
