Including In Your Page
<link type="text/css" rel="stylesheet" href="css/jquery.modaldialog.css" />
<script type="text/javascript" language="JavaScript" src="http://code.jquery.com/jquery-latest.js"> </script>
<script type="text/javascript" language="JavaScript" src="js/jquery.modaldialog.js"> </script>
Show Error
Error
$.modaldialog.error('The operation failed.');
Show Warning
Warning
$.modaldialog.warning('There were problems processing the log file.');
Show Success
Success
$.modaldialog.success('Great win detected in sector.');
Show Prompt/Confirmation
Prompt
$.modaldialog.prompt('Are you sure you want to quit?');
Set Title
Set Title
$.modaldialog.success('All file have been deleted.', {
title: 'No Turning Back Now!'
});
Set Dialog Width
Dialog Width
$.modaldialog.success('Not much here.', {
width: 200
});
Set AutoClose Time
AutoClose
$.modaldialog.success('Autoclosing in 5 seconds.', {
timeout: 5
});
Set AutoClose Time and Hide Close Buttons
AutoClose
$.modaldialog.success('Autoclosing in 5 seconds.', {
timeout: 5
, showClose: false
});