Html Notification

Set the icon property of the jqxNotification. Author: http://jqwidgets.com

HTML

<script src="http://jqwidgets.com/public/jqwidgets/jqx-all.js"></script>
<link rel="stylesheet" href="http://jqwidgets.com/public/jqwidgets/styles/jqx.base.css">
<link rel="stylesheet" href="http://jqwidgets.com/public/jqwidgets/styles/jqx.energyblue.css">
<div id="jqxNotification">
    <div></div>
</div>
<table style="margin-left: 15px; margin-top: 15px;">
    <tr>
        <td class="label">Message :</td>
        <td>
            <input id="name" type="text" />
        </td>
    </tr>
    <tr>
        <td colspan="2"></td>
    </tr>
    <tr>
        <td colspan="2" style="text-align: center;">
            <button id="submit">Submit comment</button>
        </td>
    </tr>
</table>

JavaScript

$("#name").jqxInput({
    width: 150
});

$("#submit").jqxButton();

$("#submit").click(function () {
    $("#jqxNotification").text($("#name").val());
    $("#jqxNotification").jqxNotification(
        {
            template: 'info'
        });
    
    $("#jqxNotification").jqxNotification("open");
});