Caixas de Diálogo

Caixas de Diálogo
Um recurso interessante de JavaScript é a possibilidade de criar caixas de diálogo simples, que podem ser muito informativas aos usuários que a visualizam.

Essas caixas de diálogo podem ser de alerta, de confirmação ou de prompt de entrada. Todas elas são chamadas de forma simples e intuitiva por uma função.

Alert
As caixas de diálogo de alerta são simples e informativas. Elas, geralmente, são utilizadas em validação de formulários ou bloqueio de ações.

Sua função é mostrar apenas uma mensagem com um botão de confirmação para que esta seja fechada.

Para chamar esta caixa de diálogo usamos a função alert(). Esta função recebe como parâmetro uma string que será a mensagem a ser exibida. Vejamos o código abaixo:

Código:

<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
alert ("Esta é uma caixa de diálogo ALERT do JavaScript!")
</SCRIPT>


Em caixas de diálogo há a possibilidade de controlar o fluxo de texto usando \n para a quebra de linhas.

Código:

<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
alert ("JavaScript \n Caixa de diálogo \n Alert")
</SCRIPT>

Prompt

Código:

<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
var nome;
do {
nome = prompt ("Qual é o seu nome?");
} while (nome == null || nome == "");
alert ("Seu nome é "+nome);
</SCRIPT>

Confirm

Código:

<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
decisao = confirm("Clique em um botão!");
if (decisao){
    alert ("Você clicou no botão OK,\n"+
              "porque foi retornado o valor: "+decisao);
} else {
    alert ("Você clicou no botão CANCELAR,\n"+
              "porque foi retornado o valor: "+decisao);
}
</SCRIPT>

fonte:
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]