Carregar apresentação
A apresentação está carregando. Por favor, espere
1
Incluindo Applets em uma página HTML
<head> <title>Incluindo um Applet</title> </head> <body> <applet codebase=" code="clock2.class" width=170 height=150> <param name=bgcolor value="dddddd"> <param name=fgcolor1 value="800000"> <param name=fgcolor2 value="808000"> </applet> </body> </html>
2
Exemplos de sites com JavaScript:
Incluindo JavaScripts e Applets Exemplos de sites com JavaScript:
3
Site com mais de 200 JavaScripts
4
3 Formas de usar JavaScript
Dentro de descritores HTML sensíveis a eventos. Dentro de blocos HTML <script>.... </script> em várias partes da página. Em um arquivo externo, importado pela página. Obs. As três formas podem ser usadas em uma mesma página.
5
JavaScript com eventos
HTML possui 3 eventos nativos não programáveis, que são : clique sobre um link ou imagem mapeada, clique em um botão submit (para enviar formulário ao CGI), clique sobre um botão reset (para limpar um formulário). Com JavaScript 1.1 há 13 eventos adicionais programáveis especialmente criados para manuseio de eventos. Os atributos de eventos se aplicam a elementos HTML específicos e sempre começam com o prefixo “on”. Os valores recebidos por esses atributos são código JavaScript.
6
Alguns Eventos Adicionais com JavaScript
7
Exemplos de JavaScript com eventos
<form> <Input type=“button” onclick=“alert(‘Oh não, você acionou o sistema de autodestruição!’)” value =“Não aperte este botão”> </form> Obs: Cuidado o texto dentro “” é JavaScript, onde existe diferença entre letras maíusculas e minísculas, portanto alert é diferente ALERT ou Alert.
8
Ex2: Troca de imagem quando se posiciona ou sai da imagem
<HTML> <HEAD> <title>Teste com eventos - imagem</title> </HEAD> <BODY> <A href="Tudo_comp.html" onmouseover="comp.src='BT_comp_apertado.jpg'" onmouseout="comp.src='BT_comp_solto.jpg'"> <img src="BT_comp_solto.jpg" name="comp" border=0 width="91" height="100" alt="Tudo sobre computadores" > </A> </BODY> </HTML>
9
JavaScript dentro de blocos HTML <script>.... </script>
Serve para : definir funções usadas na página, gerar HTML em novas páginas, alterar o procedimento normal de interpretação do HTML. Sintaxe: <script language=“JavaScript1.1”> instrução JavaScript ; </script>
10
JavaScript dentro de blocos HTML <script>.... </script>
Ex2: última modificação <body><p> Última Modificação: <script language=“JavaScript1.1”> <!-- autor=“Leila Andrade”; document.write(“<b>”+document.lastModified+”</b>”); document.write(“<p>Autor:”+autor); //--> </script> </body>
11
Arquivos importados Quando várias páginas usam as mesmas funções pode-se colocá-las em um arquivo externo e importá-lo nas páginas que precisem delas. Este arquivo deverá ter a extensão “.js” e conter apenas código JavaScript (não deve ter descritores HTML). Ex: Arquivo biblio.js function soma(a,b) { return a+b; } Para carregar esta função e permitir que seja usada em uma página : <script language=JavaScript src=“biblio.js”></script> Utiliza-se normalmente a função através : <script> resultado = soma(5,6); document.write (“<p> soma de 5 e 6 é “+ resultado); </script>
Apresentações semelhantes
