Funções para abrir modal Dialog Jquery UI

O jquery-ui realmente é muito funcional, rápido e multi-browser. Para quem não conhece, aconselho a dar uma olhada o mais rápido possível.

Fiz duas funções para abrir modal (aquelas janelas pop-up que escurecem o fundo). Uma para ajax e outra para iframe.


//funcao para abrir modal ajax
// coloque chamada para esta funcao no evento onclick
function showModalUiAjax(url, largura, altura, pagetitle) {
largura = typeof largura !== 'undefined' ? largura : 'auto';
altura = typeof altura !== 'undefined' ? altura : 'auto';
pagetitle = typeof pagetitle !== 'undefined' ? pagetitle : '';
var tag = $("<div id='dialogUi'></div>");
if (title != '') {
var tag = $("<div id='dialogUi' title='" + pagetitle + "'></div>");
}


$("#dialogUi").remove();

$.ajax({
url: url,
success: function(data) {
tag.html(data).dialog({modal: true, width:largura, height:altura}).dialog('open');
}
});
}

// funcao para abrir modal frame
// coloque chamada para esta funcao no evento onclick
function showModalUiFrame(url, largura, altura, pagetitle){
pagetitle = typeof pagetitle !== 'undefined' ? pagetitle : '';
var $dialog = $('<div></div>').html('<iframe style="border: 0px; " src="' + url + '" width="100%" height="100%"></iframe>').dialog({
autoOpen: false,
modal: true,
width: largura,
height: altura,
title: pagetitle
});
$dialog.dialog('open');
}