← Desenvolvimento

javascript introdução básica 2

Lida 1358 vezes

Offline

icaro 
Membro
Mensagens 128 Gostos 0
Troféus totais: 26
Trófeus: (Ver todos)
Super Combination Combination Topic Starter Poll Voter Level 5 Level 4 Level 3 Level 2 Level 1 100 Posts

Vejamos outras utilidades do javascript:
Código: [Seleccione]

<script language="javascript" type="text/javascript">
<!--
prompt("introduza o seu nome","" );
confirm("confirma o nome introduzido");
alert("obrigado por introduzir o nome");
-->
</script>
...

É óbvio que estes comandos por si só não são grande ajuda mas veremos mais tarde como as peças se encaixam

Saltando à frente. Até agora já vimos duas maneiras de colocar javascript no nosso documento, seguidamente vamos abordar uma terceira bastante popular- inserir javascript dentro de tags HTML - os chamados manejadores de eventos.
para isso não é necessário colocar as tags <script></script> nas sim introduzir o código dentro de html, um exemplo:

para dar alguma utilidade a isto vejamos como mudar uma imagem quando o rato lhe passa por cima
Código: [Seleccione]

...
<body>
<img src="A.gif" border="0" name="imagem1" onMouseOver="document.imagem1.src='B.gif'"onMouseOut="document.imagem1.src='A.gif'">
....

para alem destes eventos poderão experimentar- onBlur, onClick, onFocus, onKeyDown, onKeyPress, onKeyUp, onLoad, onMouseMove, onMouseDown, onMouseUp onUnload (atenção às maiúsculas e minúsculas e ao facto de nem todos os navegadores suportarem todos estes eventos)

relativamente a document.imagem1.src="" veremos mais tarde, para já interessa que o javascript identifica os objectos pelo nome, neste caso imagem1.

Nota: reparem bem na colocação de "" e '' já que isto "bla bla"bla"bla" não é correcto, já assim "bla bla'bla' bla" é a forma correcta.
Offline

fpware 
Fundador
Mensagens 15318 Gostos 6
Troféus totais: 38
Trófeus: (Ver todos)
Linux User Mobile User Level 6 Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Poll Starter Level 5

Excelente contribuição! Muito obrigado icaro!  :D