Curso: Webmaster &
Webdesign
Disciplina: Criação de Site
III
Professor: Jose Maria Silveira
(cs3_05_eventos.html)
Eventos
a) Exemplo de onload na tag body e de onclick na tag div e de
onmouseover em outra div:
<html> <head> <title> t10 -
script basico </title> </head>
<body onload = "javascript:alert ( 'ó o evento OnLoad '
)" >
- - - - - - - teste de script t-12 - eventos ...
<br> <br>
<script> <!--
document.write ("teste de script " + "<br>" );
document.write ("<br>" );
--> </script>
<div onclick = "javascript:alert ( 'ó eu aki - evento
CLICK ' )" >
click aki para aviso! </div>
<br> <br>
<div onmouseover = "javascript:alert ( 'ó eu aki -
evento passa mouse ' )" >
passa mouse aki! </div>
<br> <br>
</body> </html>
veja no material do curso quais eventos podem ser usados nos diversos
objetos.
b) Veja o evento onclick ondblclick do objeto buttom:
<button ondblclick="javascript:document.bgColor='white'"
onclick="javascript:document.bgColor='green'"
id="btnt1"
accesskey="1" value="0" name="btnTeste1">
fundo
verde/branco
</button>
Responda:
Com base nos modelos acima, na nata de aula e no exercicio 05 (ja
resolvido por voce):
1) Cria página demonstrando os eventos onmousedown, onmousemove,
onmouseout, onmouseover, onmouseup, do mouse
em um TEXTO (não em um botão).
2) Criar página que mostre os funcionamento dos eventos onrezise, onselect.
3) demonstre os 3 eventos do tipo onkey.
4) Escolha outros 3 eventos que ainda não tenham sido
demonstrados e crie uma pagina para tais.