1 <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1/jquery-ui.js" type="text/javascript"></script>
2 <!-- <script type="text/javascript">{{ STATIC_URL }}js/ui.widget.js</script> -->
3 <script src="{{ STATIC_URL }}js/jquery.notify.js" type="text/javascript"></script>
4 <link rel='stylesheet' href='{{ STATIC_URL }}css/ui.notify.css' type='text/css' />
6 <script type="text/javascript">
7 function create( template, vars, opts ){
8 return $container.notify("create", template, vars, opts);
12 // initialize widget on a container, passing in all the defaults.
13 // the defaults will apply to any notification created within this
14 // container, but can be overwritten on notification-by-notification
16 $container = $("#notifications").notify();
18 // create two when the pg loads
19 //create("default", { title:'Default Notification', text:'Example of a default notification. I will fade out after 5 seconds'});
20 //create("sticky", { title:'Sticky Notification', text:'Example of a "sticky" notification. Click on the X above to close me.'},{ expires:false });
23 $(document).ready(function(){
24 {% for message in messages %}
25 $("#notifications").notify("create", {
26 title: 'Test Notification',