Manual completo javascript

MÉTODOS DE INTERFACE COM O USUÁRIO

Com este tipo de método, o usuário poderá criar objetos especiais que criam

diferentes tipos de caixas de diálogo. Estes métodos fazem parte do objeto

window. Com base nisto é possível por exemplo utilizar as seguintes

instruções que resultam no mesmo efeito:

alert("Seja Bem Vindo!!!");

window.alert("Obrigado pela Visita");

MÉTODO ALERT

Com o método alert, o usuário poderá sempre que desejar, exibir uma

mensagem na tela exibindo uma caixa de diálogo como mostrado na figura

abaixo:

Este método segue a seguinte sintaxe:

alert(valor);

Veja pelo exemplo do script abaixo, a apresentação de uma mensagem através

do método alert:

alert("Seja Bem Vindo!!!");

</script>

Com o método alert é possível exibir vários tipos de valores como numéricos,

strings, booleanos, entre outros. Veja outras maneiras de utilização do método

alert:

texto="SENAC-MG";

alert("Seja Bem Vindo!!!"); // Exibe a string.

alert(12) // Exibe o valor numérico 12.

alert(texto) // Exibe o conteúdo da variável TEXTO.

alert(texto+" Informática") // Exibe a variável mais a string.

alert(true) // Exibe o valor true.

</script>

Para que o texto da janela alert() apareça em várias linhas, será necessário

utilizar o caractere especial /n para criar uma nova linha.

MÉTODO CONFIRM

Com o método confirm o usuário irá exibir uma caixa de diálogo com os

botões OK e CANCELAR. De acordo com o botão escolhido a linguagem

JavaScript irá retornar um determinado valor. Quando o usuário pressiona o

botão OK, é assumido o valor 1, caso seja pressionado o botão CANCELAR,

será assumido o valor 0. Sua sintaxe básica é formada da seguinte maneira:

confirm(valor);

vejamos um exemplo da utilização do método confirm:

teste=confirm("Tem certeza que deseja fechar?");

if (teste==1){

alert("Arquivos fechados");

}else{

alert("Operação Cancelada");

}

</script>

MÉTODO PROMPT

Com o método prompt é possível a criação de uma caixa de diálogo onde o

usuário poderá entrar com alguma informação, além de poderem optar no uso

dos botões OK e CANCELAR. Quando o usuário cancela, automaticamente é

assumido ao método prompt um valor nulo. Sua sintaxe é formada da

seguinte maneira:

prompt(valor,default);

onde default, é o valor padrão que será exibido na caixa de texto ao usuário.

Veja um exemplo da utilização do método prompt:

teste=prompt("Digite seu Nome:","");

alert(teste+" seja Bem Vindo!");

</script>

Os possíveis valores a serem retornados pelo método prompt são:

String, quando o usuário digita um texto e pressiona o botão OK.

String vazia, quando o usuário não digita nada e pressiona OK.

NULO (null), quando o usuário pressiona o botão CANCELAR.

ANOTAÇÕES:

______________________________________________________

OBJETO WINDOW

A manipulação de janelas se dá através do objeto window da linguagem

JavaScript. Sempre que se abre o browser automaticamente é criado este

objeto que representa exatamente a janela que fora aberta. Isto é feito

automaticamente sem a necessidade de usar os comandos da linguagem

HTML.

Este objeto permite que o usuário crie e abra novas janelas de formas

diferentes. Tudo isto é possível através das propriedades e métodos do objeto

window. Para utilizá-los, basta seguir a seguinte sintaxe:

window.propriedade

window.método

PROPRIEDADES DO OBJETO WINDOW/FRAME

As propriedades deste objeto modificam os aspectos em relação da janela do

navegador e de seus frames caso existam.

PROPRIEDADES DESCRIÇÃO

frames[] Array de frames em uma janela.

length

Quantidade de frames existentes em

uma janela.

name Nome do objeto window.

parent Representa a janela ou frame-pai.

self Representa a janela atual de um frame.

top

Representa a janela superior do

browser.

window Representa a janela ou frame-pai.

status

Define uma string que será apresentada

na barra de status

defaultStatus

Define uma mensagem padrão que será

apresentada na barra de status.

WINDOW.STATUS E DEFAULTSTATUS

Tanto status como defaultStatus são utilizadas para atribuir uma string na

barra de status, com a diferença que a propriedade defaultStatus pode ser

utilizada como um simples objeto apesar de ser ainda uma propriedade do

objeto window, mas além disto a propriedade defaultStatus permite

armazenar a mensagem padrão que será exibida, ou seja, aquela que voltará a

ser exibida após modificações temporárias provocadas por mensagens

colocadas na propriedade status. A sintaxe básica das duas propriedades

seguem o seguinte parâmetro:

window.status("mensagem");

window.defaultStatus = "Esta é a mensagem padrão.";

defaultStatus = "Esta é a mensagem padrão";

Veja o funcionamento disto acionando os botões abaixo:

MÉTODO OPEN

Este método tem como objetivo abrir uma nova janela do browser. Com este

método o usuário poderá abrir uma nova janela em branco ou uma janela que

contém um documento específico. Sua sintaxe tem a seguinte formação:

NomeJanela=window.open(URL,alvo,opções);

Onde NomeJanela é uma variável que será uma referência a nova janela.

Onde URL é o endereço da janela a ser aberta.

Onde alvo é o nome da janela para ser usado no atributo target dos tag’s

<FORM> ou <A>.

Onde opções é o parâmetro que controla o comportamento da janela.

MÉTODO CLOSE

O método close do objeto window tem a finalidade de fechar uma janela.

Normalmente utiliza-se este método atribuído à um botão de ação criado com

os formulários. Sua sintaxe básica tem a seguinte formação:

window.close()

No exemplo abaixo temos uma página com um botão chamado Fechar, onde

quando o usuário clicar sobre o mesmo é acionado este evento.

Neste caso, foi utilizado o evento onClick que executa a instrução

window.close() assim que o usuário clica sobre o botão.

MÉTODO SETTIMEOUT

Através do método setTimeout o usuário poderá criar um contador de tempo

que executa alguma ação após um determinado intervalo de tempo. Sua

sintaxe segue o seguinte padrão:

variável=setTimeOut(“função”,intervalo);

Onde é função é alguma instrução que o usuário quer que execute após o

intervalo especificado em milissegundos (milésimos de segundos). Na maioria

das vezes, função é uma chamada de uma função criada anteriormente.

Onde é intervalo é o tempo até que a função seja executada.

Um dos exemplos mais comuns de uso do método setTimeout é o da criação

de contadores em uma página e textos rolantes na barra de status. Veja pelo

exemplo do script a seguir, o uso de texto piscante na barra de status:

ANOTAÇÕES:

________________________________________________________

<!--

texto="SENAC-MG";

velocidade=150;

controle=1;

function flash(){

if (controle == 1){

window.status=texto;

controle=0;

}else{

window.status="";

controle=1;

}

setTimeout("flash();",velocidade);

}

// -->

</script>

MÉTODO CLEARTIMEOUT

Através do método clearTimeout o usuário poderá cancelar um marcador de

tempo que foi criado pelo método setTimeout. Sua sintaxe segue o seguinte

padrão:

clearTimeout(tempo);

Onde é tempo é o manipulador de identificação do timer criado pelo método

setTimeout.

TRABALHANDO COM JANELAS

Qualquer usuário que costuma navegar na Internet, sabe que é possível

manipular a janela aberta de um site através de comandos do próprio browser

como por exemplo o comando Tela Cheia encontrado no menu Exibir do

navegador, entre outras opções. Mas através da linguagem JavaScript é

possível realizar as mesmas operações através de sua programação.

Se o usuário desejar abrir uma nova janela à partir de uma janela já aberta,

basta utilizar o método open em sua estrutura. Veja sua sintaxe:

window.open(“URL”);

janela=window.open(“URL”);

Onde:

janela: é referente ao nome dado para a janela a ser aberta para fins das

instruções de programação.

window.open: OPEN é o método do objeto window para abrir uma nova

janela.

URL: é o endereço da página que será aberta na nova janela. Caso o usuário

omitir este endereço, será aberta uma nova janela vazia.

A omissão de uma URL, será aberta uma nova janela em branco.

Veja no exemplo abaixo, a criação de uma nova janela chamada SENAC onde

será aberto o site do SENAC.

Senac=window.open(“http://www.mg.senac.br”)

É possível através de outros argumentos, definir o comportamento de como a

nova janela deverá ser apresentada. Veja os argumentos existentes para o

método open:

TOOLBAR permite a exibição da barra de ferramentas do navegador.

LOCATION permite a exibição da barra de endereço do navegador.

DIRECTORIES permite a exibição da barra de links do navegador.

STATUS permite a exibição da barra de status do navegador.

MENUBAR permite a exibição da barra de menu do navegador.

SCROLLBARS permite a exibição das barras de rolagem do navegador.

RESIZABLE permite ao usuário redimensionar a nova janela do navegador.

WIDTH especifica a largura da nova janela do navegador em pixels.

HEIGHT especifica a altura da nova janela do navegador em pixels.

Quaisquer uns destes argumentos possuem valores booleanos (yes/no,1/0).

Se utilizar mais de um argumento, os mesmos deverão estar separados por

vírgula. Aquelas opções não definidas irão assumir valores falsos.

No exemplo apresentado a seguir, é mostrada a abertura de uma segunda

página apenas com a barra de status e com tamanho de 250 x 200 pixels:

<HTML>

<HEAD>

<title>TESTE DE JANELAS</TITLE>

janela2=window.open("","","status=yes,width=250,height=200")

</script>

</head>

SENAC-MG

</body>

</html>

CONTINUE >>>

E-BOOKOASIS

Pesquisar este blog

Manual completo javascript - PARTE 9

Comentários

Postar um comentário