Criar Web, manuais e recursos para desenvolvimento web
Manuais
Programas
FAQS
Diretório
Comunidade
  Inicio > Manuais > Programação em Javascript II
SEÇÕES
Manuais relacionados
+Programação em Javascript II
Categorias
+Javascript

Índice do Manual Programação em Javascript II
+ Introdução ao manual II de Javascript
+ Livraria de funções Javascript
+ Exemplos das funções da livraria Javascript
+ Objetos em Javascript
+ Objetos incorporados em Javascript
+ Classe string em Javascript
+ Exemplos de funcionamento da classe String
+ Classe Date em Javascript
+ Exemplo de funcionamento de Date
+ Classe Math em Javascript
+ Classe Number em Javascript
+ Classe Boolean em Javascript
+ Criação de classes em Javascript
+ Criação de classes em Javascript II
+ Criação de classes em Javascript III
+ Hierarquia de objetos do navegador
+ Trabalhando com a hierarquia em Javascript
+ Objeto Window de Javascript
+ Métodos de window em Javascript
+ Exemplos de métodos de Window
+ Objeto document em Javascript
+ Exemplos de propriedades de document
+ Métodos de document
+ Fluxo de escritura do documento
+ Trabalho com formulários em Javascript
+ Ex. de trabalho com formulários. Calculadora simples
+ Propriedades e métodos do objeto form
+ Controle de campos de texto com Javascript
+ Controle de checkbox em javascript
+ Controle de botões de radio em Javascript
+ Controle de campos select com Javascript
+ Controle de elementos Textarea em Javascript
+ Os eventos em Javascript
+ Os manipuladores de eventos em Javascript
+ Exemplos de eventos em Javascript. Onabort
+ Exemplo do evento onblur em Javascript
+ Continuação do exemplo de onblur
+ Elementos de formulário select associados
+ Evento onunload de Javascript
+ Evento onload de Javascript

Descrição dos capítulos

Parceiros
- CSS para Web Design
- S.O.S Designers
- Slackware-Brasil
- Crie seu Web site
- Oficina da Net


Exemplos de métodos de Window

Outros exemplos de métodos do objeto window de Javascript, relatados com detalhe.


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.

Podemos ver este último script em funcionamento em uma página a parte.

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.

Autoria e outras referências sobre este artigo

Manuais relacionados com este artigo
Dentro de Programação em Javascript II

Categorias relacionadas
Através das categorias do nosso diretório podem ser encontrados outros tipos de recursos relacionados com este artigo:
+ Entrar em Javascript


Comentários dos visitantes
Os comentários dos visitantes são para ampliar a informação do artigo. Todos podem participar.
Acrescentar um comentário do artigo Acrescentar um comentário do artigo



Sobre nós | Copyright | Anuncie | Entrar em contato <criarweb>

Hospedado por Hostnet Hospedagem de Sites