1 / 11

Incluindo Applets em uma página HTML

Incluindo Applets em uma página HTML. <html> <head> <title>Incluindo um Applet</title> </head> <body> <applet codebase="http://www.abc.com/clocks/" code="clock2.class" width=170 height=150> <param name=bgcolor value="dddddd"> <param name=fgcolor1 value="800000">

declan
Download Presentation

Incluindo Applets em uma página HTML

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Incluindo Applets em uma página HTML <html> <head> <title>Incluindo um Applet</title> </head> <body> <applet codebase="http://www.abc.com/clocks/" 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. Incluindo JavaScripts e Applets Exemplos de sites com JavaScript: • http://www.ibpinetsp.com.br/helder/dante/ • http://www.riotransito.com.br

  3. Site com mais de 200 JavaScripts www.geocities.com/researchtriangle/4084/frames.htm

  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 • Ex1: <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 ; 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>

More Related