JQuery Notification

PERFEKT on v5.7.2

by mogador

HTML

<script src="http://1001figuresjonglerie.fr/jqw/jqx-all.js"></script>
<link rel="stylesheet" href="http://1001figuresjonglerie.fr/jqw/jqx.base.css">
<link rel="stylesheet" href="http://1001figuresjonglerie.fr/jqw/jqx.energyblue.css">
<button id="bt_Begin" type="button">Begin</button>
<div id="notificationContainer_Enregistrer">
  <div id="notificationCadre_Enregistrer">
    <div id="notificationTexte_Enregistrer"></div>
  </div>
</div>
<button id="bt_End" type="button">End</button>

JavaScript

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

$('#bt_Begin').click(function() {
  $("#notificationCadre_Enregistrer").jqxNotification("closeLast");
  $("#notificationCadre_Enregistrer").jqxNotification({
    template: 'info',
    autoClose: false,
    blink: true,
    showCloseButton: false
  });
  $("#notificationTexte_Enregistrer").html("begin ...");
  $("#notificationCadre_Enregistrer").jqxNotification("open");
});

$('#bt_End').click(function() {
  $("#notificationCadre_Enregistrer").jqxNotification("closeLast");
  $("#notificationCadre_Enregistrer").jqxNotification({
    template: 'success',
    autoClose: true,
    blink: true,
    showCloseButton: true
  });
  $("#notificationTexte_Enregistrer").html("End ...");
  $("#notificationCadre_Enregistrer").jqxNotification("open");
});