Criar Dialog Modal com JQuery

Question

Como eu crio um Dialog Modal com jquery para substituir os Alertss?...

Gabriel Simas · Answer

PJava,

Para tal, voc� pode usar o jQueryUI que � um framework baseado no jQuery e que j� tem um objeto para criar dialogs, al�m disso, conta com v�rias op��es de Dialog, como Modal ou n�o modal. Voc� pode acess�-lo em: [url]http://jqueryui.com/dialog/[/url]

Forte Abra�o.

Rodrigo Odasaki · Answer

Fa�a download da biblioteca: jqueryui em http://jqueryui.com/

Os exemplos est�o na demos do site.

1�
Crie as div no documento e altere o display dele para none:
<div id="dialog-carregando" style="display: none">
<p>Carregando.. aguarde.</p>
</div>

<div id="dialog-sucesso" style="display: none">
<p>Sucesso</p>
</div>

Rodrigo Odasaki · Answer

2� Informe o modal no construtor do documento JS.
$(document).ready(function() {
{
$('#dialog-carregando').dialog({
autoOpen: false,
width: 400,
height: 130,
show: "clip",
hide: "fade",
title: "Aguarde um momento"
});

$('#dialog-sucesso').dialog({
autoOpen: false,
width: 400,
height: 130,
show: "clip",
hide: "fade",
title: "Informa��es atualizadas com sucesso"
});
});

Rodrigo Odasaki · Answer

Basta agora chamar elas em qualquer function, exemplo:function openDialogCarregando() {    $(#dialog-carregando).dialog(open);}Para fechar � s� usar o close.Bastar olhar na documenta��o....