T r u q u e s e D i c a s - Tutoriais de Javascript

O método alert() já deve ser-te familiar, visto que já o utilizamos frequentemente ao longo do tutorial.

O método alert() afixa uma caixa de diálogo na qual é reproduzido o valor (variável e/ou cadeia de caracteres) do argumento que lhe foi fornecido. Esta caixa bloque o programa até que o utilizador não terá clicado em "OK".

Sua sintaxe é:

alert(variável);
alert("cadeia de caracteres");
alert(variável + "cadeia de caracteres");

Para escrever em várias linhas, deves usar: \n.

O método prompt()

No mesmo estilo do que o método alert(), Javascript dispõe de uma outra caixa de diálogo, no caso presente é chamada caixa de convite, que é composto por um campo que contém uma entrada a completar pelo utilizador. Esta entrada contém um valor por defeito.

A sintaxe é:

prompt("texto da caixa de convite","valor por defeito");

Ao clicar no OK, o método reenvia o valor escrito pelo utilizador ou a resposta proposta por defeito. Se utilizador clica em Cancel, o valor nulo é então reenviado.
Prompt() é porvez utilizado para incrementar dados fornecidos pelo utilizador.

O método confirm()

Este método afixa 2 botões o "OK" e "Cancel". Ao clicar no OK, confirm() reenvia o valor true e obviamente false caso clicar em Cancel. Esta método é utilizado sobretudo para confirmar uma opção.

A sintaxe deste exemplo :

confirm("Deseja continuar ?")

Temporizador

Javascript dispõe de um temporizador (ou mais presizamente uma contagem decresente) que permita invocar uma função após um derterminado tempo.A sintaxe do temporizador é :

nome_do_contador = setTimeout("função_invocada()", tempo em milisegundos)
Assim, setTimeout("arrancar()",5000) vai chamar a função arrancar() após 5 segundos.Para parar o temporizador antes do fim da contagem, temos :

clearTimeout(nome_do_contador)

Tomamos o seguinte exemplo (de pouca utilidade mas didátoco):Ao clicar em "Iniciar", activa-se o temporizador, que após 3 segundos chama uma caixa alerte(). Pode-se parar o processo prematuramente clicando em "Stop".Le script se présente comme suit :
Iniciar Stop

<HTML>
<HEAD>
</HEAD>
<BODY>
<script language="Javascript">

</script>
<a href="#" onClick="iniciar()">Iniciar</a>
     
<a href="#" onClick="clearTimeout(cont)">Stop</a>
</HTML>

Com a instrucção cont=setTimeout("alert('Tens os reflexos muito lentos !')",3000), inicializa-se um temporizador, chamado pelo método setTimeout(). Este temporizador vai invocar a função iniciar() on initialise un compteur, appelé comp par la méthode setTimeout(). Ce compteur va déclencher la fonction start() após 2000 milisegundos seja 2 segundos. Com clearTimeout(cont), pode-se parar o temporizador antes dele acabar a contagem e invocar a função.

O uso de This

Para designar o objecto, Javascript a tua disposição a palavra chave this. Esta palavra é frequentemente utilizada (sem risco de confusão) substituindo o caminho completo do objecto num formulário.
Aqui tem um exemplo:

Seja o formulário :

<FORM NAME="form3">
<INPUT TYPE="radio" NAME="escolha" VALUE="1">escolha número 1<BR>
<INPUT TYPE="radio" NAME="escolha" VALUE="2">escolha número 2<BR>
<INPUT TYPE="radio" NAME="escolha" VALUE="3">escolha número 3<BR>
<INPUT TYPE="button"NAME="botão" VALUE="Qual é a tua escolha ?" onClick="escolhaprop(form3)">
</FORM>

Em vez de usar escolhaprop(form3), pode-se utilisar escolhaprop(this.form) e evitar assim toda confusão com os outros nomes dos formulários. Neste exemplo, this.form refera-se ao formulário form3 completo. Enquanto que, escolhaprop(this) iria referir-se só ao elemento tipo botão do form3.

Para ser completo, this é utilizado também para criar uma ou várias propriedades de um objecto. Assim, para criar um objecto livro com as propriedades autor, editor e preço esta operação pode ser efectuada com a ajuda de uma função :

function livro(autor, editor, preço) {
this.auteur = autor;
this.editeur = editor;
this. prix = preço;
}

Anterior

Seguinte

ANÚNCIOS