Tag Archives: modal

notiModal.js

DEMO DOWNLOAD How to Use?

A simple bootstrap notification modal with jQuery

HTML

Auto Generate!

CSS

<link rel="stylesheet" type="text/css" href="bootstrap.min.css">

JS

<script src="jquery.js" type="text/javascript"></script>
<script src="notiModal.min.js" type="text/javascript"></script>
<script type="text/javascript">
$.notiModal.init("first_modal", {
title: "hello again",
content: "I'm jus trying to make somthing nice here.
Do you like it ?",
'ok': 'Yes i like it!',
'close': 'Not that much!',
'max_width': 420,
'no_more': 'Never show that again',
// ok callback
onOkClick: function (noti_modal) {
// hide current notiModal
noti_modal.hide();
alert('glade you like it!');
}
});
// create another notiModal
$.notiModal.init("second_modal", {
title: "Hi there",
top: 300,
sound: true,
ok: "show another notiModal",
max_width: 800,
content: 'this is a notification modal',
// ok callback
onOkClick: function (noti_modal) {
// hide current notiModal
noti_modal.hide()
// get and show the first created notiModal
$.notiModal.get("first_modal").show();
}
})
.show();
$('#force-show').click(function  () {
$.notiModal.get("second_modal").show({force: true});
})
</script>