TUTORIAIS DE JAVASCRIPT
 
Eventos
 
 

Geral

 

Com os eventos e sobretudo sua gestão, abordamos o lado "mágico" do Javascript.
Em Html clássico, há um evento que conhecem bem. É o clique do rato sobre um link que vai abrir outra página Web. Infelizmente, é praticamente o único. Felizmente, o Javascript vai acrescentar uma boa dezena.

Os eventos Javascript, associados as funções, aos métodos e aos formulários, abrem uma grande porta para uma verdadeira interactividade das páginas.

 

Eventos

 
Vamos ver os diferentes eventos implementados em Javascript.
 
   EVENTOS        DESCRIÇÃO
Clik
Load
Unload
MouseOver
MouseOut
Focus
Blur
Change
Select
Submit
Quando o utilizador clica sobre um botão, um link ou outro elementos.
Quando a página é carregada pelo browser.
Quando o utilizador saia da página.
Quando o utilizador coloca o ponteiro do rato sobre um link ou outro elemento.
Quando o ponteiro do rato não está sobre um link ou outro elemento.
Quando um elemento de formulário tem o focus, istoé, que está activo.
Quando um elemento de formulário perde o focus, isto é, quando o deixa de estar activo.
Quando o valor de um campo de formulário é modificado.
Quando o utilizador selecciona um campo dentro de elemento de formulário.
Quando o utilizador clica sobre o botão Submit para enviar um formulário.
 
 
Gestão de eventos
 

Para ser eficaz, é necessário que a estes eventos sejam associados as acções previstas por ti. É o papel de gestão de eventos. A sintaxe é:

onevento="function()"

Por exemplo, onClick="alert('Bem vindo ao Truques e Dicas')".
De maneira literária, no clicar do utilizador, abrir uma caixa de aviso com a mensagem indicada.

 
onClick
 

Evento mais clássico em informática, o clique do rato.

O código deste botão é:

<FORM>
<INPUT TYPE="button" VALUE="Clicar" onClick="alert('Acabas-te de clicar no botão')">
</FORM>


Mais pormenores sobre os formulários no próximo capítulo.

 
onLoad e onUnload
 

O evento Load aparece quando a página acaba de se carregar. O inverso, Unload aparece quando o utilizador saia da página.

Os eventos onLoad e onUnload são utilizados sob forma de atributos do tags <BODY> ou <FRAMESET>. Pode-se assim escrever um script para desejar as boas vindas na abertura de uma página e uma pequena palavra de adeus ao sair desta.

    <HTML>
    <HEAD>
    <SCRIPT LANGUAGE='Javascript'>
    function bemvindo() {
    alert("Bem vindo a esta página");
    }
    function adeus() {
    alert("Adeus");
    }
    </SCRIPT>

    </HEAD>
    <BODY onLoad='bemvindo()' onUnload='adeus()'>
    Html normal
    </BODY>
    </HTML>

 

onmouseOver e onmouseOut

 

O evento onmouseOver executa-se quando o cursor passa por cima (sem clicar) de um link ou de uma imagem. Este evento é bastante prático, por exemplo, para inserir explicações na barra de estado ou mesmo com uma pequena janela tipo info-objecto.

Passar o cursor do rato sobre a palavra exemplo (sem clicar no link).

Exemplo

O evento onmouseOut, geralmente associado um onmouseOver, executa-se quando o cursor saia da zona sensível (link ou imagem).
Falaremos com mais pormenor sobre o onmouseOver e o onmouseOut na página seguinte.

 
 
 

ANÚNCIOS

 



 
 
 
  Tutoriais | Fóruns de Discussão | Notícias | Jogos | Dicas | Flash | Downloads | Livros
Gifs Animados | Loja Online | Publicitar no Truques e Dicas | Contactos