Detalhes

Categoria: Javascript

Atualização: Sexta, 17 Abril 2009 21:12

Autor: vovó Vicki

Acessos: 27071

Diálogos

Os elementos de um programa que são independentes da janela principal podem ser chamados de diálogos. Existem três diálogos principais na Javascript: alert, confirm e prompt.

Alert

O diálogo alert é o que já foi visto anteriormente. É uma função da Javascript que apresenta o texto enviado como parâmetro numa janela própria, a chamada message box ou caixa de mensagem. O parâmetro é uma string que pode ser literal ou estar armazenada numa variável. Por exemplo, ao clicar no botão abaixo, a mensagem "aicnâlubma" será mostrada:

Mas que tipo de mensagem é esta? É uma mensagem literal meio difícl de entender. Agora, vamos apresentar uma mensagem usando a função alert cujo parâmetro é enviado através de variáveis e que é um pouco mais esclarecedora. Veja o código:

Confirm

O diálogo confirm também recebe uma string (literal ou através de uma variável) que é mostrada numa caixa de diálogo que contém dois botões, OK e Cancela. Esta função da Javascript tem um valor de retorno que corresponde ao botão clicado pelo usuário. O botão abaixo foi criado com o seguinte código no seu evento onClick:

var resposta = confirm('Quer formatar seu HD?'); if (resposta) alert('Xiii, não vou poder atender seu pedido.'); else alert('Mesmo que você quisesse, não tem como formatar seu HD.');

Prompt

Com o diálogo prompt é possível fazer uma pergunta e obter uma resposta do usuário. A caixa de diálogo mostra a pergunta enviada como parâmetro string, um campo de texto onde o usuário digitar dados e os botões OK e Cancela. Além disso, esta função da Javascript permite adicionar uma resposta padrão (mas que não precisa necessariamente estar presente). Seu formato é VARIÁVEL = prompt("STRING"[,"RESPOSTA PADRÃO"]). O botão abaixo possui o seguinte código atrelado ao evento onClick:

Observações

Neste texto, além da sintaxe usada nos tutoriais anteriores, apareceram algumas coisas novas. Foram declaradas (com var) e usadas variáveis. Você pode usar qualquer nome para as suas variáveis, contanto que não sejam nomes proprietários da Javascript. Pode-se chamar uma variável de x, a ou resposta - depende do gosto de cada um. É claro que fica mais fácil lembrar de uma variável que tenha um nome que indique a sua aplicação

Nas funções que têm valores de retorno, estes podem ser atribuídos diretamente a uma variável assim que ela for declarada (como em var resposta = prompt(...)) ou, usando dois comandos, pode-se inicialmente declarar a variável e depois usá-la para armazenar um valor de retorno:

Observe que depois de cada comando é usado o delimitador ponto e vírgula (;). A função deste delimitador é indicar o fim de um comando e, com isto, podemos escrever vários comando numa só linha. Por exemplo:

Também usamos a diretiva IF, cuja tradução é SE. Por exemplo, if (resposta) significa SE (valor da variável resposta for verdadeiro) ENTÃO faça o que vem a seguir. Uma diretiva IF pode ser complementada por uma diretiva ELSE, que significa CASO CONTRÁRIO, ou seja, se a avaliação do IF não for verdadeira, ENTÃO faça o que se pede no ELSE.

Valores verdadeiros incluem valores maiores do que zero (geralmente se usa o valor 1), true (que significa verdadeiro) ou uma string que possua pelo menos um caracter. Veja os exemplos abaixo: