Inject emojis to be compatible with most sites #8
Description
Right now we are injecting emojis ( or in future our GUI which displays info to the user ) by doing something like this.
<textarea style="width: 400px; height: 200px;"></textarea>to
<div style='width: 406px; height: 206px; position: relative;'>
<textarea style='width: 400px; height: 200px; position: absolute;'></textarea>
<div style='right: 8px; bottom: 8px; position: absolute;'>
<div id='result_emoji' onclick="displayPopup()">😄</div>
<div class='popup_container' style='position: absolute; bottom: 40px; right: 10px; display: none;'>
<table class='popup'>
<caption>Correct our prediction</caption>
<tr id='happy'>
<td id='emoji'>😄</td>
<td>Happy</td>
<td>70%</td>
</tr>
<tr id='sad'>
<td id='emoji'>😔</td>
<td>Sed</td>
<td>30%</td>
</tr>
<tr id='neutral'>
<td id='emoji'>😶</td>
<td>???</td>
<td>0%</td>
</tr>
</table>
<button id='btn_save_change' onclick="hidePopup()">Done</button>
</div>
</div>
</div>We need to improve this functionality.