/*
* http://www.leigeber.com/2008/04/custom-javascript-dialog-boxes/
*/
(function($) {
var modaldialog = { };
// Creates and shows the modal dialog
function showDialog (msg, options) {
// Make sure the dialog type is valid. If not assign the default one (the first)
if(!$.inArray(options.type, modaldialog.DialogTypes)) {
options.type = modaldialog.DialogTypes[0];
};
// Merge default title (per type), default settings, and user defined settings
var settings = $.extend({ title: modaldialog.DialogTitles[options.type] }, modaldialog.defaults, options);
// If there's no timeout, make sure the close button is show (or the dialog can't close)
settings.timeout = (typeof(settings.timeout) == "undefined") ? 0 : settings.timeout;
settings.showClose = (typeof(settings.showClose) == "undefined") ? true : !!settings.showClose;
// Check if the dialog elements exist and create them if not
if (!document.getElementById('dialog')) {
dialog = document.createElement('div');
dialog.id = 'dialog';
$(dialog).html(
"
" +
""
);
dialogmask = document.createElement('div');
dialogmask.id = 'dialog-mask';
$(dialogmask).hide();
$(dialog).hide();
document.body.appendChild(dialogmask);
document.body.appendChild(dialog);
// Set the click event for the "x" and "Close" buttons
$("#dialog-close").click(modaldialog.hide);
$("#dialog-button").click(modaldialog.hide);
$("#dialog-prompt-yes").click(modaldialog.hideyes);
$("#dialog-prompt-no").click(modaldialog.hideno);
}
var dl = $('#dialog');
var dlh = $('#dialog-header');
var dlc = $('#dialog-content');
var dlb = $('#dialog-button');
var dlpy = $('#dialog-prompt-yes');
var dlpn = $('#dialog-prompt-no');
$('#dialog-title').html(settings.title);
$('#dialog-content-inner').html('
' + msg + '');
// Center the dialog in the window but make sure it's at least 25 pixels from the top
// Without that check, dialogs that are taller than the visible window risk
// having the close buttons off-screen, rendering the dialog unclosable
dl.css('width', settings.width);
var dialogTop = Math.abs($(window).height() - dl.height()) / 2;
dl.css('left', ($(window).width() - dl.width()) / 2);
dl.css('top', (dialogTop >= 25) ? dialogTop : 25);
// Clear the dialog-type classes and add the current dialog-type class
$.each(modaldialog.DialogTypes, function () { dlh.removeClass(this + "header")});
dlh.addClass(settings.type + "header");
$.each(modaldialog.DialogTypes, function () { dlc.removeClass(this + "modal")});
dlc.addClass(settings.type + "modal");
$.each(modaldialog.DialogTypes, function () { dlb.removeClass(this + "button")});
dlb.addClass(settings.type + "button");
$.each(modaldialog.DialogTypes, function () { dlpy.removeClass(this + "button")});
dlpy.addClass(settings.type + "button");
$.each(modaldialog.DialogTypes, function () { dlpn.removeClass(this + "button")});
dlpn.addClass(settings.type + "button");
if (!settings.showClose) {
$('#dialog-close').hide();
$('#dialog-button-container').hide();
} else {
$('#dialog-close').show();
$('#dialog-button-container').show();
}
if (!settings.showPrompt) {
$('#dialog-prompt-container').hide();
$('#dialog-prompt-yes').hide();
$('#dialog-prompt-no').hide();
} else {
$('#dialog-prompt-container').show();
$('#dialog-prompt-yes').show();
$('#dialog-prompt-no').show();
}
if (settings.timeout) {
window.setTimeout("$('#dialog').fadeOut('slow', 0); $('#dialog-mask').fadeOut('normal', 0);", (settings.timeout * 1000));
}
dl.fadeIn("slow");
$('#dialog-mask').fadeIn("normal");
$('#dialog').draggable({handle:'#dialog-header'});
};
modaldialog.error = function $$modaldialog$error (msg, options) {
if (typeof(options) == "undefined") {
options = {
showClose: true
};
}
options['type'] = "error";
return(showDialog(msg, options));
}
modaldialog.warning = function $$modaldialog$error (msg, options) {
if (typeof(options) == "undefined") {
options = {
showClose: true
};
}
options['type'] = "warning";
return(showDialog(msg, options));
}
modaldialog.success = function $$modaldialog$error (msg, options) {
if (typeof(options) == "undefined") {
options = {
showClose: true
};
}
options['type'] = "success";
return(showDialog(msg, options));
}
modaldialog.prompt = function $$modaldialog$error (msg, options, url) {
if (typeof(options) == "undefined") {
options = {
showPrompt: true
};
}
options['type'] = "prompt";
return(showDialog(msg, options));
}
modaldialog.hideyes = function $$modaldialog$hide () {
if (typeof confirmed_ok == 'function') {
confirmed_ok();
}
$('#dialog').fadeOut("slow", function () { $(this).hide(0); });
$('#dialog-mask').fadeOut("normal", function () { $(this).hide(0); });
return true;
};
modaldialog.hideno = function $$modaldialog$hide () {
if (typeof confirmed_ko == 'function') {
confirmed_ko();
}
$('#dialog').fadeOut("slow", function () { $(this).hide(0); });
$('#dialog-mask').fadeOut("normal", function () { $(this).hide(0); });
return false;
};
modaldialog.hide = function $$modaldialog$hide () {
$('#dialog').fadeOut("slow", function () { $(this).hide(0); });
$('#dialog-mask').fadeOut("normal", function () { $(this).hide(0); });
};
modaldialog.DialogTypes = new Array("error", "warning", "success", "prompt");
modaldialog.DialogTitles = {
"error": jslang[language_code]['modal_error_title']
, "warning": jslang[language_code]['modal_warning_title']
, "success": jslang[language_code]['modal_success_title']
, "prompt": jslang[language_code]['modal_prompt_title']
};
modaldialog.defaults = {
timeout:0,
width:525,
showPrompt:false,
showClose:true
};
$.extend({ modaldialog: modaldialog });
})(jQuery);