JavaScript Notification

Invoke the open method of the jqxNotification. Author: http://jqwidgets.com

by mark edwards

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">Sample notification</div>
<input type="button" id='jqxbutton' value="Open notification" />

JavaScript

$( window ).resize(function() {
   console.log('window resize event has occured');
});

$("#jqxNotification").jqxNotification({
    width: "auto",
    position: "top-right",
    opacity: 0.9,
    autoOpen: false,
    autoClose: true,
    template: "info"
});

$("#jqxbutton").jqxButton({
    theme: 'energyblue',
    width: 200,
    height: 30
});
$('#jqxbutton').click(function () {
    $("#jqxNotification").jqxNotification("open");
});