Iniciando no Javascript: Exemplos de métodos de Window


Autor/fonte: CriarWeb.com
E-mail/Url: http://www.criarweb.com/artigos/338.php



Digg del.icio.us

Agora vamos realizar algum exemplo de utilização dos métodos da janela. Vamos nos centrar nos exemplos que servem para por caixas de diálogo, que são muito úteis.

Caixa de alerta

Para por um texto em uma janelinha com um botão de aceitar. Recebe o texto por parâmetro:

window.alert("Este é o texto que sai")

Como o objeto window se subentende podemos escrevê-lo assim:

alert("Este é o texto que sai")

Coloca-se uma janela como a que pode se ver nesta página.

Caixa de confirmação

Mostra uma janela com um texto indicado por parâmetro e um botão de aceitar e outro de rejeitar. Dependendo do botão que se clica devolve um true (se clicar aceitar) ou um false (se clicar rejeitar):

<script>
var resposta = confirm("Aceite-me ou rejeite-me")
alert ("Você clicou: " + resposta)
</script>

Este script mostra uma caixa de diálogo confirm e logo mostra em outra caixa de diálogo alert o conteúdo da variável que devolveu a caixa de diálogo. Novamente, podemos ver o funcionamento deste script se acessamos a esta página a parte.

Caixa de introdução de um dado

Mostra uma caixa de diálogo onde se formula uma pergunta e existe um campo de texto para escrever uma resposta. O campo de texto aparece preenchido com o que se escreva no segundo parâmetro do método. Também existe um botão de aceitar e outro de cancelar. Neste caso de clicar aceitar, o método devolve o texto que foi escrito. Se foi clicado cancelar, devolve null.

O exemplo seguinte serve para pedir o nome da pessoa que está visitando a página e logo mostrar na página uma saudação personalizada. Utiliza um loop para repetir a tomada de dados sempre que o nome da pessoa seja null (porque clicou o botão de cancelar), ou seja, um string vazio (porque não escreveu nada):

<script>
nome = null
while (nome == null || nome == ""){
    nome = prompt("Diga-me seu nome:","")
}
document.write("<h1>Olá " + nome + "</h1>")
</script>

Se observarmos na caixa prompt, veremos que recebe dois parâmetros. O segundo era o texto por padrão que sai na caixa como resposta. Deixamos como um string vazio para que não sai nada como texto por padrão.

Até aqui os exemplos dos métodos do objeto window. De qualquer forma, no resto do manual teremos ocasião de ver como trabalhar com muitas propriedades e métodos deste objeto.




Enviado por xKuRt em 22/11/2006 às 15:11


Avaliação

Esta publicação ainda não foi avaliada!


Avaliar:


A avaliação de publicações é restrita a membros cadastrados e logados no nosso site.



Comentários

Este artigo ainda não foi comentado ou o(s) comentário(s) que foi(ram) enviado(s) a ele ainda não foi(ram) publicado(s).


Envio de comentário:




  

Terça, 16 de Setembro de 2014




Top 5 membros

Últimos membros online

Últimos membros cadastrados



Capa do livro
Infra-Estrutura Elétrica para Rede de Computadores


Capa do livro
Guia Essencial do HTML5, O - Usando Jogos para Aprender HTML5 e JavaScript


Capa do livro
Python e Django - Desenvolvimento Ágil de Aplicações Web





Hostnet

IMD