I have created a modal div with title bar, custom icons and z-index by using javascript. I am not using jquery ui modal.
I can display the modal div by calling a function
$(document).ready(function (){
notify = function notify(mode, title, message, type) {
createDialog(mode, title, message, type);
}
function createDialog(mode, title, message, type) {
appendDialog(customHtmlContent);
}
function appendDialog(content) {
var body = $(document).find('body');
$(body).append(content);
}
$(document).on('click','span#closeNotification',function(){
});
$(document).on('click','span#showNotification',function(){
notify('mode','title','message','info');
otherFunction();
});
});
But the problem is that after showing the modal dialog i want to halt the javascript code execution. After the dialog is closed by the user continue and execute the further javascript code.
What I have tried:
I have not tried anything as yet to add this functionality