Aplicações e Serviços de Internet
|
|
|
- Eugénio Flores Batista
- 5 Há anos
- Visualizações:
Transcrição
1 Aplicações e Serviços de Internet Scripting no Cliente JavaScript & DOM Controlo de Dados Conteúdo JavaScript DOM 2 2
2 Lado Cliente: Como chamar JavaScript?. Escrever sua função* e inseri-la na página HTML 2. Escolher qual evento* será a gatilha para chamar sua função à por exemplo: utilizador clicar num certo botão 3. Inserir um atributo onxxx para chamar sua função, no tag HTML que vai receber o evento à exemplo: <input type= submit onclick= checaridade() /> 4. Quando chamado, sua função vai manipular os objectos* da página, usando o Document Object Model à ex: function checaridade() { if(documento.formpessoa.idade.value < 8) { alert( Voce é criança. Volte em casa! ); } } * termos marcados com asterisco são explicados a parte, no JavaScript Referência 3 Hierarquia de Objectos do Browser O browser instancia um conjunto de objectos que permitem a manipulação em javascript dos vários elementos das páginas carregadas. Chamado Document Object Model (DOM) window Os atributos e métodos do objecto window podem ser acedidos sem referir explicitamente o objecto Exs: window.document ó document location document history navigator anchors forms images links checkbox buttons radio 4 2
3 Modelo de objetos comum dos browsers Microsoft e Netscape ultima janela <html> <form> Form Document 0..n 0..n Window 0..n Window <img> Image janela adicionais o frames Location <area> Area History somente browser Microsoft Navigator Navigator Mimetypes <a href> <applet> <a name> Link Applet Anchor PlugIn somente browser Netscape <textarea> Button Reset Text Radio Hidden TextArea <select> Submit Imagen Password Checkbox File Select <input type= objeto > objetos fornecidos pelo HTML <option> Option objetos globais do client-side JavaScript 5 Exemplo de um documento com seu mapa de objetos Quando uma pagina é carregada o browser mantém na sua memória um mapa dos objectos gerados pela tags HTML no documento <html> <head> <title> Mapa </title> </head> <body> <form name= form > <input type= text name= user > <input type= button name= bt > </form> </body> </html> window document form text location button window window.document window.document.form document.form.user document.form.bt Como um script referencia os objectos de um documento HTML Uso do atributo name (window pode omitirse) 6 3
4 Manipulação de objetos de HTML Todos os objectos criados em HTML estão automaticamente disponíveis em JavaScript, mesmo que um nome não seja atribuído a eles. Os objectos formam um array de elementos. Ver cardinalidade no diagrama. Independente do tipo de componente de formulário, eles podem ser acessados na odem em que aparecem através da propiedad elements. <html> <head> <title> Mapa </title> </head> <body> <form> <input type= text > <input type= button > </form> </body> </html> document document.forms[0] document.forms[0].elements[0] document.forms[0].elements[] 7 O objecto window A janela do browser é manipulável de várias formas com JavaScript. Pode-se alterar dinamicamente suas características como tamanho, aparência e posição, transferir informações entre janelas e frames, abrir e fechar novas janelas e criar janelas de diálogo. Função open( URL ) close() prompt( msg ) alert( msg ) confirm( msg ) navigate( URL ) Abre nova janela com documento indicado por URL. Retorna referência de tipo Window para a janela criada. Fecha uma janela Abre uma janela de diálogo, e devolve o string digitado caso o usuário clique em OK. Abre uma janela de diálogo Abre janela de diálogo, retorna true caso usuário clique OK Mande a janela carregar este novo URL Exemplo filha=open( ); filha.close(); prompt( Digite seu nome:, ); alert( Tenha Cuidado! ); if (confirm( Você tem certeza? ) ) filha.navigate( ) 8 4
5 O objecto window (eventos) São aplicáveis aos descritores HTML <BODY> e <FRAME>. Estes eventos podem ser utilizados como gatilhas para chamar funções. handler onblur onfocus onload onunload onerror quando a janela deixa de ser a janela ativa quando a janela pasa a ser a janela ativa. depois que a página é carregada na janela. antes que a página seja substituida por outra ou a janela fechada. quando ocorre um erro 9 Objecto location O objecto location permite aceder às características do URL da página corrente. Atributo hostname href pathname protocol Tipo String String String String O nome do servidor O URL completa. O caminho. O protocol da URL. Método reload() ou reload(true) replace( URL ) Sem parametro recarrega a página actual caso não tenha sido modificada. Com o argumento true, carrega a pagina incondicionalmente Carrega a página especificada pela URL. Veja Exemplo no ASI 0 5
6 Objecto document O objecto document representa o documento HTML actual, é uma propiedade de window e por tanto pode ser usado sem fazer referencia a window. Propiedades Propriedade bgcolor fgcolor linkcolor title location forms cookie Acesso r/w r/w r/w r r r r/w Função Define ou recupera cor de fundo da página. Pode um strign contendo código hexadecimal ou nome da cor. Define ou recupera cor do texto na pagina. Define ou recupera cor de links na páginas. Recupera o título do documento. Contém objecto location do documento (URL) Contém array de objectos Form Contém string, usado para ler e armazenar preferencias do usuário no computador do cliente. Objectos link Representam vínculos (referências de hipertexto) criados a partir de um <a href= URL > O acceso a todos os vínculos de um documento é obtido a partir da propiedade links de document. hostname href pathname protocol target O nome do servidor O URL completa. O caminho. O protocol da URL. O nome da janela ou frame onde a URL será exibida Eventos: onmouseover, onmouseout, onclick Métodos: Não há. Exemplo 7 2 6
7 JavaScript: Formularios Um dos principais uso do JavaScript, é a validação de dados em aplicações Web. Verificar se os campos de um formulário foram preenchidos corretamente antes de enviar os dados a um programa no servidor, economiza bastante conexões de rede desnecessárias. Os objetos de formulário consistem de doze objetos, situados abaixo de Form, no modelo DOM. São referências aos tags HTML <input>, <select>, <option> e <textarea>. elements action method name encoding target Vector de elementos do formulario. (array) Reflete o valor do atibuto HTML ACTION. Reflete o valor do atibuto HTML METHOD. Reflete o valor do atibuto HTML NAME. Reflete o valor do atibuto HTML ENCTYPE. Reflete o valor do atibuto HTML TARGET. 3 Elementos de um formulario As propriedades do objeto Form incluem todos os elementos de formulário e imagens que estão dentro do bloco <FORM> na página HTML. Estes objetos podem ser referenciados pelos seus nomes propriedades de Form criadas com o atributo name de cada componente, ou através da propriedade elements vetor que contém todos os elementos contidos no bloco <FORM> na ordem em que aparecem no HTML. 4 7
8 Elementos de um formulario comuns form name type Referencia ao formuário que contém este elemento (FORM) Reflete o valor do atibuto HTML NAME. Contém o tipo do elemento. Pode ter um dos seguintes valores: select-one, selectmultiple, textarea, text, password, checkbox, radio, button, submit, reset, file, hidden 5 Objectos Form (métodos, eventos) Método reset() submit() focus() blur() Acção Reinicializa o formulario Envia o formulario Seleciona o formulario Tira a seleção do formulario Eventos: onsubmit, onreset Os eventos acima são sempre tratados antes das ações correspondentes acontecerem. O código em ONSUBMIT, por exemplo, será interpretado antes que o envio dos dados seja realizado. Se o código JavaScript dentro do ONSUBMIT produzir o valor false, os dados não serão enviados. Isto permite que os dados sejam verificados antes de enviados. Estes eventos apresentam várias incompatibilidades entre browsers. 6 8
9 Objectos Button, Reset, Submit Button, Reset e Submit são todos botões criados em HTML. value Método click() focus() blur() Contém o valor do atributo HTML VALUE, que especifica o texto que aparece no botão. Pode ser lida ou alterada Acção Realiza as tarefas programadas para o clique do botão (executa o código JavaScript contido no atributo ONCLICK sem que o botão precise ser apertado Activa o botão Desactiva o botão Eventos: ONCLICK, ONFOCUS, ONBLUR Exemplo 2 Exemplo 3 7 Objectos Text, Password, Textarea Os objetos do tipo Password, Text e Textarea são usados para entrada de texto. Possuem as mesmas propriedades. Objetos Text e Password definem caixas de texto de uma única linha enquanto que os objetos Textarea entendem quebras de linha. value Método select() focus() blur() Conteúdo do campo de texto. Valor que pode ser redefinido Acção Selecciona o campo editável do componente (faz o cursor aparecer piscando dentro do campo de texto ou selecciona o texto nele contido. Activa o componente Desactiva o componente Eventos: ONCHANGE, ONFOCUS, ONBLUR,ONSELECT Exemplo 4 8 9
10 Objectos Checkbox e Radio Os objetos Checkbox e Radio representam dispositivos de entrada booleanos cuja informação relevante consiste em saber se uma opção foi selecionada ou não. As únicas diferenças entre os objetos Checkbox e Radio são a sua aparência na tela do browser. Um grupo não é tratado como um elemento de formulário, mas os nomes dos grupos são referências do tipo Array * em JavaScript. Exemplo 5 9 Objectos Checkbox e Radio defaultchecked checked value length Método click() focus() blur() Retorna true se o elemento HTML que representa o objecto contém o atributo checked (read only) Retorna true se um Checkbox ou Radio está actualmente ligado. O valor desta propriedade pode ser alterado dinamicamente em JavaScript. Conteúdo do atributo HTML VALUE. O valor de esta propriedade pode ser alterado dinamicamente. Comprimento do vector de objectos Radio ou Checkbox. Aplica-se apenas a grupos de elementos identificados pelo nome Acção Marca (selecciona) o componente Activa o componente Desactiva o componente Eventos: ONCLICK, ONFOCUS, ONBLUR 20 0
11 Objectos Select e Option Um objecto SELECT pode ser visualizado com uma lista instantânea ou como uma lista rolável, sendo que a última permite múltipla selecção. Um objeto Select pode ter uma ou mais objetos Option, que refletem elementos <OPTION>. Objetos Select só podem ser criados em HTML. Objetos Option podem tanto ser criados em HTML como em JavaScript através do construtor Option(). Desta forma, é possível ter listas que crescem (ou diminuem) dinamicamente. Exemplo 6 2 Objectos Select Select options length selectedindex option. selectedindex Vector de objetos Option contidos no objecto Select Número de objectos contidos no objecto options. Índice da opção actualmente seleccionada. Para listas múltiplas contém o primeiro índice seleccionado. Mesma coisa que selectedindex 22
12 Objectos Option Option index defaultselected selected value text Cntém o índice desta opção dentro do vector options do objecto select ao qual pertence Retorna true se o elmento HTML que representa o objeto contém o atributo SELECTED Retorna true se objecto está seleccionado. Pode ser alterado para seleccionar ou deseleccionar dinamicamente. Contém o conteúdo do atributo HTML VALUE (que contém os dados que serão enviados ao servidor) O texto dentro de <option>... </option> que aparece na lista de opções. Pode ser alterado. Este texto não será enviado ao servidor se existir um atributo VALUE. 23 Objectos Select e Option Método focus() blur() Acção Activa o componente Desactiva o componente Eventos: ONCHANGE, ONFOCUS, ONBLUR 24 2
13 Bibliografía. JavaScript (conceitos iniciais), Anderson Pazin, Colégio Salesiano de Lins Dom Henrique Mourão Ensino_Medio/Anderson/JavaScript.doc 2. Criação de Web Sites III (Material de referencia). Helder da Rocha (Abr 2000) JavaScript (um guia simplificado) ISEL DEETC Secção de Programação Script/Jsguide.ppt 25 3
Aula 12 Aplicação e prática do JS
Aula 12 Aplicação e prática do JS Características importantes Sua sintaxe é parecida com C, C++ e Java, devido aos seus comandos serem os mesmos utilizados nas Linguagens citadas. É uma programação baseada
Construção de Sites 2. Prof. Christiano Lima Santos
Construção de Sites 2 Prof. Christiano Lima Santos Introdução a JavaScript Parte 01 Como usar JavaScript em uma página 1.1 Forma #1 aplicando diretamente à tag HTML teste
Introdução a Javascript
Introdução a Javascript André Tavares da Silva andre.silva@udesc.br Introdução Javascript Javascript é uma linguagem que permite injetar lógica em páginas escritas em HTML Podem estar "soltos" ou atrelados
Introdução à linguagem JavaScript
MIEEC SIEM ano letivo 2014/15 Introdução à linguagem JavaScript José A. Faria (jfaria@fe.up.pt) FEUP, DEGI Setembro 2014 Introdução ao JavaScript O JavaScript é uma linguagem utilizada sobretudo em client
INTRODUÇÃO. JavaScript PROF. ME. HÉLIO ESPERIDIÃO
INTRODUÇÃO JavaScript PROF. ME. HÉLIO ESPERIDIÃO 1 É uma linguagem de programação interpretada, que pode ser usada junto com o HTML. O que é JavaScript? Esta linguagem é interpretada pelo navegador. Permite
Capturando teclas: Movimentando um Sprite utilizando teclado
Capturando teclas: Movimentando um Sprite utilizando teclado Como capturar as teclas do nosso teclado, para que possamos trabalhar o controle de um sprite ou mesmo de qualquer outro elemento que faz parte
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
O que faz um servidor/navegador web? 14/03/2016 Rômulo da Silva Lima Slid e 2
HTML O que faz um servidor/navegador web? e 2 O que é? HyperText Markup Language Utilizada para produzir páginas WEB Documentos escritos na linguagem HTML podem ser traduzidos por browser O HTML utiliza
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
Os componentes HTML possuem a capacidade de configurar eventos
Javascripts (JS) Eventos no HTML Os componentes HTML possuem a capacidade de configurar eventos Estes eventos são tratados por um código específico, criado pelo programador, em funções javascript Alguns
Capítulo 9 - Imagens. Imagens
Capítulo 9 - Imagens 9 Imagens EM JAVASCRIPT, É POSSÍVEL MANIPULAR COM AS IMAGENS DE UMA PÁGINA, alterando a URL que localiza o arquivo de imagem. Assim, pode-se trocar a imagem que está sendo exibida
Controle de tipos; classes; formulários; eventos; validações.
Disciplina: Autoria Web AULA 14 Controle de tipos; classes; formulários; eventos; validações. Adaptado do professor Bruno Gomes, IFRN Edmilson Campos, Prof. MsC. http://edmilsoncampos.net edmilson.campos@ifrn.edu.br
Programação para Internet
AULA: Passagem de parâmetros em PHP (URL e Formulários) Programação para Internet http://docentes.ifrn.edu.br/albalopes alba.lopes@ifrn.edu.br Passagem de parâmetros Em PHP, há algumas formas de passar
JavaS. Apresentação JavaScript Marcelo Fey. Apresentação JavaScript,, prof. Marcelo Fey pag. 1
JavaS Apresentação JavaScript Marcelo Fey Apresentação JavaScript,, prof. Marcelo Fey pag. 1 Introdução O objetivo deste material é apresentar a linguagem Javascript, muito utilizada atualmente, em conjunto
Construção de Sites Aula 6
Construção de Sites Aula 6 Programa Instrutor Universidade Federal do Paraná Pró-reitoria de Assuntos Estudantis Departamento de Informática 17 de Agosto de 2010 Indice 1 Eventos onload e onunload 2 3
HTML BÁSICO E TEMPLATE VIEW. Gabrielle Amorim Porto
HTML BÁSICO E TEMPLATE VIEW Gabrielle Amorim Porto HTML BÁSICO E TEMPLATE VIEW Hypertext Markup Language Linguagem de marcação de hipertexto; Descreve a estrutura das páginas Web utilizando tags. HTML
Para ter acesso a páginas de outras janelas, é preciso citar a referência Window que possui a propriedade document:
Capítulo 8 A página HTML 8 A página HTML AS PROPRIEDADES DE UMA PÁGINA HTML incluem seus elementos, representados pelos descritores HTML, atributos como cor de fundo ou cor dos links, e informações enviadas
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,
INTRODUÇÃO AO DESENVOLVIMENTO FRONT-END COM HTML, CSS E JAVASCRIPT
v1.1 06/04/2017 INTRODUÇÃO AO DESENVOLVIMENTO FRONT-END COM HTML, CSS E JAVASCRIPT AULA 3 TRABALHANDO COM FORMULÁRIOS Eder Franco @ FPF Tech Agenda 1. Introdução 2. A tag form e seu atributos 3. As tags
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
Autoria Web. Professor: Diego Oliveira. Conteúdo 03: Tags de Formulário
Autoria Web Professor: Diego Oliveira Conteúdo 03: Tags de Formulário Caminhos Os caminhos dentro de um projeto HTML podem ser Relativos ou Absolutos O caminho Relativo é o caminho a partir da página em
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
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
Formulários são áreas onde se inserem campos que permitem uma troca de informações maior entre usuários e desenvolvedores de sites HTML Até o momento,
HTML Formulários são áreas onde se inserem campos que permitem uma troca de informações maior entre usuários e desenvolvedores de sites HTML Até o momento, HTML mostrou-se uma linguagem bastante adequada
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
INTRODUÇÃO AO JQUERY PROF. ME. HÉLIO ESPERIDIÃO
INTRODUÇÃO AO JQUERY PROF. ME. HÉLIO ESPERIDIÃO Introdução JQuery é uma biblioteca JavaScript desenvolvida para simplificar os scripts client-side que interagem com o HTML. Ela foi lançada em janeiro de
Informática I. Aula 8. Aula 8-19/09/2007 1
Informática I Aula 8 http://www.ic.uff.br/~bianca/informatica1/ Aula 8-19/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
Tabelas. Tabelas. Iniciando a construção... Atributos <table> Tag <table></table> 05/06/2011
INSTITUTO FEDERAL DE EDUCAÇÃO, CIÊNCIA E TECNOLOGIA DA PARAÍBA CAMPUS CAMPINA GRANDE 1 2 Tabelas INTERNET BÁSICA: EXTENSIBLE HYPERTEXT MARKUP LANGUAGE XHTML PARTE 3 Largamente suportado(browser); Controlar
Autoria Web. Formulários Aula 5. Cleverton Hentz
Autoria Web Formulários Aula 5 Cleverton Hentz Sumário da Aula } Introdução } Formulários Básicos } Elementos Suportados 2 Introdução } Os formulários possibilitam o envio de informação para o servidor
HTML. Leonardo Gresta Paulino Murta
HTML Leonardo Gresta Paulino Murta leomurta@gmail.com Introdução a HTML Formulários em HTML Critério para escolha de campos Agenda Leonardo Murta HTML 2 HTML HyperText Markup Language Criada por Tim Berners-
Desenvolvimento Web TCC Turma A-1
Desenvolvimento Web TCC-00.226 Turma A-1 Conteúdo Projeto de Interface com o Usuário em HTML Professor Leandro Augusto Frata Fernandes laffernandes@ic.uff.br Material disponível em http://www.ic.uff.br/~laffernandes/teaching/2013.2/tcc-00.226
Tags estruturais <!-- --> Cria um comentário <html> </html> Envolve todo um documento html <head> </head> Envolve o cabeçalho de um documento html
Tags estruturais Cria um comentário Envolve todo um documento html Envolve o cabeçalho de um documento html Fornece informações gerais sobre o documento
Tabelas. Tabelas. Iniciando a construção... Atributos <table> Tag <table></table> 05/04/2011
INSTITUTO FEDERAL DE EDUCAÇÃO, CIÊNCIA E TECNOLOGIA DA PARAÍBA CAMPUS CAMPINA GRANDE 1 2 Tabelas INTERNET BÁSICA: EXTENSIBLE HYPERTEXT MARKUP LANGUAGE XHTML PARTE 3 Largamente suportado(browser); Controlar
Introdução ao Javascript. Parte 3 Prof. Victor Hugo Lopes
Introdução ao Javascript Parte 3 Prof. Victor Hugo Lopes agenda Trabalhando com Eventos DOM na prática: trabalhando com propriedades http://goo.gl/tkjhmb Eventos Evento é um acontecimento que ocorre a
INTRODUÇÃO AO JQUERY PARTE 2. Prof. Me. Hélio Esperidião
INTRODUÇÃO AO JQUERY PARTE 2 Prof. Me. Hélio Esperidião ATRIBUINDO EVENTOS A TAGS OU SELETORES Nome do seletor ou nome do id precedido de # Nome do evento Bloco de código que deve ser executado caso o
Desenvolvimento de Sistemas Web Prof. Leandro Roberto. Aula 18 JavaScript: Eventos MySQL PHP (insert, update e delete)
Desenvolvimento de Sistemas Web Prof. Leandro Roberto Aula 18 JavaScript: Eventos MySQL PHP (insert, update e delete) JavaScript Eventos Alguns eventos de uma página HTML podem ser interceptados e programados
Recursos Complementares (Tabelas e Formulários)
Linguagem de Programação para Web Recursos Complementares (Tabelas e Formulários) Prof. Mauro Lopes 1-31 30 Objetivo Nesta aula iremos trabalhar o conceito de tabelas e todas as tags associadas ao seu
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
Desenvolvimento em Ambiente Web. Prof. André Y. Kusumoto
Desenvolvimento em Ambiente Web Prof. André Y. Kusumoto andrekusumoto.unip@gmail.com Um Formulário é uma área com entrada de dados disponível para o usuário. A ideia básica do formulário é apresentar campos
HTML Parte III. André Tavares da Silva.
HTML Parte III André Tavares da Silva andre.silva@udesc.br Formulários São estruturas que permitem que usuários submetam dados a uma página. Esses dados podem ser tratados e/ou armazenados dependendo da
Programação para web HTML: Formulários
Programação para web HTML: Formulários Professor: Harlley Lima E-mail: harlley@decom.cefetmg.br Departamento de Computação Centro Federal de Educação Tecnológica de Minas Gerais Belo Horizonte, 9 de março
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
JAVASCRIPT Laboratórios de Informática João Paulo Barraca, André Zúquete, Diogo Gomes
http://cseweb.ucsd.edu/~lerner/js.jpg JAVASCRIPT Laboratórios de Informática 2014-2015 João Paulo Barraca, André Zúquete, Diogo Gomes HTML, CSS, Javascript HTML define estrutura CSS define estilo Javascript
COM222 DESENVOLVIMENTO DE SISTEMAS WEB. Aula 03: JavaScript Parte II
COM222 DESENVOLVIMENTO DE SISTEMAS WEB Aula 03: JavaScript Parte II Conteúdo da aula Programação controlada por eventos e processamento de formulários Programação controlada por eventos onload, onunload
COM222 DESENVOLVIMENTO DE SISTEMAS WEB. Aula 01: HTML e CSS
COM222 DESENVOLVIMENTO DE SISTEMAS WEB Aula 01: HTML e CSS 2 Conteúdo Noções introdutórias HTML CSS HTML: HyperText Markup Language 3 Linguagem usada para construir páginas Web Função principal Estruturar
Ranking das linguagens de programação mais utilizadas. TIOBE Index PyPL Index Redmonk IEEE Spectrum
Webdesigner Ranking das linguagens de programação mais utilizadas TIOBE Index PyPL Index Redmonk IEEE Spectrum Tiobe Index Mantido pela empresa de mesmo nome fundada em 2000 e especializada em assessoria
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á
Web Design Aula 10: Formulários - Parte2
Web Design Aula 10: Formulários - Parte2 Professora: Priscilla Suene priscilla.silverio@ifrn.edu.br Roteiro Textarea Select FieldSet e Legend Atributo Action Atributo Method Exercício Form Um formulário
Webdesigner II. Introdução ao JavaScript
Webdesigner II Introdução ao JavaScript 1 Variáveis Variáveis são usadas para armazenar valores temporários Usamos a palavra reservada var para defini-las Em JS, as variáveis são fracamente tipadas, ou
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
A área de um formulário, na codificação HTML da página, é delimitada pelo par de marcadores <FORM> e </FORM>.
Formulário em JSP Revisão de formulários em HTML Formulários Formulários estão presentes na Internet para possibilitar cadastros, pesquisas, envio de comentários, aumentando o poder de interação com os
INTRODUÇÃO AO DESENVOLVIMENTO FRONT-END COM HTML, CSS E JAVASCRIPT
v1.1 INTRODUÇÃO AO DESENVOLVIMENTO FRONT-END COM HTML, CSS E JAVASCRIPT AULA 7 CRIANDO INTERAÇÕES COM JAVASCRIPT (PARTE 2) Eder Franco @ FPF Tech The road so far... JavaScript Desenvolvida para criar interações
HyperText Markup Language HTML. Formulário
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/ Introdução O usuário interage com os serviços
SIMULADOS & TUTORIAIS
SIMULADOS & TUTORIAIS TUTORIAIS JAVASCRIPT O Objeto Window Copyright 2013 Todos os Direitos Reservados Jorge Eider F. da Silva Proibida a reprodução deste documento no todo ou em parte por quaisquer meios,
Tutorial Cold Fusion Módulo 2 Cold Fusion Brasil -
www.coldfusionbrasil.com.br 2000 ENTENDENDO MAIS SOBRE CFOUTPUT 3 USO DO PARÂMETRO GROUP 3 USO DO PARÂMETRO GROUPCASESENSITIVE 4 USO DO PARÂMETRO STARTROW 4 USO DO PARÂMETRO MAXROWS 4 CRIANDO FORMULÁRIOS
Os slides que seguem mostram os principais comandos da linguagem HTML. Conhecer o código HTML possibilita a criação de páginas leves que contenham ape
INTRODUÇÃO A PROGRAMAÇÃO HTML Os slides que seguem mostram os principais comandos da linguagem HTML. Conhecer o código HTML possibilita a criação de páginas leves que contenham apenas os comandos necessá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,
Roteiro 06. Professor: Prof. M.Sc. Odilon Corrêa da Silva. Curso: Desenvolvimento de Sistemas. Disciplina: Programação para WEB I
Roteiro 06 Professor: Prof. M.Sc. Odilon Corrêa da Silva Curso: Desenvolvimento de Sistemas Disciplina: Programação para WEB I Roteiro 06 Objetivos Layout responsivo Formulários HTML 2 Layout responsivo
Introdução à HTML Dinámico. O linguagem JavaScript.
Introdução à HTML Dinámico. O linguagem JavaScript. Conferencia 7 MSc. Yoenis Pantoja Zaldívar O que já sabemos XHTML regras, etiquetas CSS selectores, propriedades (modelo de caixa, formateo visual) Situação
PROGRAMAÇÃO PARA INTERNET RICA FUNDAMENTOS DO JAVASCRIPT
PROGRAMAÇÃO PARA INTERNET RICA FUNDAMENTOS DO JAVASCRIPT Prof. Dr. Daniel Caetano 2012-2 Objetivos Apresentar a natureza da linguagem JavaScript Apresentar o JavaScript com ferramenta de manipulação de
Java: Linguagem de programação (OOP) JavaScipt: Linguagem de scripts (OOP)
Executado do lado do cliente, interage com o usuário sem a necessidade do script passar pelo servidor. Desenvolvida por Brendan Eich, da Netscape Communications Corporation em 1995 (LiveScript). 1ª linguagem
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
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
Formulários. Objetivo Controles Métodos Linhas de Edição
Formulários Formulários Objetivo Controles Métodos Linhas de Edição Formulários HTML O conjunto de controles de edição é limitado Botões Linhas de Edição Combo-boxes Listas Caixas de marcação(check-boxes)
Prof Evandro Manara Miletto. parte 1
Prof Evandro Manara Miletto parte 1 Sumário Introdução Variáveis e tipos de dados Operadores O que é JavaScript? JavaScript é uma linguagem de programação criada pela Netscape para adicionar interatividade
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
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
Tabelas Div Span Frames Formulários
Tabelas Div Span Frames Formulários Tabelas Tabelas implementam um conceito importante de layout: as grades, segundo as quais organizamos textos e ilustrações de maneira harmoniosa. A utilização de tabelas
PROGRAMAÇÃO PARA INTERNET RICA FUNDAMENTOS DO JAVASCRIPT
PROGRAMAÇÃO PARA INTERNET RICA FUNDAMENTOS DO JAVASCRIPT Prof. Dr. Daniel Caetano 2012-1 Objetivos Apresentar a natureza da linguagem JavaScript Apresentar o JavaScript com ferramenta de manipulação de
Programação WEB I BOM (Browser Object Manager)
Programação WEB I BOM (Browser Object Manager) Objetos Window Métodos já conhecidos: Window.alert( Texto ); Window.prompt( Digite algo, ); Window.confirm( Deseja mesmo fazer isso ); Window Abrir uma Janela
1. Aspectos Gerais dos Formulários
Aula 7: Formulários Com certeza você já deve ter preenchido algum formulário em suas "viagens" pela Internet, pois esta é uma forma cada vez mais comum de interagir com os visitantes de um site, para obter
PROGRAMAÇÃO PARA INTERNET RICA FUNDAMENTOS DO JAVASCRIPT
PROGRAMAÇÃO PARA INTERNET RICA FUNDAMENTOS DO JAVASCRIPT Prof. Dr. Daniel Caetano 2011-2 Visão Geral 1 2 3 4 5 6 7 8 JavaScript: Ling. Interpretada Client Side x Server Side Integrando o JavaScript Eventos
O que faz um servidor/navegador web? 30/03/2017 Rômulo da Silva Lima Slid e 2
HTML O que faz um servidor/navegador web? e 2 O que é? HyperText Markup Language Utilizada para produzir páginas WEB Documentos escritos na linguagem HTML podem ser traduzidos por browser O HTML utiliza
Programação WEB I DOM (Document Object Manager)
Programação WEB I DOM (Document Object Manager) DOM Significa Modelo de Objetos de Documentos e tem por finalidade descrever e padronizar os objetos e seus relacionamentos em uma aplicação. Tem a finalidade
Aula 11 Introdução ao Java Script
Aula 11 Introdução ao Java Script Java Script é uma linguagem que permite trabalhar com a Lógica em páginas escritas em HTML (HiperText Mark-up Language). As páginas HTML podem ser escritas utilizando-se
Construção de Sites 2. Prof. Christiano Lima Santos
Construção de Sites 2 Prof. Christiano Lima Santos Conteúdo do Curso JavaScript jquery Ajax Framework Bootstrap CMS WordPress Quem sou eu? Formação: Graduado em Ciência da Computação (Universidade Federal
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
Programação WEB I Funções
Programação WEB I Funções Funções As funções podem ser definidas como um conjunto de instruções, agrupadas para executar uma determinada tarefa. Dentro de uma função pode existir uma chamada a outra função.
Aula 18: Crítica de Formulários
Aula 18: Crítica de Formulários Nesta aula você verá os diversos objetos relacionados aos formulários. Veremos como é possível usar os métodos e propriedades dos diversos elementos de formulários e seus
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
CONFIGURAÇÃO DA CAIXA DE CORREIO ELETRÓNICO
CONFIGURAÇÃO DA CAIXA DE CORREIO ELETRÓNICO Outlook 2013 / 2016 & definições genéricas Criado/ Revisto Por: Revisto em: Contacto: DI-IPS Março 2017 Apoio.informatico@ips.pt Fevereiro 2018 ÍNDICE Índice...
REDES DE COMUNICAÇÃO
REDES DE COMUNICAÇÃO Curso Profissional de Técnico de Gestão e Programação de Sistemas Informáticos MÓDULO V Desenvolvimento de Páginas Web Dinâmicas (JavaScript) Duração: 60 tempos Conteúdos (1) 2 Introdução
JAVASCRIPT. Desenvolvimento Web I
JAVASCRIPT Desenvolvimento Web I JavaScript HTML Conteúdo - ( Markup language) CSS Apresentação (Style Sheet language) JavaScript (Programming language) Uso de JavaScript : Validação de formulários, galerias
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
Finalidade dos formulários
ENTENDENDO O FORMULÁRIO Na opinião de muitos a criação de formulários na linguagem HTML é uma das áreas mais importantes no desenvolvimento web. Diferentemente de outras marcações HTML o formulário não
- os dados entrados fazem parte do corpo da mensagem enviada para o servidor; - transfere grande quantidade de dados.
Formulários Um formulário é um modelo para a entrada de um conjunto de dados. O primeiro passo para fazer formulários é aprender as etiquetas que desenham as janelinhas de entrada de dados, para depois
JavaScript. Prof. Msc. Juliano Gomes Weber (jgw@unijui.edu.br) Notas de Aula Aula 12 1º Semestre - 2011. UNIJUÍ DETEC Ciência da Computação
UNIJUÍ DETEC Ciência da Computação Prof. Msc. Juliano Gomes Weber (jgw@unijui.edu.br) JavaScript Notas de Aula Aula 12 1º Semestre - 2011 Tecnologias Web jgw@unijui.edu.br Introdução Com JavaScript implementamos
Desenvolvimento Web. JavaScript aula II variáveis (cont.) e diálogos. Professor: Bruno Gomes
INSTITUTO FEDERAL DE EDUCAÇÃO CIÊNCIA E TECNOLOGIA CURSO TÉCNICO INTEGRADO EM INFORMÁTICA CAMPUS CURRAIS NOVOS Desenvolvimento Web JavaScript aula II variáveis (cont.) e diálogos Professor: Bruno Gomes
HTML. Frames e FORMs
HTML Frames e FORMs Frames As frames são divisões do ecrã do browser em diversas janelas (ou quadros ). Torna-se assim possível apresentar mais do que uma página numa janela do browser. É muito fácil colocar
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
TRABALHO FINAL 20 Pontos
Técnico em Informática Integrado ao Ensino Médio Algoritmos e Banco de Dados Profa. Cleiane Gonçalves Oliveira TRABALHO FINAL 20 Pontos O trabalho final deverá constar os três seguintes tipos de funções:
Java para WEB com Struts 2 e Hibernate
Java para WEB com Struts 2 e Hibernate Aula 01 http://fernandoanselmo.orgfree.com fernando.anselmo74@gmail.com Apresentação Fernando Anselmo fernando.anselmo74@gmail.com 25 anos na área de Desenvolvimento
JavaScript Exercício Comportamentos Dinâmicos
JavaScript Exercício Comportamentos Dinâmicos Comunicações Digitais e Internet, 2006/07 Jornalismo e Ciências da Comunicação, U.Porto Sumário Com este exercício pretende-se apresentar um exemplo simples
Laboratório de Sistemas e Serviços Web
Ministério da Ciência, Tecnologia e Ensino Superior U.C. 21182 Laboratório de Sistemas e Serviços Web Época Normal, 2017/2018 INSTRUÇÕES PARA A RESOLUÇÃO DO EXAME, ACONSELHA-SE QUE LEIA ATENTAMENTE O SEGUINTE: