JavaScript Notification

Set the appendContainer 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 id="notificationContent"></div>
</div>

<div style="width:250px;position:absolute;right:5px; top:50px;z-index:900;" id="Notearea"></div>

JavaScript

$("#jqxNotification").jqxNotification({
  width: 250, 
  appendContainer: "#Notearea",
  opacity: 0.9,
  autoOpen: false, 
  animationOpenDelay: 800, 
  autoClose: true, 
  autoCloseDelay: 6000, 
  template: "info"
});

   var names=["7","8","9","10","11"];
   for (var v = 0; v <names.length; v++) {
       $("#notificationContent").html(names[v]);
       $("#jqxNotification").jqxNotification("open");
   }