into a standard dialog. Once
* this method is called, the target div will be turned into a dialog
* but you are still required to call $(divClassOrId).dialog("open");
* and $(divClassOrId).dialog("close"); to open and close the dialog
* respectively.
*
* @param divClassOrId - a JQuery selector to your target div
* @param buttons - a JQuery dialog button object (for custom buttons)
* @param opts - a JQuery dialog options object (for custom dialog behaviour)
*/
setUpRegularDialog : function (divClassOrId, buttons, opts)
{
this.resetDialog(divClassOrId, this.extendOptions(opts));
if(buttons && buttons != null)
{
$(divClassOrId).dialog('option', 'buttons', buttons);
}
},
/**
* A "private" function use for supporting dialog functionality.
*/
extendOptions : function (options)
{
if (options)
{
return $.extend(this.defaultDialogOpts, options);
}
return this.defaultDialogOpts;
},
/**
* A utility for showing a standard "confirmation dialog"
*
* @param message
- the text to be displayed in the dialog
* @param callback - the callback to be fired when "Ok" gets clicked.
*/
confirmDialog : function (message, callback)
{
var dName = this.createDialogDiv();
$("#" + dName).attr("title", "Confirmation");
var opts = {"close": function() {$("#" + dName).dialog("destroy");}};
this.resetDialog("#" + dName, this.extendOptions(opts));
var thisDialog = $("div[aria-labelledby='ui-dialog-title-" + dName + "']");
var r;
$("#" + dName).dialog('option', 'width', '');
$("#" + dName).dialog('option', 'buttons', '');
$("#" + dName).dialog('option', 'buttons', {
"OK": function(){
$("#" + dName).dialog("close");
if (callback)
{
callback();
}
},
"Cancel": function(){
$("#" + dName).dialog("close");
}
});
$("#" + dName).html("" + message + "
");
$("#" + dName).dialog("open");
$(thisDialog).find(".ui-dialog-buttonpane button").css({"float":"none"}); //these 3 lines will hack the default UI settings and make the buttons center
$(thisDialog).find(".ui-dialog-buttonpane").css({"text-align":"center"});
$(thisDialog).find(".ui-dialog-buttonpane").css({"padding":"0px"});
$(thisDialog).find(".ui-dialog-title").css({"width":"100%", "text-align":"center"});
this.centerDiv("#" + dName, "#centerThis");
return "#" + dName;
},
/**
* A utility for showing a standard "alert dialog"
*
* @param message - the text to be displayed in the dialog
* @param error - when TRUE, the dialog will be styled as an "error alert".
*/
alertDialog : function (message, error)
{
var dName = this.createDialogDiv();
$("#" + dName).attr("title", "Alert");
var opts = {"close": function() {$("#" + dName).dialog("destroy");}};
this.resetDialog("#" + dName, this.extendOptions(opts));
var thisDialog = $("div[aria-labelledby='ui-dialog-title-" + dName + "']");
var r;
$("#" + dName).dialog('option', 'width', '');
$("#" + dName).dialog('option', 'buttons', '');
$("#" + dName).dialog('option', 'buttons', {
"OK": function(){
$("#" + dName).dialog("close");
}
});
$("#" + dName).html("" + message + "
");
$("#" + dName).dialog("open");
if(error)
{
$("#" + dName).addClass("ui-state-error");
$(thisDialog).find(".ui-dialog-title").css({"color":"#FFFFFF"});
$(thisDialog).find(".ui-dialog-titlebar").css({"background":"#B90101"});
}
$(thisDialog).find(".ui-dialog-title").css({"width":"100%", "text-align":"center"});
$(thisDialog).find(".ui-dialog-title").css({"display" : "block", "padding-left":"0px", "padding-right":"0px"});//display title bar
$(thisDialog).find(".ui-dialog-buttonpane button").css({"float":"none"}); //these 2 lines will hack the default UI settings and make the buttons center
$(thisDialog).find(".ui-dialog-buttonpane").css({"text-align":"center", "padding":"0px"});
this.centerDiv("#" + dName, "#centerThis");
return "#" + dName;
},
/**
* A utility for showing a standard "message dialog"
* NOTE: you must call "closeTempMessageDialog" to close it
*
* @param text - the message to display in the pop-up
* @param waitBar - will show a "loading graphic" when TRUE
* @returns - the JQuery selector of the pop-up (to be passed in the "closeTempMessageDialog" call)
*/
openTempMessageDialog : function (text, waitBar)
{
var dName = this.createDialogDiv();
var opts = {"close": function() {$("#" + dName).dialog("destroy");}};
this.resetDialog("#" + dName, this.extendOptions(opts));
if (waitBar)
{
text += "
";
}
$("#" + dName).html("" + text + "
");
$("#" + dName).dialog("option", "buttons", "");
$("#" + dName).dialog('option', 'width', "");
$("#" + dName).dialog('option', 'closeOnEscape', false );
$("#" + dName).dialog("open");
this.centerDiv("#" + dName, ".textToCenter-" + dName);
return "#" + dName;
},
/**
* A utility for closing a standard "message dialog"
*
* @param dName - the JQuery selector that should be used for closing the "tempMessageDialog"
*/
closeTempMessageDialog : function (dName)
{
$(dName).dialog("close");
},
/**
* A utility for showing a standard "message dialog" which will
* automatically close after the specified "mili" seconds.
*
* @param text - the message to display in the pop-up
* @param mili - this lengh of time (in miliseconds) before the pop-up closes
* @param callback - the callback that will be fired after the pop-up closes
*/
timedMessageDialog : function (text, mili, callback)
{
var toClose = this.openTempMessageDialog(text);
$(toClose).stepDelay(mili, function() {orbisApp.closeTempMessageDialog(toClose);});
if (callback) {
$("html").stepDelay(mili, function() {callback();});
}
},
/**
* A "private" function use for supporting dialog functionality.
*/
centerDiv : function (nameOfContainer, nameOfChild)
{
cHeight = $(nameOfContainer).height();
cWidth = $(nameOfContainer).width();
tHeight = $(nameOfContainer + " " + nameOfChild).height();
tWidth = $(nameOfContainer + " " + nameOfChild).width();
$(nameOfContainer + " " + nameOfChild).css({"text-align" : "center"});
$(nameOfContainer + " " + nameOfChild).css({"margin-top" : ((cHeight/2) - (tHeight/2))});
$(nameOfContainer + " " + nameOfChild).css({"margin-left" : ((cWidth/2) - (tWidth/2))});
},
/**
* A "private" function use for supporting dialog functionality.
*/
createDialogDiv : function ()
{
this.numOfDialogs++;
var dName = "dialog_" + this.numOfDialogs;
$("body").append("");
return dName;
}
};
/************** GLOBAL JQUERY EXTENSIONS **************/
$.fn.stepDelay = function(time, callback){
$.fx.step.delay = function(){};
return this.animate({delay:1}, time, callback); //the callback is the function that will wait for the delay to run before it executes
}
$.fn.coverThis = function(){
if($(this).find("#" + $(this).attr("coverId")).length == 0)
{
$(this).attr("coverId", "cover" + coverCount);
if($(this).css("position") == "static")
{
$(this).css({"position":"relative"});
}
$(this).prepend("");
coverCount++;
}
}
$.fn.uncoverThis = function(){
$(this).find("#" + $(this).attr("coverId")).remove();
$(this).removeAttr("coverId");
}
$.fn.groupCheckboxes = function(selectAll){
var checkAll = false;
var groupOfChkBxs = this.selector;
var lastChecked = null;
checkAll = $(groupOfChkBxs + ":checked").length == $(groupOfChkBxs).length;
$(selectAll).attr('checked', checkAll);
if(selectAll)
{
$(selectAll).click(function() {
checkAll = $(selectAll).attr("checked");
$(groupOfChkBxs).attr("checked", checkAll);
});
}
$(groupOfChkBxs).click(function(event) {
if(!lastChecked)
{
lastChecked = this;
}
if(event.shiftKey)
{
var start = $(groupOfChkBxs).index(this);
var end = $(groupOfChkBxs).index(lastChecked);
$(groupOfChkBxs).slice(Math.min(start,end), Math.max(start,end) + 1).attr("checked", lastChecked.checked);
}
lastChecked = this;
checkAll = $(groupOfChkBxs + ":checked").length == $(groupOfChkBxs).length;
$(selectAll).attr('checked', checkAll);
});
}
/************** GLOBAL "ROLL-OVER" FUNCTIONS **************/
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i 2) {
if ((img = MM_findObj(args[2])) != null && !img.MM_init) {
img.MM_init = true; img.MM_up = args[3]; img.MM_dn = img.src;
if ((nbArr = document[grpName]) == null) nbArr = document[grpName] = new Array();
nbArr[nbArr.length] = img;
for (i=4; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
if (!img.MM_up) img.MM_up = img.src;
img.src = img.MM_dn = args[i+1];
nbArr[nbArr.length] = img;
} }
} else if (event == "over") {
document.MM_nbOver = nbArr = new Array();
for (i=1; i < args.length-1; i+=3) if ((img = MM_findObj(args[i])) != null) {
if (!img.MM_up) img.MM_up = img.src;
img.src = (img.MM_dn && args[i+2]) ? args[i+2] : ((args[i+1])? args[i+1] : img.MM_up);
nbArr[nbArr.length] = img;
}
} else if (event == "out" ) {
for (i=0; i < document.MM_nbOver.length; i++) {
img = document.MM_nbOver[i]; img.src = (img.MM_dn) ? img.MM_dn : img.MM_up; }
} else if (event == "down") {
nbArr = document[grpName];
if (nbArr)
for (i=0; i < nbArr.length; i++) { img=nbArr[i]; img.src = img.MM_up; img.MM_dn = 0; }
document[grpName] = nbArr = new Array();
for (i=2; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
if (!img.MM_up) img.MM_up = img.src;
img.src = img.MM_dn = (args[i+1])? args[i+1] : img.MM_up;
nbArr[nbArr.length] = img;
} }
}
" + $(this).attr("noteTitle");
$("body").append("");
orbisApp.setUpRegularDialog("#"+dialogId, {}, {width: 300, title:setTitle});
//$(thisDialog).find('div.ui-widget-header').css({'background':'#B90101'});
$(this).html("