JavaScript. Professora Lucélia Oliveira

Tamanho: px
Começar a partir da página:

Download "JavaScript. Professora Lucélia Oliveira"

Transcrição

1 2010 JavaScript Professora Lucélia Oliveira

2 Sumário INTRODUÇÃO... 3 Exemplos práticos... 4 Variáveis... 5 Operadores... 6 Lista de Exerícios Estruturas de controle... 8 Estrutura If... 8 Estrutura SWITCH... 9 Estruturas de Repetição...10 Loop FOR...10 Loops WHILE e DO WHILE...10 Funções em Javascript...11 Funções pré-definidas de Javascript...12 Exercícios: Estruturas de controle...13 Manipuladores de eventos...14 Validação de Formulários...17 Objetos...21 Outros Exemplos...27 Exercícios de Revisão

3 INTRODUÇÃO A linguagem JavaScript foi criada em 1995 pela Netscape, com o objetivo de permitir a manipulação dinâmica dos elementos de uma página HTML. Devido ao seu grande sucesso, a Microsoft decidiu implementar sua versão do JavaScript que seria utilizada no Internet Explorer. Existem três maneiras de incluir JavaScript em páginas HTML: 1. Colocando as instruções entre as tags <script> e <title>uso de JavaScript I</title> <script type = text/javascript > <! - Var nome = Olá Lucélia! Document.write(nome); --> 2. Inserindo manipuladores de eventos dentro de tags HTML específicas. <title>uso de JavaScript II</title> <script type = text/javascript > <! - function mensagem(){ document.alert( Seja bem-vindo(a)!!! ); --> <body onload = mensagem(); > 3. Inserindo código JavaScript dentro de um arquivo com extensão.js e colocando o seu nome como valor do atributo src no documento HTML: function mensagem(){ nome = document.prompt( Informe o seu nome: ); exemplo.js document.alert(nome +,Seja bem-vindo(a)!!! ); <title>uso de JavaScript II</title> <script type = text/javascript src = exemplo.js > <body onload = mensagem(); > 3

4 Existem muitos tipos de eventos distintos, por exemplo, a pulsação de um botão, o movimento do mouse ou a seleção de texto da página. Como funcionam esses eventos, veremos mais adiante. Para evitar que o texto dos scripts se escreva na página quando os navegadores não os entendem, temos que ocultá-los com comentários HTML (<!--comentario HTML -->). Exemplo de como se devem ocultar os scripts. <SCRIPT> <!-- Código Javascript //--> </SCRIPT> Exemplos práticos Abrir uma janela secundária, inserir a data atual e inserir um botão para voltar. Por exemplo: abrir uma janela secundária sem barras de menus que mostre o buscador Google: <title>exemplos JS</title> <!-- Var data = new Date(); //Data no formato dd/mm/aaaa document.write( Hoje é + data.getdate() + / + data.getmonth() + / + data.getfullyear()); window.open("http://www.google.com.br","google","width=300,height=300"); //--> <br /> <input type="button" value="atrás" onclick="history.go(-1)"> Maiúsculas e minúsculas JavaScript é faz distinção entre maiúsculas e minúsculas e devemos sempre usar letras minúsculas em nome de variáveis e utilizar o padrão camelcase. Apesar da linguagem não nos obrigar a utilizar (;) ponto e vírgula ao final das instruções, esta é uma boa prática, pois, outras linguagens como Java ou C obrigam a utilizá-las e estaremos nos acostumando a realizar uma sintaxe mais parecida à habitual em torno de programações avançadas. 4

5 Variáveis Uma variável é um espaço em memória onde se armazena um dado. parcela1 = 23 parcela2 = 33 soma = parcela1 + parcela2 Nomes não válidos para variáveis: 12meses àcomeça com número seu nome àcontém espaço return à palavra reservada pe%pe à caracter especial Em JavaScript não é obrigatório a declaração de variáveis, mas, pode-se declarar utilizando a palavra var antes do nome da variável. Exempo: var numero; Também é permitido declarar e atribuir em um mesmo comando. Var numero = 10; As variáveis podem ser locais e globais. Variáveis globais Escopo das variáveis As variáveis globais são as que estão declaradas no âmbito mais amplo possível, que em Javascript é uma página web. Para declarar uma variável global à página simplesmente faremos em um script, com a palavra var. var variávelglobal; Variáveis locais Também poderemos declarar variáveis em lugares mais dimensionados, como por exemplo, uma função. A estas variáveis chamaremos de locais. Quando se declarem variáveis locais somente poderemos acessá-las dentro do lugar aonde tenha sido declaradas. As variáveis podem ser locais em uma função, mas também podem ser locais a outros âmbitos, como por exemplo, um laço de repetição. function minhafuncao) (){ var variavellocal 5

6 A variável só poderá ser local se utilizarmos a palavra var e se estiver dentro de uma função ou bloco de repetição, por exemplo. Exemplo de utilização das variáveis: var parcela1 = 23 var parcela2 = "33" var soma = parcela1 + parcela2 document.write(soma) Exemplos Operadores preço = 128 //introduzo um 128 na variável preço unidades = 10 //outra atribuição, logo veremos operadores de atribuição fatura = preço * unidades //multiplico preço por unidades, obtenho o valor fatura resto = fatura % 3 //obtenho o resto de dividir a variável fatura por 3 preço++ //incrementa em uma unidade o preço (agora vale 129) Operadores Lógicos! Operador NO ou negação. Se é true passa a false e vice-versa. && Operador Y, se são os dois verdadeiros vale verdadeiro. Operador O, vale verdadeiro se pelo menos um deles for verdadeiro. Exemplo meuboleano = true meuboleano =!meuboleano //meuboleano agora vale false tenhofome = true tenhocomida = true comocomida = tenhofome && tenhocomida Operadores Condicionais == Comprova se dois números são iguais!= Comprova se dois números são distintos > Maior que, devolve true se o primeiro operador for maior que o segundo < Menor que, é true quando o elemento da esquerda for menor que o da direita >= Maior igual. <= Menor igual Caracteres Especiais Alguns caracteres especiais que são permitidos em valores do tipo string: \b: retrocesso (backspace); \f: nova página (form feed); \n: nova linha (line feed); \r: retorno de carro (carriage return); \t: caracter de tabulação (tab). 6

7 Lista de Exerícios 01 Para a solução dos exercícios a seguir, use o método prompt() para fazer as entradas de dados e o método alert() para mostrar os resultados. Escolha uma das três formas de inserção de JavaScript de sua preferência. 1. Faça um programa que leia dois números, calcule e imprima a soma desses dois números. 2. Faça um programa que receba dois números, calcule e imprima a divisão do primeiro número pelo segundo. 3. Faça um programa que leia um número e informe a metade e o dobro desse número. 4. Escrever um programa que permita receber o nome e a idade de uma pessoa e em seguida, informar o nome digitado e a idade da pessoa daqui a 30 anos. 5. Faça um programa que leia três notas de um aluno, calcule e imprima a média aritmética entre essas notas. 6. Faça um programa que receba dois números inteiros, calcule e imprima: - soma do dois números; - subtração do primeiro pelo segundo; - subtração do segundo pelo primeiro; - produto dos dois números; - divisão do primeiro pelo segundo; - quociente inteiro da divisão do primeiro pelo segundo; - resto da divisão do primeiro pelo segundo. 7

8 Estruturas de controle Tomada de decisões São usadas para realizar umas ações ou outras em função do estado das variáveis. Ou seja, tomar decisões para executar umas instruções ou outras dependendo do que esteja ocorrendo neste instante em nossos programas. Por exemplo, dependendo se o usuário que entra em nossa página for maior de idade ou não, podemos lhe permitir ou não ver os conteúdos de nossa página. Se idade é maior que 18 então: Deixo-lhe ver o conteúdo para adultos Se não Mando-lhe fora da página Em JavaScript podemos tomar decisões usando duas estruturas distintas: Loops IF SWITCH Os loops se utilizam para realizar certas ações repetidamente. São muito utilizados em todos os níveis na programação. Com um loop podemos por exemplo, imprimir em uma página os números de 1 ao 100 sem a necessidade de escrever cem vezes a instrução a imprimir. Desde o 1 até o 100 Imprimir o número atual Em javascript existem vários tipos de loops, cada um está indicado para um tipo de repetição distinto e são os seguintes: FOR WHILE DO WHILE Sintaxe: if (expressão) { ações a realizar em caso positivo... else { ações a realizar em caso negativo... Exemplos: Estrutura If if (dia == "Segunda-feira") document.write ("Que tenha um ótimo começo de semana") if (credito >= preço) { document.write("comprou o artigo " + novoartigo) //mostro compra carrinho += novoartigo //coloco o artigo no carrinho da compra credito -= preço //diminuo o crédito conforme o preço do artigo 8

9 else { document.write("acabou o seu crédito"); //informo que lhe falta dinhero window.location = "carrinhodacompra. html"; //vou à página do carrinho if (idade > 18) document.write("pode ver esta página para adultos"); if (bateria == 0 && redeeletrica = 0) document.write("seu laptop vai se apagar em segundos"); Estrutura SWITCH Utilizada para tomar decisões em função de distintos estados das variáveis. Sintaxe: switch (expressão) { case valor1: Sentenças a executar se a expressão tem como valor a valor1 break case valor2: Sentenças a executar se a expressão tem como valor a valor2 break case valor3: Sentenças a executar se a expressão tem como valor a valor3 break default: Sentenças a executar se o valor não é nenhum dos anteriores Switch (dia_da_semana) { case 1: document.write("é segunda-feira"); break; case 2: document.write("é terça-feira"); break; case 3: document.write("é quarta-feira"); break; case 4: document.write("é quinta-feira"); break; case 5: document.write("é sexta-feira "); break; case 6: document.write("é fim de semana"); break; default: document.write("esse dia não existe") 9

10 Estruturas de Repetição Loop FOR Sintaxe: for (iniciação;condição;atualização) { sentenças a executar em cada repetição for (i=1;i<=1000;i+=2) document.write(i); for (i=343;i>=10;i--) document.write(i); Exemplo de HTML e JavaScript O que desejamos escrever em uma página web mediante JavaScript é o seguinte: <H1>Cabeçalho de nível 1</H1> <H2>Cabeçalho de nível 2</H2> <H3> Cabeçalho de nível 3</H3> <H4> Cabeçalho de nível 4</H4> <H5> Cabeçalho de nível 5</H5> <H6> Cabeçalho de nível 6</H6> Para isso, temos que fazer um loop que comece em 1 e termine em 6 e em cada repetição escreveremos o respectivo cabeçalho. for (i=1;i<=6;i++) { document.write("<h" + i + ">Cabeçalho de nível " + i + "</H" + i + ">") Loops WHILE e DO WHILE Estes loops se utilizam quando queremos repetir um número indefinido de vezes a execução de umas sentenças, sempre que se cumpra uma condição. Sintaxe: while (condição){ sentenças a executar e do { sentenças do loop while (condição) 10

11 var soma = 0 while (soma < 1000){ soma += parseint(math.random() * 100) document.write (soma + "<br>") Funções em Javascript As funções são utilizadas constantemente, não só as que você escreve como também as que já estão definidas pelas linguagens, pois todas as linguagens de programação têm várias funções para realizar processos habituais como, por exemplo, obter a hora, imprimir uma mensagem na tela ou converter variáveis de um tipo a outro. Já vimos alguma função nos exemplos anteriores, quando fazíamos um document.write() na verdade estávamos chamando à função write() associada ao documento da página que escreve um texto na página. Sintaxe: function nomefuncao (){ instruções da função... Exemplos: function escreverboasvindas(){ document.write("<h1>olá a todos</h1>"); Para chamar a função utilizamos seu nome seguido dos parênteses. NomeDaFuncao() A função deverá estar dentro do JavaScript e também deverá ser chamada dentro de um JavaScript. <title>minha Página</title> <script> function minhafuncao(){ //faço algo... document.write("isto está bom"); <div style= text-align:center > <script> minhafuncao() </div> Exemplo sem função: <title>untitled</title> 11

12 <!-- num1 = prompt("informe o primeiro número","insira aqui"); num2 = prompt("informe o segundo número","insira aqui"); total = num1 + num2; alert("soma = "+total); //--> <p>teste</p> Exemplo com função: <title>untitled</title> <!-- function soma(){ num1 = prompt("informe o primeiro número","insira aqui"); num2 = prompt("informe o segundo número","insira aqui"); total = num1 + num2; alert("soma = "+total); //--> <button onclick="soma();">somar</button> <p>teste</p> Funções pré-definidas de Javascript Algumas funções pré-definidas de Javascript são: eval (string), onde string representa uma expressão a ser resolvida, retornando um valor numérico. x = 4; eval ( 3 + x + 8 ); Resultado = 15 parseint(string, base), onde o primeiro parâmetro representa uma string a ser convertida para a base especificada no segundo parâmetro. 12

13 Exercícios: Estruturas de controle 1. Faça um programa que receba o valor do salário-base de um funcionário, calcule e mostre o salário a receber, sabendose que este funcionário tem gratificação de 5% sobre o salário-base e paga imposto de 7% sobre o salário-base (Estrutura Seqüencial). 2. Faça um programa que leia 10 números inteiros e exiba na tela a mensagem Par se ele for um número par, ou Ímpar se ele for um número ímpar (Estrutura de Seleção). 3. Faça um programa que receba duas notas de seis alunos, calcule e mostre (Utilize a Estrutura de Repetição Determinada FOR): A média aritmética das duas notas de cada aluno; A mensagem que está na tabela a seguir: Média aritmética Abaixo de 3,0 De 3,0 a 7,0 Acima de 7,0 Mensagem Reprovado Exame Aprovado O total de alunos aprovados; O total de alunos de exame; Total de alunos reprovados; A média da classe. 4. Faça um programa que receba a idade de 10 pessoas. O programa deve calcular e mostrar a quantidade de pessoas com idade maior que 18 anos (Estrutura de Repetição Indeterminada WHILE). 13

14 Manipuladores de eventos Existem duas categorias de manipuladores de eventos: eventos de sistema e eventos de mouse. Os eventos de sistema disponíveis são: OnLoad e OnUnload. Eles não exigem a interação do usuário para serem ativados. Os eventos de mouse disponíveis são: OnClick, OnFocus, OnBlur, OnChange, OnSelect, OnSubmit e OnMouseOver. Eles exigem a interação do usuário (através do mouse ou não) para serem ativados. ONLOAD Este evento é ativado após a página HTML ser completamente carregada. <script language="javascript"> function chegada() { window.alert("a página foi carregada com sucesso!"); <body OnLoad="chegada()"> <p> Veja que interessante utilização do evento OnLoad. </p> ONUNLOAD Este evento é ativado após a página HTML ser abandonada (seja através do clique sobre algum link, ou sobre os botões de avanço/retrocesso do browser). <script language="javascript"> function saida() { window.alert("volte sempre!"); <body OnUnload="saida()"> <p> Veja que interessante utilização do evento OnUnload. <a href="http://www.google.com.br">google</a> </p> ONCLICK O evento mais básico de mouse é tratado pelo manipulador OnClick. Este evento é ativado sempre que se dá um clique sobre um objeto que aceita evento de clique de mouse. Objetos que aceitam um evento OnClick são links, caixas de verificação e botões. 14

15 function mensagem() { window.alert("você clicou neste campo"); <a href="http://www.google.com.br" OnClick="mensagem()"> Link comum</a><br> <form> <div> <input type="radio" OnClick="mensagem()">Radio <br /> <input type="checkbox" OnClick="mensagem()">Checkbox <br /> <input type="reset" OnClick="mensagem()" value="limpar"> <br /> <input type="submit" OnClick="mensagem()" value="enviar"> <br /> </div> ONFOCUS O foco ocorre quando um objeto torna-se o item em foco. Isto acontece quando o usuário clicar ou alternar para um objeto específico na página. Este evento pode ser associado aos objetos text, password, textarea e select (definidos pelas tags <INPUT>, <TEXTAREA> e <SELECT>). <!-- function foco() { window.alert("o campo está em foco"); //--> <form> <div> Nome: <input name="nome" type="text"><br> <input name=" " type="text" OnFocus="foco()"><br> Telefone: <input name="telefone" type="text"> </div> ONBLUR Este evento é ativado quando um objeto torna-se fora de foco - quando se muda para outra janela, ou aplicativo, ou quando se passa para outro objeto utilizando cliques do mouse, ou a tecla TAB. Ele é associado aos objetos text, password, textarea e select (definidos pelas tags <INPUT>, <TEXTAREA> e <SELECT>). 15

16 <!-- function semfoco() { window.alert("o campo perdeu o foco"); //--> <form> <div> Nome: <input name="nome" type="text"><br> <input name=" " type="text" OnBlur="semFoco()"><br> Telefone: <input name="telefone" type="text"> </div> ONCHANGE Este evento é ativado sempre que um objeto perde o foco e o seu valor é alterado. Ele é associado aos objetos text, password, textarea e select (definidos pelas tags <INPUT>, <TEXTAREA> e <SELECT>). function mudou1() { document.form1.completo.value=document.form1.nome.value; function mudou2() { document.form1.completo.value=document.form1.completo.value + " " + document.form1.sobrenome.value; <form name="form1"> <pre> Nome: <input name="nome" type="text" OnChange="mudou1()"> Sobrenome: <input name="sobrenome" type="text" OnChange="mudou2()"> Nome completo: <input name="completo" type="text"> </pre> Exercício Faça uma terceira função que receba o primeiro, segundo e último nome e mostre em um quarto <input> o nome gerado pelos três campos anteriores. 16

17 ONSELECT Este evento é ativado quando o usuário seleciona (deixa em destaque) parte do texto em um dos objetos aos quais está associado. São eles: text, password e textarea (definidos pelas tags <INPUT> e <TEXTAREA>). function selecao() { window.alert("campo selecionado"); <form> <pre> Campo input texto: <input type="text" OnSelect="selecao()"> Campo input senha: <input type="password" OnSelect="selecao()"> Campo textarea: <textarea OnSelect="selecao()"></textarea> </pre> ONSUBMIT Este evento é ativado no momento de enviar os dados do formulário. Ele é associado ao objeto form (definido pela tag <FORM>). function submete() { window.alert("evento OnSubmit ativado!"); <div> <form name="form1" OnSubmit="submete()"> Campo 1: <input type="text" size="10" name="campo1"><br /> Campo 2: <input type="text" size="10" name="campo2"><br /> <input type="submit" value="enviar"> </div> Validação de Formulários Muitas vezes, os dados que são inseridos em um formulário precisam ser separados, analisados, manipulados ou verificados quanto a erros antes de serem transmitidos para o servidor. O evento OnSubmit permite a captura e, se necessário, a interrupção do envio dos dados de um formulário. Isto é realizado chamando-se a função a partir do manipulador OnSubmit, fazendo com que ela retorne verdadeiro ou falso. Se a função associada ao manipulador retornar falso, os dados do formulário não serão enviados. Esta funcionalidade pode ser verificada a partir do código a seguir. 17

18 Exemplos: Exemplo de validação de campos do tipo text function submete() { if (document.form1.campo1.value == "" document.form1.campo2.value == "") { alert("é necessário preencher todos os campos!!!"); return false; else { alert("dados enviados com sucesso!!!"); return true; <form name="form1" action="#" OnSubmit="return submete()"> Campo 1: <input type="text" size="10" name="campo1"><br /> Campo 2: <input type="text" size="10" name="campo2"><br /> <input type="submit" value="enviar"> Exemplo de validação de campos numéricos function submete() { if (isnan(document.form1.cpf.value) isnan(document.form1.idade.value)){ alert("preencha os campos CPF e idade apenas com números!!!"); return false; else { alert("dados enviados com sucesso!!!"); return true; <form name="form1" action="#" OnSubmit="return submete()"> CPF: <input type="text" size="10" name="cpf"><br /> Idade: <input type="text" size="10" name="idade"><br /> <input type="submit" value="enviar"> 18

19 Exemplo de validação de campos do tipo checkbox <title>exemplo CheckBox</title> <!-- function verifica(){ if ((form1.cultura.checked == false)&& (form1.esporte.checked == false) && (form1.lazer.checked == false)){ alert("marque pelo menos uma questão!"); return false; else{ alert("dados enviados com sucesso!!!"); return true; //--> <form action="#" name="form1" OnSubmit="return verifica()"> <p>escolha sua opção:<br /> <input type="checkbox" name="cultura" />Cultura <br /> <input type="checkbox" name="esporte" />Lazer<br /> <input type="checkbox" name="lazer" />Esporte<br /> <input type="submit" value="enviar" /> </p> Exemplo de validação de campos do tipo botões de radio <title>exemplo CheckBox</title> <!-- function verifica(){ if ((form1.opcao[0].checked == false) && (form1.opcao[1].checked == false) && (form1.opcao[2].checked == false)){ alert("marque uma das opções!!!"); return false; else{ alert("dados enviados com sucesso!!!"); return true; //--> <form action="#" name="form1" OnSubmit="return verifica()"> <p>escolha sua opção:<br /> <input type="radio" name="opcao" />Cultura <br /> <input type="radio" name="opcao" />Lazer<br /> <input type="radio" name="opcao" />Esporte<br /> <input type="submit" value="enviar" /> </p> 19

20 Exemplo de validação de campos de seleção <title>exemplo CheckBox</title> <!-- function listaselecao(site) { if(!(document.form1.site.options[1].selected document.form1.site.options[2].selected)){ alert("é obrigatória a seleção de um item"); return false; else{ alert("dados selecionados com sucesso!!!"); return true; //--> <form action="#" name="form1" onsubmit="return listaselecao(site)"> <p>escolha uma das opções<br /> <select name="site"> <option value="0">escolha uma Opção</option> <option value="1">google</option> <option value="2">yahoo</option> </select> <input type="submit" value="enviar" /> </p> ONMOUSEOVER Este evento é ativado quando o ponteiro do mouse passa sobre um objeto do tipo links ou botões. <script language="javascript"> function ativa() { window.alert("evento OnMouseOver ativado!"); <a href="http://www.google.com.br" OnMouseOver="ativa()"> Passe o mouse sobre este link</a> <form> <input type="reset" value="botão Reset" OnMouseOver="ativa()"><br /> <input type="submit" value="botão Submit" OnMouseOver="ativa()"> 20

21 Objetos Hierarquia O nível mais alto de objetos em Javascript consiste naqueles objetos que pertencem a navigator (navegador). Diretamente abaixo deste nível, estão os objetos window (janela). Cada janela tem uma árvore de níveis que se ramifica a partir dela. Estas árvores consistem em location (localização), history (histórico) e document (documento). A cada nível há outros objetos e abaixo da árvore de documentos há outra ramificação. Neste nível, há três objetos array forms (formulários), anchor (âncoras) e links. No browser, os objetos seguem a mesma estrutura hierárquica da página HTML: de acordo com essa hierarquia, os descendentes dos objetos são propriedades desses objetos. Quando uma página é carregada no browser, ele cria um número de objetos de acordo com o conteúdo da página. Os seguintes objetos são sempre criados, independentemente do conteúdo da página: window, location, history e document. A Natureza Orientada a Objetos de XHTML Javascript considera HTML uma linguagem orientada a objetos, na qual os diversos tags HTML correspondem a diferentes tipos de objetos Javascript. <title>minha pagina</title> <!-- function manipulaobjetos(){ document.title = "Novo Título"; //--> <form> <p> <!-- manipulaobjetos(); //--> </p> A partir do código acima, obtem-se os seguintes objetos Javascript: document.title : título da página document.formulario1 : formulário da página document.formulario1.botao1 : botão do formulário Este é apenas um exemplo dos objetos que Javascript cria automaticamente de HTML. Observe que quase todo elemento HTML pode ser usado como um objeto. Além disso, é possível ler e atribuir valores a estes objetos dinamicamente. Tenha em mente que à medida que se estrutura uma página, também está se definindo objetos e seus valores para Javascript. As próximas seções apresentam detalhadamente o conjunto de objetos da linguagem Javascript. 21

22 OBJETO NAVIGATOR Este objeto dá informações sobre o navegador. Ele apresenta as seguintes propriedades: appname, appversion, appcodename, useragent. Propriedade appname: retorna o nome do browser do usuário. navigator.appname = Netscape Propriedade appversion: retorna a versão do browser e a versão do sistema operacional em que ele está rodando. [ formato: número da versão (plataforma; país) ] navigator.appversion = 2.0 (Win95; I) Propriedade appcodename: retorna o nome do código de desenvolvimento interno do desenvolvedor de um browser específico. navigator.appcodename = Mozilla Propriedade useragent: usada em cabeçalhos HTTP para fins de identificação, é a combinação das propriedades appcodename e appversion. Servidores Web usam esta informação para identificar os recursos que o navegador dispõe. navigator.useragent=mozilla/2.0 (Win95; I) OBJETO LOCATION Este objeto é utilizado para identificar o documento corrente. Ele consiste em uma URL completa no formato protocolo//servidor:porta/caminho seguidos de?search ou #hash. Suas propriedades são: protocol, hostname, port, pathname, search, hash. Cada uma de suas propriedades representa uma parte da URL total. Propriedade protocol: retorna o protocolo de transporte do documento. location.protocol = http: Propriedade hostname: identifica o nome do computador hospedeiro. Propriedade port: especifica a porta para o endereço. Esta informação é utilizada apenas se uma porta não-padrão estiver sendo usada. Propriedade pathname: define o caminho e o nome do arquivo. Propriedade search: retorna quaisquer comandos de consulta que possam estar embutidos na URL corrente. Valores de search são separados do resto da URL por um sinal de interrogação (? ). location.search = nome=joao Propriedade hash: retorna quaisquer âncoras que possam ter sido passadas na URL. Valores de hash são separados do resto da URL por um sinal de cerquilha ( # ). location.hash = capitulo1 OBJETO CHECKBOX Utilizado na construção de caixas de verificação. Suas propriedades são: name, value, checked, defaultchecked. Propriedade name: especifica o nome da caixa. Propriedade value: especifica o valor da caixa. nomeform.nomecheckbox.value = 1 Propriedade checked: valor booleano que especifica o estado de seleção da caixa (selecionada ou não-selecionada). if ( nomeform.nomecheckbox.checked == true ) { funcao(); Propriedade defaultchecked: valor booleano que especifica o estado default de seleção da caixa. Exemplo completo: <title>exemplo CheckBox</title> 22

23 <!-- function verifica(){ if (document.form1.azul.checked == true ){ window.document.body.style.backgroundcolor = "blue"; else if (document.form1.vermelho.checked == true ){ window.document.body.style.backgroundcolor = "red"; else if (document.form1.amarelo.checked == true ){ window.document.body.style.backgroundcolor = "yellow"; //--> <form action="#" name="form1"> <p>escolha a cor do site<br /> <input type="checkbox" name="azul" />Azul <br /> <input type="checkbox" name="vermelho" />Vermelho<br /> <input type="checkbox" name="amarelo" />Amarelo<br /> </p> <p> <button onclick="verifica();">ok</button> </p> OBJETO RADIO Corresponde a um array de botões, onde todos os botões compartilham a mesma propriedade name. Suas propriedades são: name, checked, defaultchecked, length. Propriedade name: especifica o nome do objeto. Propriedade checked e defaultchecked: funcionamento idêntico ao definido em checkbox. Propriedade length: especifica o comprimento do array. <title>exemplo CheckBox</title> <!-- function verifica(){ if (form1.cor[0].checked == true ) window.document.body.style.backgroundcolor = "blue"; else if (form1.cor[1].checked == true) window.document.body.style.backgroundcolor = "red"; else if (form1.cor[2].checked == true) window.document.body.style.backgroundcolor = "yellow"; //--> 23

24 <form action="#" name="form1"> <p>escolha a cor do site<br /> <input type="radio" name="cor" />Azul<br /> <input type="radio" name="cor" />Vermelho<br /> <input type="radio" name="cor" />Amarelo<br /><br /> </p> <p> <button onclick="verifica()">ok</button> </p> OBJETO HIDDEN Utilizado para enviar informações quando o formulário é submetido (este objeto não aparece no formulário). Suas propriedades são: name, value. Propriedade name: especifica o nome do objeto. Propriedade value: especifica a informação que está sendo passada. OBJETO TEXT Utilizado para entrada/saída de dados. Suas propriedades são: name, value, defaultvalue. Propriedade name: especifica o nome do objeto. Propriedade value: especifica o valor do objeto. Propriedade defaultvalue: especifica o valor default do objeto. OBJETO RESET Utilizado para limpar dados de um formulário. Suas propriedades são: name, value. Propriedade name: especifica o nome do botão. Propriedade value: especifica o título colocado na face do botão. document.form.botao.value= novo titulo OBJETO SUBMIT Utilizado para interfacear Javascript e outros scripts/programas. Suas propriedades são: name, value. Propriedade name: especifica o nome do botão. Propriedade value: especifica o título colocado na face do botão. OBJETO BUTTON Utilizado na construção de interfaces. Suas propriedades são: name, value. Propriedade name: especifica o nome do botão. Propriedade value: especifica o título colocado na face do botão. OBJETO TEXTAREA Utilizado para entrada/saída de dados. Suas propriedades são: name, value, defaultvalue. Propriedade name: especifica o nome do objeto. Propriedade value: especifica o valor do objeto. Propriedade defaultvalue: especifica o valor default do objeto. 24

25 OBJETO SELECT Utilizado para construir caixas de seleção. Suas propriedades são: name, options, length. Propriedade name: especifica o nome do objeto. Propriedade options: array que contém uma entrada para cada opção de uma caixa de seleção. Propriedade length: especifica o comprimento do array de opções. O exemplo a seguir identifica que opções foram selecionadas na caixa de seleção. <title>exemplo CheckBox</title> <!-- function listaselecao(site) { if (document.form1.site.options[1].selected){ window.open("http://www.google.com.br","google","status:no;left:100px"); else if (document.form1.site.options[2].selected){ window.open("http://www.yahoo.com.br"); //--> <form action="#" name="form1"> <p>escolha um dos sites:<br /> <select name="site"> <option value="0">escolha uma Opção</option> <option value="1">google</option> <option value="2">yahoo</option> </select> </p> <p> <button onclick="listaselecao()">ok</button> </p> Objetos do CORE Javascript Os objetos do CORE Javascript são os objetos instrínsecos da linguagem, isto é existem tanto no cliente (navegador), quanto no servidor Web. Os objetos do Client-Side Javascript e do Server-Side Javascript somente funcionam, respectivamente, em programas escritos para o navegador e para o servidor Web. OBJETO ARRAY É possível criar um vetor através do objeto Array, pré-definido no Javascript. nome_do_array = new Array(10) Para inserir e consultar elementos de um array, deve-se utilizar a seguinte sintaxe: nome_do_array[x] A variável x representa o índice de um elemento. O primeiro elemento é o de número 0. 25

Javascript. Javascript

Javascript. Javascript Javascript 1 1 INTRODUÇÃO...3 2 JAVASCRIPT...3 2.1 O QUE É JAVASCRIPT...3 2.1.1 CARACTERÍSTICAS BÁSICAS...3 2.1.2 O QUE JAVASCRIPT NÃO É...4 2.1.3 PARTICULARIDADES E LIMITAÇÕES...4 2.2 ELEMENTO SCRIPT...5

Leia mais

Conteúdo. DHTML tópicos Hamilton Lima - 2002-2004

Conteúdo. DHTML tópicos Hamilton Lima - 2002-2004 DHTML tópicos Hamilton Lima - 2002-2004 Conteúdo 1. meu primeiro script... 2 2. DOM Document Object Model...2 3. tipo de execução de scripts...2 4. resposta a um evento... 3 5. tipos de dados, variaveis

Leia mais

O que é o Javascript?

O que é o Javascript? O que é o Javascript? JavaScript é uma linguagem para criação de Home-Pages. Funções escritas em JavaScript podem ser embutidas dentro de seu documento HTML. Com JavaScript você tem muitas possibilidades

Leia mais

Desenvolvimento de Aplicações para Internet

Desenvolvimento de Aplicações para Internet Desenvolvimento de Aplicações para Internet Aula 03 Celso Olivete Júnior olivete@fct.unesp.br Na aula de hoje... Javascript: introdução, operadores lógicos e matemáticos, comandos condicionais. Javascript:

Leia mais

1-03/11/03 INTRODUÇÃO

1-03/11/03 INTRODUÇÃO 1-03/11/03 INTRODUÇÃO JavaScript é uma linguagem que permite injetar lógica em páginas escritas em HTML (HiperText Mark-up Language). As páginas HTML podem ser escritas utilizando-se editores de texto,

Leia mais

JavaScript: Validação de Formulários. Prof. Ivanilton Polato ipolato@utfpr.edu.br ipolato@gmail.com

JavaScript: Validação de Formulários. Prof. Ivanilton Polato ipolato@utfpr.edu.br ipolato@gmail.com JavaScript: Validação de Formulários Prof. Ivanilton Polato ipolato@utfpr.edu.br ipolato@gmail.com Validação de Formulários Um dos usos mais frequentes do JS é a validação de formulários. Além de garantir

Leia mais

Tecnologias para Web Design

Tecnologias para Web Design Tecnologias para Javascript e DOM Introdução à Scripts Um script do lado cliente é um programa que acompanha um documento HTML Pode estar incluído no próprio documento embutido ou acompanha-lo num arquivo

Leia mais

indica o nome do campo pelo qual podemos acessar.

indica o nome do campo pelo qual podemos acessar. Formulários Em geral Com o Javascript, os formulários Html tomam outra dimensão. Não esqueça que em Javascript, podemos acessar cada elemento de um formulário para, por exemplo, ler ou escrever um valor,

Leia mais

Exercícios Práticos de HTML e JavaScript.

Exercícios Práticos de HTML e JavaScript. <FORM ACTION=mailto:teste@gmail.com METHOD=POST ENCTYPE=text/plain NAME=cadastro> Exercícios Práticos de HTML e JavaScript Exercício 1: Formulário Padrão HTML SEM JavaScript

Leia mais

JavaScript (Funções, Eventos e Manipulação de Formulários)

JavaScript (Funções, Eventos e Manipulação de Formulários) Linguagem de Programação para Web JavaScript (Funções, Eventos e Manipulação de Formulários) Prof. Mauro Lopes 1-31 23 Objetivos Iremos avançar um pouco mais em nosso estudo sobre o JavaScript. Iremos

Leia mais

INTRODUÇÃO AO DESENVOLVIMENTO WEB

INTRODUÇÃO AO DESENVOLVIMENTO WEB INTRODUÇÃO AO DESENVOLVIMENTO WEB PROFª. M.Sc. JULIANA H Q BENACCHIO Formulários Os formulários em HTML são usados para selecionar diferentes tipos de entradas do usuário. Um formulário é uma área que

Leia mais

Java Script Pág: 1. Índice

Java Script Pág: 1. Índice Java Script Pág: 1 Índice Índice... 1 Introdução ao JavaScript Básico... 2 Configurações... 2 Usando o Java Script.... 2 Comandos: script language - alert - /script... 3 Variáveis... 4 Regras para criar

Leia mais

Programação para Internet I

Programação para Internet I Programação para Internet I Aulas 09 e 10 Fernando F. Costa nando@fimes.edu.br Formulários O formulário representa o modo mais importante de interatividade que a linguagem HTML oferece. Um formulário pode

Leia mais

O código JavaScript deve ser colocado entre tags de comentário para ficar escondido no caso de navegadores antigos que não reconhecem a linguagem.

O código JavaScript deve ser colocado entre tags de comentário para ficar escondido no caso de navegadores antigos que não reconhecem a linguagem. 1 - O que é JAVASCRIPT? É uma linguagem de script orientada a objetos, usada para aumentar a interatividade de páginas Web. O JavaScript foi introduzido pela Netscape em seu navegador 2.0 e posteriormente

Leia mais

Introdução ao Javascript

Introdução ao Javascript Programação WEB I Introdução ao Javascript Apresentação da Disciplina,Introdução a linguagem Javascript Objetivos da Disciplina Apresentar os principais conceitos da linguagem Javascript referente à programação

Leia mais

Os componentes de um formulário são: Form, Input, Select e AreaText

Os componentes de um formulário são: Form, Input, Select e AreaText HTML Formulário O elemento FORM, da HTML, é o responsável por prover documentos interativos no ambiente WWW de forma que uma pagina web exibida a um usuário possa submeter um conjunto de dados, informados

Leia mais

Prof Evandro Manara Miletto. parte 2

Prof Evandro Manara Miletto. parte 2 Prof Evandro Manara Miletto parte 2 Sumário Estruturas de Controle Eventos Estruturas de controle características Estruturas de controle (ou condicionais) são executadas caso um teste seja atendido Permite

Leia mais

Utilizando Janelas e Frames

Utilizando Janelas e Frames Utilizando Janelas e Frames Aprenderemos agora algumas técnicas mais específicas para fazer o JavaScript trabalhar com várias partes das páginas e navegadores da Web. Controlando janelas com objetos Já

Leia mais

Lista de operadores de comparação - > Maior que - < Menor que - <= Menor ou igual a - >= Maior ou igual a - === Igual a -!

Lista de operadores de comparação - > Maior que - < Menor que - <= Menor ou igual a - >= Maior ou igual a - === Igual a -! Página1 Javascript JavaScript (JS) é uma linguagem de programação client side Funciona no navegador do usuário. É uma linguagem baseada em objetos. "Walmir".length; 6 Para que serve - fazer websites responder

Leia mais

O código acima descreve o formulário com uma caixa de texto e dois botões

O código acima descreve o formulário com uma caixa de texto e dois botões Formulários Formulários permitem que os usuários interajam com um servidor Web passando informações. Assim, através da Web, se pode ler e gravar informações em Banco de Dados, gerando enormes possibilidades

Leia mais

Aula 05 HTML FORMULÁRIOS Prof. Daniela Pires Sumário

Aula 05 HTML FORMULÁRIOS Prof. Daniela Pires Sumário Sumário FORMULÁRIO EM HTML... 2 FORM... 2 ACTION... 2 METHOD... 2 INPUT... 2 INPUT TYPE TEXT... 2 INPUT TYPE PASSWORD... 2 CHECKBOX - Múltipla escolha... 4 RADIO - Escolha única... 4 Botões de ação...

Leia mais

14 15 18 ATRIBUTOS 18 ENTRADA DE DADOS

14 15 18 ATRIBUTOS 18 ENTRADA DE DADOS ÍNDICE HTML 2 Tags (etiquetas) do HTML 2 TAGS PRINCIPAIS 3 TAGS DE CONFIGURAÇÃO DA PÁGINA 3 TAGS DE FORMATAÇÃO DE TEXTOS 3 TAGS DE MUDANÇA DE LINHA 4 TAG DAS HIPERLIGAÇÕES 4 TAG LISTAS 5 OUTRAS TAG 5 Tag

Leia mais

Algoritmos em Javascript

Algoritmos em Javascript Algoritmos em Javascript Sumário Algoritmos 1 O que é um programa? 1 Entrada e Saída de Dados 3 Programando 4 O que é necessário para programar 4 em JavaScript? Variáveis 5 Tipos de Variáveis 6 Arrays

Leia mais

Programação Web Prof. Wladimir

Programação Web Prof. Wladimir Programação Web Prof. Wladimir HTML - Formulários @wre2008 1 Sumário Formulários HTML @wre2008 2 Formulários: Muitos elementos de um formulário html são definidos pela tag . Cada tipo de elemento

Leia mais

PROGRAMAÇÃO WEB DO LADO DO CLIENTE

PROGRAMAÇÃO WEB DO LADO DO CLIENTE PROGRAMAÇÃO WEB DO LADO DO CLIENTE FORMULÁRIO Na linguagem HTML é permitido que o usuário interaja com o servidor através de formulários ligados a scripts desenvolvidos em linguagens como PHP, Servlets,

Leia mais

$XOD2VREMHWRVGRQDYHJDGRU

$XOD2VREMHWRVGRQDYHJDGRU $XOD2VREMHWRVGRQDYHJDGRU Nesta aula continuaremos a tratar dos objetos em JavaScript. Veremos agora detalhes sobre a KLHUDUTXLD GRV REMHWRV GH ZLQGRZ, que funciona como REMHWR JOREDO. Depois você aprenderá

Leia mais

FORMULÁRIOS HTML (FORMS) E ENTRADAS DE DADOS (INPUT)

FORMULÁRIOS HTML (FORMS) E ENTRADAS DE DADOS (INPUT) FORMULÁRIOS HTML (FORMS) E ENTRADAS DE DADOS (INPUT) Formulários (FORMS): Um formulário é uma área que pode conter elementos de formulário. Elementos de formulário são elementos que permitem ao usuário

Leia mais

Universidade Federal do Espírito Santo CCA UFES. Centro de Ciências Agrárias CCA UFES Departamento de Computação. JavaScript

Universidade Federal do Espírito Santo CCA UFES. Centro de Ciências Agrárias CCA UFES Departamento de Computação. JavaScript Universidade Federal do Espírito Santo Centro de Ciências Agrárias CCA UFES Departamento de Computação Universidade Federal do Espírito Santo CCA UFES JavaScript Desenvolvimento de Sistemas para WEB Site:

Leia mais

As janelas do browser

As janelas do browser Capítulo 5 As janelas do browser 5 As janelas do browser A JANELA DO BROWSER é manipulável de várias formas através da linguagem JavaScript. Pode-se alterar dinamicamente várias de suas características

Leia mais

COMO FUNCIONA UM FORMULÁRIO

COMO FUNCIONA UM FORMULÁRIO FORMULÁRIOS Constitui-se numa das formas de a máquina cliente enviar informações para que um programa no servidor receba estes dados, processe-os e devolva uma resposta ao usuário, por meio do navegador,

Leia mais

JavaScript Aplicações Interativas para a Web

JavaScript Aplicações Interativas para a Web JavaScript Aplicações Interativas para a Web ADRIANO GOMES LIMA BELO HORIZONTE 2006 INTRODUÇÃO A LINGUAGEM JAVASCRIPT...9 JAVA E JAVASCRIPT...9 VBSCRIPT E JAVASCRIPT... 10 AS VERSÕES DO JAVASCRIPT... 10

Leia mais

Índice. 1 Introdução ao Javascript...1 1.1 HTML e Javascript...1 1.2 Resumo do capítulo...2

Índice. 1 Introdução ao Javascript...1 1.1 HTML e Javascript...1 1.2 Resumo do capítulo...2 Índice 1 Introdução ao Javascript...1 1.1 HTML e Javascript...1 1.2 Resumo do capítulo...2 2 Elementos da Linguagem...3 2.1 Variáveis...3 2.2 Tipos de dados...4 2.3 Operadores...4 2.4 Comparação...5 2.5

Leia mais

4. A Linguagem JavaScript

4. A Linguagem JavaScript 4. A Linguagem JavaScript! A linguagem XHTML, por não ser uma linguagem de programação e sim uma linguagem de marcação, não permite interação entre o usuário e a página, além de clicar em um link, fazendo

Leia mais

Desenvolvimento Web XHTML Formulários. Prof. Bruno E. G. Gomes

Desenvolvimento Web XHTML Formulários. Prof. Bruno E. G. Gomes Desenvolvimento Web XHTML Formulários Prof. Bruno E. G. Gomes 2014 Introdução Um recurso bastante utilizado no desenvolvimento Web é o envio de dados de uma página para o servidor quando fornecemos informações,

Leia mais

Introdução a JavaScript

Introdução a JavaScript 1 Introdução a JavaScript A LINGUAGEM HTML HYPERTEXT MARKUP LANGUAGE, foi criada exclusivamente para definir a estrutura de uma página. Esforços para usar HTML como linguagem de formatação de página, visando

Leia mais

HTML -- Criação de Home Page

HTML -- Criação de Home Page PPáággi innaa 1 LISTAS Na linguagem HTML existem elementos específicos para a criação de listas, que podem ser listas ordenadas (OL), listas sem ordenação (UL), ou listas de definição (DL). Um detalhe

Leia mais

Os objetivos indicados aplicam-se a duas linguagens de programação: C e PHP

Os objetivos indicados aplicam-se a duas linguagens de programação: C e PHP AGRUPAMENTO DE ESCOLAS DE SANTA COMBA DÃO CURSO PROFISSIONAL DE TÉCNICO DE GESTÃO E PROGRAMAÇÃO DE SISTEMAS INFORMÁTICOS 2012-2015 PROGRAMAÇÃO E SISTEMAS DE INFORMAÇÃO MÓDULO 2 Mecanismos de Controlo de

Leia mais

Informática I. Aula 6. http://www.ic.uff.br/~bianca/informatica1/ Aula 6-12/09/2007 1

Informática I. Aula 6. http://www.ic.uff.br/~bianca/informatica1/ Aula 6-12/09/2007 1 Informática I Aula 6 http://www.ic.uff.br/~bianca/informatica1/ Aula 6-12/09/2007 1 Ementa Noções Básicas de Computação (Hardware, Software e Internet) HTML e Páginas Web Internet e a Web Javascript e

Leia mais

Formulários. Objeto Form

Formulários. Objeto Form Capítulo 10 Formulários 10 Formulários OS COMPONENTES DE FORMULÁRIO SÃO OS OBJETOS HTML mais utilizados em JavaScript. Por componentes de formulário nos referimos a qualquer campo de entrada de dados dentro

Leia mais

HTML - 7. Vitor Vaz da Silva Paula Graça

HTML - 7. Vitor Vaz da Silva Paula Graça HTML - 7 Vitor Vaz da Silva Paula Graça 1 Formulários Os formulários forms no HTML, são utilizados para a introdução de dados de uma determinada aplicação Os programas JavaScript têm como um dos seus maiores

Leia mais

Introdução. HyperText Markup Language HTML. Formulário. Fluxo do Formulário. Fluxo do Formulário. Fluxo do Formulário. Fluxo do Formulário

Introdução. HyperText Markup Language HTML. Formulário. Fluxo do Formulário. Fluxo do Formulário. Fluxo do Formulário. Fluxo do Formulário Introdução HyperText Markup Language HTML Formulário Prof. Luis Nícolas de Amorim Trigo nicolas.trigo@ifsertao-pe.edu.br http://professor.ifsertao-pe.edu.br/nicolas.trigo/ O usuário interage com os serviços

Leia mais

JavaScript Eventos e Objetos Nativos

JavaScript Eventos e Objetos Nativos JavaScript Eventos e Objetos Nativos Ferramentas para Internet Marx Gomes Van der Linden ( Material baseado no original de Marcelo José Siqueira Coutinho de Almeida ) Eventos Um evento é um acontecimento

Leia mais

Web Design Aula 09: Formulários

Web Design Aula 09: Formulários Web Design Aula 09: Formulários Professora: Priscilla Suene priscilla.silverio@ifrn.edu.br Motivação Roteiro Tag ... Tag Tag ... Rádio Checkbox Atributo name Form Um

Leia mais

ftp://ftp.cr-df.rnp.br/pub/netinfo/training/rnp/kit-bsb/html/guia3.zip dezembro 1995 Tutorial - Autoria em World Wide Web

ftp://ftp.cr-df.rnp.br/pub/netinfo/training/rnp/kit-bsb/html/guia3.zip dezembro 1995 Tutorial - Autoria em World Wide Web RNP REDE NACIONAL DE PESQUISA Centro Regional de Brasília CR/DF ftp://ftp.cr-df.rnp.br/pub/netinfo/training/rnp/kit-bsb/html/guia3.zip dezembro 1995 Tutorial - Autoria em World Wide Web Parte III - Hypertext

Leia mais

O que é o JavaScript?

O que é o JavaScript? JavaScript Introdução O JavaScript é utilizado por milhões de páginas na web para melhorar o design, validar forms, e muito mais O JavaScript foi inicialmente desenvolvido pela Netscape e é a linguagem

Leia mais

WEBDESIGN. Professor: Paulo Marcos Trentin - paulo@paulotrentin.com.br http://www.paulotrentin.com.br Escola CDI de Videira

WEBDESIGN. Professor: Paulo Marcos Trentin - paulo@paulotrentin.com.br http://www.paulotrentin.com.br Escola CDI de Videira WEBDESIGN Professor: Paulo Marcos Trentin - paulo@paulotrentin.com.br http://www.paulotrentin.com.br Escola CDI de Videira Formulários e JavaScript Como visto anteriormente, JavaScript pode ser usada para

Leia mais

Introdução à Tecnologia Web

Introdução à Tecnologia Web Introdução à Tecnologia Web JavaScript Validação de Formulários Profª MSc. Elizabete Munzlinger www.elizabete.com.br JavaScript Validação de Formulários Índice 1 VALIDAÇÃO DE FORMULÁRIOS... 2 Para validar

Leia mais

JavaScript Aplicações Interativas para a Web

JavaScript Aplicações Interativas para a Web JavaScript Aplicações Interativas para a Web ADRIANO GOMES LIMA BELO HORIZONTE 2006 INTRODUÇÃO A LINGUAGEM JAVASCRIPT...9 JAVA E JAVASCRIPT...9 VBSCRIPT E JAVASCRIPT... 10 AS VERSÕES DO JAVASCRIPT... 10

Leia mais

Introdução à Tecnologia Web

Introdução à Tecnologia Web Introdução à Tecnologia Web JavaScript Sintaxe da Linguagem: Eventos Profª MSc. Elizabete Munzlinger www.elizabete.com.br JavaScript Eventos Índice 1 Eventos JavaScript... 2 a) Relacionados a Janela...

Leia mais

CAPITULO 5 COMANDO DE FLUXO IF

CAPITULO 5 COMANDO DE FLUXO IF CAPITULO 5 COMANDO DE FLUXO IF Sempre que for necessária a tomada de decisão dentro de um programa, você terá que utilizar um comando condicional, pois é por meio dele que o PHP decidirá que lógica deverá

Leia mais

Formulários em HTML - O que são e para que servem

Formulários em HTML - O que são e para que servem Formulários em HTML - O que são e para que servem A tag - Os atributos action e method A primeira coisa que iremos fazer é usar a tag para podermos usarmos formulários. Antes de entrarmos

Leia mais

Programação Web Prof. Wladimir

Programação Web Prof. Wladimir Programação Web Prof. Wladimir Linguagem PHP @wre2008 1 Sumário PHP: Tipos de dados; Manipulação de dados; Utilizando formulário. @wre2008 2 Tipos de dados As variáveis são declaradas no momento de sua

Leia mais

0,5 pelo negrito das palavras ID, Nome, E-mail e Analisar em outro momento.

0,5 pelo negrito das palavras ID, Nome, E-mail e Analisar em outro momento. IFES - Campus Cachoeiro de Itapemirim-ES Curso Técnico em Informática Disciplina: Programação Web Professor: Flávio Izo e Rafael Vargas Data: 07/04/2015 Aluno: GABARITO Valor: 12,5 Conteúdo: HTML + Formulários

Leia mais

Conteúdo Dinâmico. Introdução. Interação Browser x Servidor Web. Interação Browser x Servidor Web

Conteúdo Dinâmico. Introdução. Interação Browser x Servidor Web. Interação Browser x Servidor Web Introdução Formulários rios & Conteúdo Dinâmico Mário Antonio Meireles Teixeira Dept o. de Informática - UFMA A Web surgiu inicialmente como uma nova forma de comunicação de informações, fazendo uso de

Leia mais

Apostila sobre Java Script

Apostila sobre Java Script Apostila sobre Java Script 1 Java Script Básico... 3 1. Introdução... 3 1.1 O que é Java Script?... 3 1.2 Qual é a diferença entre Java e JavaScript?... 3 1.3 Um pequeno exemplo do uso de scripts... 4

Leia mais

Mini-curso de PHP. Aulas ministradas por: André Luis de Paula Arthur Kalsing Diego Silva

Mini-curso de PHP. Aulas ministradas por: André Luis de Paula Arthur Kalsing Diego Silva Mini-curso de PHP Aulas ministradas por: André Luis de Paula Arthur Kalsing Diego Silva Aula 1 Breve introdução de HTML, Conceitos básicos de PHP, Sintaxe, Separador de instruções e Comentários (Cap 1

Leia mais

Formulários HTML e Introdução à Programação Web

Formulários HTML e Introdução à Programação Web Formulários Até agora tivemos uma boa visão da parte gráfica e de hipertexto do HTML. Agora vamos ver como o HTML pode ser usado para fazer parte efetiva em um programa. Dissemos que HTML não é uma linguagem

Leia mais

Tecnologias para apresentação de dados - Java Script. Aécio Costa

Tecnologias para apresentação de dados - Java Script. Aécio Costa Tecnologias para apresentação de dados - Java Script Aécio Costa Foi originalmente implementada como parte dos navegadores web para que scripts pudessem ser executados do lado do cliente e interagissem

Leia mais

SIMULADOS & TUTORIAIS

SIMULADOS & TUTORIAIS SIMULADOS & TUTORIAIS TUTORIAIS HTML Como criar formulários em HTML Copyright 2013 Todos os Direitos Reservados Jorge Eider F. da Silva Proibida a reprodução deste documento no todo ou em parte por quaisquer

Leia mais

Mais sobre uso de formulários Site sem Ajax

Mais sobre uso de formulários Site sem Ajax Mais sobre uso de formulários Site sem Ajax Página com busca padrão 1 Página com o resultado da busca carregada no local da anterior (o formulário está vazio) Site com Ajax 2 Site usando Ajax para preencher

Leia mais

Obtendo dados com formulários

Obtendo dados com formulários Obtendo dados com formulários Exploraremos agora uma das utilizações mais poderosas para o JavaScript: trabalhar com formulários de HTML. Você pode utilizar JavaScript para tornar um formulário mais interativo,

Leia mais

Programação Web Aula 5 - Javascript Parte 2 - Javascript e HTML

Programação Web Aula 5 - Javascript Parte 2 - Javascript e HTML Programação Web Aula 5 - Javascript Parte 2 - Javascript e HTML Departamento de Informática UFPR 17 de Março de 2014 1 Javascript e HTML 2 Ambiente Hierarquia Propriedades de Document 3 DOM Denição Hierarquia

Leia mais

Formulários. Permite ao usuário enviar informações por meio da página, em forma de pesquisa, mala direta, compra eletrônica e outros.

Formulários. Permite ao usuário enviar informações por meio da página, em forma de pesquisa, mala direta, compra eletrônica e outros. Formulários Permite ao usuário enviar informações por meio da página, em forma de pesquisa, mala direta, compra eletrônica e outros. O formulário depende de outros programas no servidor, para receber e

Leia mais

UENF Curso de Javascript Prof. Sérgio Rodrigues Pg 1 ÍNDICE

UENF Curso de Javascript Prof. Sérgio Rodrigues Pg 1 ÍNDICE UENF Curso de Javascript Prof. Sérgio Rodrigues Pg 1 ÍNDICE Javascript - Módulo I 02 Introdução 02 Escrevendo no documento 02 Criando variáveis 03 Mensagens 04 Alerta 04 Confirmação 04 Receptor 05 Operadores

Leia mais

Resumo da Matéria de Linguagem de Programação. Linguagem C

Resumo da Matéria de Linguagem de Programação. Linguagem C Resumo da Matéria de Linguagem de Programação Linguagem C Vitor H. Migoto de Gouvêa 2011 Sumário Como instalar um programa para executar o C...3 Sintaxe inicial da Linguagem de Programação C...4 Variáveis

Leia mais

HTML (Hyper Text Markup Language) É a linguagem com que se escrevem as páginas web;

HTML (Hyper Text Markup Language) É a linguagem com que se escrevem as páginas web; HTML Introdução Introdução ao HTML HTML (Hyper Text Markup Language) É a linguagem com que se escrevem as páginas web; É uma linguagem de hipertexto; Permite escrever texto de forma estruturada, que está

Leia mais

Criando um script simples

Criando um script simples Criando um script simples As ferramentas de script Diferente de muitas linguagens de programação, você não precisará de quaisquer softwares especiais para criar scripts de JavaScript. A primeira coisa

Leia mais

TECNOLOGIAS WEB AULA 7

TECNOLOGIAS WEB AULA 7 TECNOLOGIAS WEB AULA 7 PROF. RAFAEL DIAS RIBEIRO @RIBEIRORD Objetivos: Apresentar as principais tags utilizadas na construção de formulários em HTML. Compreender as principais estruturas formadas com as

Leia mais

Primeiro contato com JavaScript

Primeiro contato com JavaScript Primeiro contato com JavaScript Visão Geral JavaScript É uma linguagem em formato script; Permite dinamizar funções do site e criar interatividade em páginas web. O JavaScript permite: Coletar dados dos

Leia mais

Introdução à Tecnologia Web

Introdução à Tecnologia Web Introdução à Tecnologia Web JavaScript Objetos: Propriedades e Métodos Profª MSc. Elizabete Munzlinger www.elizabete.com.br JavaScript Objetos: Propriedades e Métodos Índice 1 Objetos JavaScript... 3 a)

Leia mais

Lista de Revisão. 3. Analise a afirmativa a seguir como verdadeira ou falsa e justifique.

Lista de Revisão. 3. Analise a afirmativa a seguir como verdadeira ou falsa e justifique. Lista de Revisão 1. Nos sistemas web, geralmente os usuários apresentam dois problemas típicos, a desorientação e a sobrecarga cognitiva. Discorra sobre esses problemas. 2. Apresente as principais diferenças

Leia mais

HTML / JAVASCRIPT. A versão atual é o HTML5 (seus predecessores imediatos são HTML 4.01, XHTML 1.1, etc.).

HTML / JAVASCRIPT. A versão atual é o HTML5 (seus predecessores imediatos são HTML 4.01, XHTML 1.1, etc.). HTML / JAVASCRIPT Estamos iniciando o estudo do HTML através das TAGS (comandos) para construir formulários. Isso facilitará a continuidade dos nossos estudos da linguagem de programação JavaScript, a

Leia mais

Ferramentas para Multimídia e Internet - 1486

Ferramentas para Multimídia e Internet - 1486 1 Ferramentas para Multimídia e Internet - 1486 HTML BÁSICO: O que é uma página WEB? Uma página WEB, também conhecida pelo termo inglês webpage, é uma "página" na World Wide Web, geralmente em formato

Leia mais

HTML Básico Formulários. Matheus Meira

HTML Básico Formulários. Matheus Meira HTML Básico Formulários Matheus Meira 1 Objetivos Neste apresentação conheceremos os fundamentos básicos de HTML para a manipulação com servlets e jsp. Serão vistos Formulários Links Elementos de disparo

Leia mais

Formulário (Send & Recieve) Prof. Celso H. Masotti

Formulário (Send & Recieve) Prof. Celso H. Masotti Formulário (Send & Recieve) Prof. Celso H. Masotti O Send e o Recieve A partir desse momento os exercícios serão realizados com dois arquivos, um de envio de dados (send) e o que recebe esse dados (recieve)

Leia mais

Programando em PHP. Conceitos Básicos

Programando em PHP. Conceitos Básicos Programando em PHP www.guilhermepontes.eti.br lgapontes@gmail.com Conceitos Básicos Todo o escopo deste estudo estará voltado para a criação de sites com o uso dos diversos recursos de programação web

Leia mais

6. Introdução à Linguagem PHP

6. Introdução à Linguagem PHP 6. Introdução à Linguagem PHP A comunicação na Web exige dois agentes: o cliente web e o servidor web. O cliente requer informação (a partir de uma página HTML acessada pelo navegador) e o servidor fornece

Leia mais

DESENVOLVIMENTO WEB I - 7122

DESENVOLVIMENTO WEB I - 7122 6.2 - Formulários: Um dos recursos mais fascinantes da linguagem HTML é a possibilidade de criar formulários eletrônicos. Usando um formulário o usuário pode interagir com o servidor, enviando dados que

Leia mais

Programação WEB I Estruturas de controle e repetição

Programação WEB I Estruturas de controle e repetição Programação WEB I Estruturas de controle e repetição Operadores de Incremento Operadores de incremento servem como expressões de atalho para realizar incrementos em variáveis Operadores de Incremento Vamos

Leia mais

6.2 - Formulários: form ... form action method POST GET exceto outros formulários form

6.2 - Formulários: form <form action=url_de_script method=método>...</form> form action method POST GET exceto outros formulários form 6.2 - Formulários: Um dos recursos mais fascinantes da linguagem HTML é a possibilidade de criar formulários eletrônicos. Usando um formulário o usuário pode interagir com o servidor, enviando dados que

Leia mais

Laboratório 4 Validação do Formulário

Laboratório 4 Validação do Formulário Laboratório 4 Validação do Formulário Introdução Agora que já definimos os nossos documentos usando xhtml e já os embelezámos através da utilização das CSS, está na hora de validar a informação que o utilizador

Leia mais

Aula de JavaScript 05/03/10

Aula de JavaScript 05/03/10 Objetos Sabe-se que variável são contêiners que podem armazenar um número, uma string de texto ou outro valor. O JavaScript também suporta objetos. Objetos são contêiners que podem armazenar dados e inclusive

Leia mais

Tutorial JavaScript. Índice: Por: Izaias Lisboa ultima revisão: 13/02/2001 http://www.codefactory.com.br

Tutorial JavaScript. Índice: Por: Izaias Lisboa ultima revisão: 13/02/2001 http://www.codefactory.com.br Tutorial JavaScript Por: Izaias Lisboa ultima revisão: 13/02/2001 http://www.codefactory.com.br Índice: Tópico Página O que é JavaScript 2 Quais browsers suportam JavaScript 2 Iniciando 2 A tag Script

Leia mais

APOSTILA DE JAVA SCRIPT

APOSTILA DE JAVA SCRIPT APOSTILA DE JAVA Introdução Operadores lógicos Operadores matemáticos Controles especiais Controles condicionais Eventos Criando variáveis Escrevendo no documento Mensagens Criando funções Funções intrinsecas

Leia mais

Primeiro exemplo de uso de páginas JSP

Primeiro exemplo de uso de páginas JSP Primeiro exemplo de uso de páginas JSP Crie um arquivo html com o nome: index, e digite o código abaixo no Eclipse. Salve no seguinte diretório: C:\apache-tomcat-6.0.33\webapps\ROOT\Prog1\ Voces podem

Leia mais

Scriptlets e Formulários

Scriptlets e Formulários 2 Scriptlets e Formulários Prof. Autor: Daniel Morais dos Reis e-tec Brasil Programação Avançada Para Web Página1 Meta Permitir ao aluno aprender a criar um novo projeto Java para web no Netbeans IDE,

Leia mais

Tecnologias para apresentação de dados - HTML. Aécio Costa

Tecnologias para apresentação de dados - HTML. Aécio Costa Tecnologias para apresentação de dados - HTML Aécio Costa Apresentação de Dados na Web Tecnologias client-side HTML CSS JavaScript HyperText Markup Language Uma linguagem de marcação utilizada para produzir

Leia mais

jquery Apostila Básica

jquery Apostila Básica jquery Apostila Básica INTRODUÇÃO 3 CAPÍTULO 1 POR ONDE INICIAR 3 CAPÍTULO 2 MEU PRIMEIRO SCRIPT! 4 EXERCÍCIOS...5 CAPÍTULO 3 ADICIONANDO CSS 6 EXERCÍCIOS...7 CAPÍTULO 4 MODIFICANDO APENAS PARTE DO DOCUMENTO

Leia mais

Para testar seu primeiro código utilizando PHP, abra um editor de texto (bloco de notas no Windows) e digite o código abaixo:

Para testar seu primeiro código utilizando PHP, abra um editor de texto (bloco de notas no Windows) e digite o código abaixo: Disciplina: Tópicos Especiais em TI PHP Este material foi produzido com base nos livros e documentos citados abaixo, que possuem direitos autorais sobre o conteúdo. Favor adquiri-los para dar continuidade

Leia mais

JAVA NETBEANS PGOO Prof. Daniela Pires Conteúdo

JAVA NETBEANS PGOO Prof. Daniela Pires Conteúdo Conteúdo Estruturas de repetição (loops, laços)... 2 WHILE (enquanto)... 2 DO... WHILE (faça... enquanto)... 2 FOR... 3 FOREACH... 4 EXERCICIO LOOP FOR... 4 Novo Projeto... 5 Controles SWING... 10 1 Estruturas

Leia mais

Introdução ao javascript ver material de apoio em downloads e também-referência livro javascript manzano.

Introdução ao javascript ver material de apoio em downloads e também-referência livro javascript manzano. Prof. Vania Gimenez- Notas de aula Caro aluno- Este material é só um apoio as aulas, os livros devem ser utilizados para o aprimoramento de seu estudo. -----------------------------------------------------------------------------------------------------------------

Leia mais

INSTITUTO FEDERAL DE EDUCAÇÃO, CIÊNCIA E TECNOLOGIA DO RN - IFRN APOSTILA: AUTORIA WEB PROFESSOR: ADDSON ARAÚJO DA COSTA SANTA CRUZ - RN

INSTITUTO FEDERAL DE EDUCAÇÃO, CIÊNCIA E TECNOLOGIA DO RN - IFRN APOSTILA: AUTORIA WEB PROFESSOR: ADDSON ARAÚJO DA COSTA SANTA CRUZ - RN INSTITUTO FEDERAL DE EDUCAÇÃO, CIÊNCIA E TECNOLOGIA DO RN - IFRN APOSTILA: AUTORIA WEB PROFESSOR: ADDSON ARAÚJO DA COSTA SANTA CRUZ - RN Sumário 1. Introdução...1 2. Tags...1 3. HTML...1 4. Cabeça, Corpo

Leia mais

Linguagem Javascript. Referências. Capacidades de Javascript. O que é JavaScript? Tipos de JavaScript. Versões de Javascript

Linguagem Javascript. Referências. Capacidades de Javascript. O que é JavaScript? Tipos de JavaScript. Versões de Javascript Linguagem Javascript João Sérgio S. Assis Núcleo de Computação Eletrônica da UFRJ Tel. (021) 2598-3214 Fax. (021) 2 270-8554 e-mail: joao@nce.ufrj.br Slides originais: Maurício Bomfim Referências Bibliográficas:

Leia mais

José Frazão Scripts Página 2 de 22

José Frazão Scripts Página 2 de 22 Página 2 de 22 Índice Página 1. Introdução 4 2. O que são? 5 3. Linguagens 5 3.1. ShellScript 5 3.1.1. Estrutura 6 3.1.1.1. Exemplos de alguns caracteres 6 3.1.1.2. Variáveis 7 3.2. JavaScript 9 3.2.1.

Leia mais

Introdução à Tecnologia Web

Introdução à Tecnologia Web Introdução à Tecnologia Web HTML HyperText Markup Language XTML extensible HyperText Markup Language Elementos da Seção do Corpo Tabelas Formulários Professor Alan Cleber Borim www.alanborim.com.br Índice.

Leia mais

Incorporando JavaScript em HTML

Incorporando JavaScript em HTML Incorporando JavaScript em HTML Existem quatro maneiras de incorporar JavaScript em HTML. Vamos abordar as três primeiras, por ser mais comum: Entre as tags dentro do código HTML. A partir

Leia mais

4 Criação de macros e introdução à linguagem VBA

4 Criação de macros e introdução à linguagem VBA 4 Criação de macros e introdução à linguagem VBA Vinicius A. de Souza va.vinicius@gmail.com São José dos Campos, 2011. 1 Sumário Tópicos em Microsoft Excel 2007 Introdução à criação de macros...3 Gravação

Leia mais