<body bgcolor=gray onload="ftext.confirmed.connect (ftext_confirmed); "> <script> do_it = function () {var oPressed = document.getElementById('pressed'); oPressed.innerHTML = 'MouseArea in QML clicked!';}; ftext_confirmed = function () { statusText1.text = ftext.text; var oT = document.getElementById('htmlTextInput'); oT.value = ftext.text } </script> <table border=1> <tr> <td> </td> <td id='pressed'></td> </tr> <tr> <td><label for='htmlTextInput'>Type something:</label></td> <td><input type='text' name='htmlTextInput' size='25' id='htmlTextInput' onfocus="statusText2.text = 'Focus in html text input.'"></td> </tr> <tr> <td><label for='htmlButton'> </label></td> <td> <input type='button' id='htmlButton' value='Push' onclick="var oText = document.getElementById('htmlTextInput'); statusText1.text = oText.value; ftext.text = oText.value" /> </tr> </table> <p> Below a qml(QFxItem) object inside webkit: </p> <object data=content/FieldText.qml TYPE=application/x-qt-plugin id="ftext_id" text="" label="Cool:" width="200" objectname="ftext"> </object> </body>