SIMULADOS & TUTORIAIS
|
|
|
- Raíssa Chaves Barreiro
- 6 Há anos
- Visualizações:
Transcrição
1 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, seja digital, eletrônico ou impresso sem a expressa autorização do autor por escrito. Os infratores serão punidos de acordo com a Lei. Simulados & Tutoriais Tutoriais JavaScript Pag. 1
2 TUTORIAIS JAVASCRIPT O Objeto Window Introdução O objeto Window é suportado por todos os browsers. Ele representa a janela aberta de todos os browsers. Se um documento contém frames (tags como <frame> e <iframe>), o browser cria um objeto window para o documento HTML, e uma janela adicional para cada frame. Todos os objetos, funções e variáveis globais tornam-se automaticamente membros do objeto window. Variáveis globais são propriedades do objeto window. Funções globais são métodos do objeto window. Mesmo o objeto document (do HTML DOM) é uma propriedade do objeto window. Por exemplo: window.document.getelementbyid("header"); É o mesmo que: document.getelementbyid("header"); Window Size (tamanho da janela) Três diferentes propriedades podem ser usadas para determinar o tamanho da janela do browser (o viewport do browser, não incluindo barras de ferramentas e barras de scroll). Para o Internet Explorer, Chrome, Firefox, Opera e Safari: window.innerheight a altura interior da janela do navegador. window.innerwidth a largura interior da janela do navegador. Para o Internet Explorer 8, 7, 6, 5: document.documentelement.clientheight document.documentelement.clientwidth ou document.body.clientheight document.body.clientwidth Propriedades do Objeto Window São as seguintes as propriedades do objeto Window: Propriedade closed defaultstatus document frames history innerheight innerwidth length location Descrição Retorna um valor booleano indicando se uma janela foi fechada ou não. Define ou retorna o texto padrão na barra de status de uma janela. Retorna o objeto Document para a janela. Retorna uma array de todos os frames (incluindo iframes) na janela atual. Retorna o objeto History para a janela. Define ou retorna a altura interior de uma área do conteúdo da janela. Define ou retorna a largura interior de uma área do conteúdo da janela. Retorna o número de frames (incluindo iframes) em uma janela. Retorna o objeto Location para a janela. Simulados & Tutoriais Tutoriais JavaScript Pag. 2
3 name navigator opener outerheight outerwidth pagexoffset pageyoffset parent screen screenleft screentop screenx screeny self status top Define ou retorna o nome de uma janela. Retorna o objeto Navigator para a janela. Retorna uma referência para a janela que criou a janela. Define ou retorna a altura exterior de uma janela, incluindo toolbars e scrollbars. Define ou retorna a largura exterior de uma janela, incluindo toolbars e scrollbars. Retorna os pixels que o documento atual tem sido deslizado horizontalmente a partir do canto esquerdo superior da janela. Retorna os pixels que o documento atual tem sido deslizado verticalmente a partir do canto esquerdo superior da janela. Retorna a janela pai da janela atual. Retorna o objeto Screen para a janela. Retorna a coordenada x da janela relativa à tela. Retorna a coordenada y da janela relativa à tela. Retorna a coordenada x da janela relativa à tela. Retorna a coordenada y da janela relativa à tela. Retorna a janela atual. Define o texto na barra de status de uma janela. Retorna a janela do navegador superior. Vejamos alguns exemplos utilizando algumas dessas propriedades: A propriedade closed Essa propriedade retorna um valor booleano indicando se uma janela foi fechada ou não. Sua sintaxe é a seguinte: window.closed Vejamos um exemplo prático: Exemplo 1 Nesse exemplo vamos utilizar a propriedade closed juntamente com os métodos open() e close() para abrir e fechar uma janela através de botões, e mais um botão para verificar se a janela foi fechada ou não. Para isso: 1. Digite o código abaixo no seu editor de texto e salve-o como: js20-exemplo1.html. <!DOCTYPE html> <html> Tutorial JavaScript20 - Exemplo 1 - O Objeto Window <head> <title>tutorial JavaScript20 - Exemplo 1 - O Objeto Window</title><p> <script type="text/javascript"> var minhajanela; function abrejanela() minhajanela=window.open("","","width=400,height=200"); function fechajanela() if (minhajanela) Simulados & Tutoriais Tutoriais JavaScript Pag. 3
4 minhajanela.close(); function checajanela() if (!minhajanela) document.write("'minhajanela' nunca foi aberta!"); else if (minhajanela.closed) document.write("'minhajanela' foi fechada!"); else document.write("'minhajanela' não foi fechada!"); </script> </head> <body> <input type="button" value="abre 'minhajanela'" onclick="abrejanela()" /> <input type="button" value="fecha 'minhajanela'" onclick="fechajanela()" /> <br><br> <input type="button" value="'minhajanela' foi aberta?" onclick="checajanela()" /> </body> </html> 2. Após a execução do código será mostrado o seguinte: O primeiro botão abre uma janela e o segundo fecha. A resposta do terceiro botão vai depender se a janela está aberta ou fechada, ou se nunca foi aberta. Experimente. As propriedades innerheight e innerwidth A propriedade innerheight define ou retorna a altura interna da área de uma janela, e a propriedade innerwidth define ou retorna a largura interna da área de uma janela. Ambas sem incluir toolbars nem scrollbars. Suas sintaxes são as seguintes: Get: window.innerwidth window.innerheight Simulados & Tutoriais Tutoriais JavaScript Pag. 4
5 Set: window.innerwidth=pixels window.innerheight=pixels Vejamos um exemplo prático: Exemplo 2 Nesse exemplo vamos utilizar as propriedades innerheight e innerwidth para mostrar a altura interna e a largura interna de uma janela, respectivamente. Para isso: 1. Digite o código abaixo no seu editor de texto e salve-o como: js20-exemplo2.html. <!DOCTYPE html> <html> Tutorial JavaScript20 - Exemplo 2 - O Objeto Windows <head> <title>tutorial JavaScript20 - Exemplo 2 - O Objeto Windows</title><p> <script type="text/javascript"> function minhafuncao() var w=window.innerwidth; var h=window.innerheight; document.write("largura: " + w + " Altura: " + h); </script> </head> <body> <p>clique no botão para mostrar a altura e a largura desta janela<br> (Não inclui toolbars nem scrollbars).</p> <button onclick="minhafuncao()">clique aqui</button> </body> </html> 2. Após a execução do código será mostrado o seguinte: 3. Após clicado o botão será mostrado o seguinte resultado: Largura: 1280 Altura: 699 Métodos do Objeto Window São os seguintes os métodos do objeto Window: Método alert() Descrição Mostra uma janela de alerta com uma mensagem e um botão OK. Simulados & Tutoriais Tutoriais JavaScript Pag. 5
6 blur() clearinterval() cleartimeout() close() confirm() createpopup() focus() moveby() moveto() open() print() prompt() resizeby() resizeto() scrollby() scrollto() setinterval() settimeout() Remove o foco da janela atual. Limpa um timer criado com o método setinterval(). Limpa um time criado com o método settimeout(). Fecha a janela atual. Mostra uma caixa de diálogo com uma mensagem, um botão OK e um botão Cancel. Cria uma janela pop-up. Define o foco para a janela corrente. Move uma janela relativa para a sua posição atual. Move uma janela para a posição especificada. Abre uma nova janela do browser. Imprime o conteúdo da janela atual. Mostra uma caixa de diálogo para entrada de dados. Redimensiona a janela pelos pixels especificados. Redimensiona a janela pela altura e largura especificadas. Rola o conteúdo da janela pelo número de pixels especificados. Rola o conteúdo da janela para as coordenadas especificadas. Chama uma função ou avalia uma expressão no intervalo especificado (em milisegundos). Chama uma função ou avalia uma expressão após um número específico de milisegundos. Vejamos alguns exemplos utilizando alguns desses métodos: O método alert() Esse método mostra uma janela de alerta com uma mensagem específica e um botão OK. Sua sintaxe é a seguinte: alert(mensagem) Vejamos um exemplo prático: Exemplo 3 Nesse exemplo vamos utilizar o método alert() para mostrar uma janela de alerta como uma mensagem. Para isso: 1. Digite o código abaixo no seu editor de texto e salve-o como: js20-exemplo3.html. <!DOCTYPE html> <html> Tutorial JavaScript20 - Exemplo 3 - O Objeto Window <head> <title>tutorial JavaScript20 - Exemplo 3 - O Objeto Window</title><p> <script type="text/javascript"> function minhafuncao() alert("olá, eu sou uma janela de alerta!"); </script> </head> <body> <input type="button" onclick="minhafuncao()" value="mostra uma janela de alerta" /> </body> Simulados & Tutoriais Tutoriais JavaScript Pag. 6
7 </html> 2. Após a execução do código será mostrado o seguinte: 3. Após clicado o botão, será mostrada uma janela com a mensagem definida entre os parênteses do método, conforme mostra a figura a seguir: O método confirm() Esse método mostra uma caixa de diálogo com uma mensagem específica, juntamente com um botão OK e um botão Cancel. Esse método retorna true se o usuário clicar no botão OK, caso contrário, retorna false. Sua sintaxe é a seguinte: confirm(mensagem) Vejamos um exemplo prático: Exemplo 4 Nesse exemplo vamos utilizar o método confirm() para mostrar uma caixa de diálogo como uma mensagem e dois botões, OK e Cancel. A resposta dependerá do botão que for clicado. Para isso: 1. Digite o código abaixo no seu editor de texto e salve-o como: js20-exemplo4.html. <!DOCTYPE html> <html> Tutorial JavaScript20 - Exemplo 4 - O Objeto Window <head> <title>tutorial JavaScript20 - Exemplo 4 - O Objeto Window</title><p> <script type="text/javascript"> function minhafuncao() var x; var r=confirm("pressione um botão!"); if (r==true) x="você pressionou OK!"; else Simulados & Tutoriais Tutoriais JavaScript Pag. 7
8 x="você pressionou Cancel!"; document.write(x); </script> </head> <body> <p>clique no botão para mostrar a caixa de diálogo confirm.</p> <button onclick="minhafuncao()">clique aqui</button> </body> </html> 2. Após a execução do código será mostrado o seguinte: 3. Após clicado no botão, será mostrada uma caixa de diálogo com uma mensagem. A resposta dessa caixa de diálogo dependerá do botão que for clicado (OK ou Cancel), conforme mostra a figura a seguir: O método moveto() Esse método move uma janela para as coordenadas especificadas, a partir da margem esquerda superior. Sua sintaxe é a seguinte: window.moveto(x,y) Vejamos um exemplo prático: Exemplo 5 Nesse exemplo vamos utilizar o método moveto() para mostrar uma janela na sua posição original e em seguida movê-la para outra posição da tela após o botão Mover Janela for clicado. Para isso: 1. Digite o código abaixo no seu editor de texto e salve-o como: js20-exemplo5.html. <!DOCTYPE html> <html> Simulados & Tutoriais Tutoriais JavaScript Pag. 8
9 Tutorial JavaScript20 - Exemplo 5 - O Objeto Window <head> <title>tutorial JavaScript20 - Exemplo 5 - O Objeto Window</title><p> <script type="text/javascript"> function abrejanela() minhajanela=window.open('','','width=300,height=200'); minhajanela.document.write("<p>esta é minha janela.</p>"); function movejanela() minhajanela.moveto(120,120); minhajanela.focus(); </script> </head> <body> <input type="button" value="abrir Janela" onclick="abrejanela()" /> <br><br> <input type="button" value="mover Janela" onclick="movejanela()" /> </body> </html> 2. Após a execução do código será mostrado o seguinte: 3. Após clicado o botão Abrir Janela a janela da figura abaixo será mostrada no canto superior esquerdo da tela. Em seguida arraste a janela para qualquer lugar da tela e clique no botão Mover Janela. Feito isso a janela será movida para outra posição, ou seja, para as coordenadas (120,120): ***** Simulados & Tutoriais Tutoriais JavaScript Pag. 9
10 Exercícios de fixação 1) Essa propriedade retorna um valor booleano indicando se uma janela foi fechada ou não. a) open b) closed c) opened d) closer 2) o método redimensiona a janela pela altura e largura especificadas. a) resizeto() b) scaleby() c) scaleto() d) resizeby() 3) Esse método move uma janela para as coordenadas especificadas, a partir da margem esquerda superior. a) movefrom() b) movefor() c) moveto() d) move() 4) Que declaração abaixo determina a altura interior da janela do navegador? a) window.innerwidth b) window.innerheight c) window.interwidth d) window.interheight 5) Qual dos métodos abaixo mostra uma caixa de diálogo com uma mensagem específica, juntamente com um botão OK e um botão Cancel. a) alert() b) input() c) window() d) confirm() 6) Esse método mostra uma janela de alerta com uma mensagem específica e um botão OK. a) alert() b) input() c) window() d) confirm() 7) Que método mostra uma caixa de diálogo para entrada de dados. a) input() b) window() c) prompt() d) confirm() 8) Que declaração abaixo determina a largura interior da janela do navegador? a) window.innerwidth b) window.innerheight Simulados & Tutoriais Tutoriais JavaScript Pag. 10
11 c) window.interwidth d) window.interheight 9) A propriedade define o texto na barra de status de uma janela. a) self b) text c) name d) status 10) A declaração: alert("olá, pessoal!"); Mostra uma janela de diálogo: a) Com a mensagem entre parênteses e um botão OK. b) Para entrada de dados com um botão OK. c) Com a mensagem entre parênteses e os botões YES e CANCEL. d) Para entrada de dados com os botões OK e Cancel. ***** Simulados & Tutoriais Tutoriais JavaScript Pag. 11
12 Exercícios propostos 1) Escreva uma rotina para abrir 5 janelas a partir das coordenadas 200,200 aumentadas a cada 50 pixels para cada uma e com tamanho único de 300 x 300 pixels. Cada janela deve ter uma mensagem diferente (por exemplo: Janela1, Janela2, Janela3, Janela4, Janela5). 2) Escreva uma rotina para criar uma janela de diálogo para entrada de dados com a mensagem: Digite seu nome:. Após digitado um nome qualquer mostre em outra janela de diálogo a quantidade de caracteres do que foi digitado. 3) Escreva uma rotina para criar uma janela do browser de 600 x 400 mostrando um site qualquer (por exemplo: google, yahoo, etc.). ***** Simulados & Tutoriais Tutoriais JavaScript Pag. 12
SIMULADOS & TUTORIAIS
SIMULADOS & TUTORIAIS TUTORIAIS JAVASCRIPT Como utilizar funções em JavaScript Copyright 2013 Todos os Direitos Reservados Jorge Eider F. da Silva Proibida a reprodução deste documento no todo ou em parte
SIMULADOS & TUTORIAIS
SIMULADOS & TUTORIAIS TUTORIAIS JAVASCRIPT Variáveis em JavaScript Copyright 2013 Todos os Direitos Reservados Jorge Eider F. da Silva Proibida a reprodução deste documento no todo ou em parte por quaisquer
SIMULADOS & TUTORIAIS
SIMULADOS & TUTORIAIS TUTORIAIS HTML Como utilizar parágrafos 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
SIMULADOS & TUTORIAIS
SIMULADOS & TUTORIAIS TUTORIAIS HTML Como utilizar cabeçalhos e elementos de cabeçalhos de página em HTML Copyright 2013 Todos os Direitos Reservados Jorge Eider F. da Silva Proibida a reprodução deste
SIMULADOS & TUTORIAIS
SIMULADOS & TUTORIAIS TUTORIAIS HTML Como Formatar 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 meios,
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
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
SIMULADOS & TUTORIAIS
SIMULADOS & TUTORIAIS TUTORIAIS JAVASCRIPT O que são objetos em JavaScript Copyright 2013 Todos os Direitos Reservados Jorge Eider F. da Silva Proibida a reprodução deste documento no todo ou em parte
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
SIMULADOS & TUTORIAIS
SIMULADOS & TUTORIAIS TUTORIAIS HTML Como criar tabelas 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
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á
SIMULADOS & TUTORIAIS
SIMULADOS & TUTORIAIS TUTORIAIS JAVASCRIPT O que são objetos em JavaScript Copyright 2013 Todos os Direitos Reservados Jorge Eider F. da Silva Proibida a reprodução deste documento no todo ou em parte
SIMULADOS & TUTORIAIS
SIMULADOS & TUTORIAIS TUTORIAIS JAVASCRIPT O Objeto Array 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,
SIMULADOS & TUTORIAIS
SIMULADOS & TUTORIAIS TUTORIAIS JAVASCRIPT O que é a linguagem JavaScript Copyright 2013 Todos os Direitos Reservados Jorge Eider F. da Silva Proibida a reprodução deste documento no todo ou em parte por
SIMULADOS & TUTORIAIS
SIMULADOS & TUTORIAIS TUTORIAIS CSS Como inserir códigos CSS em páginas HTML Copyright 2013 Todos os Direitos Reservados Jorge Eider F. da Silva Proibida a reprodução deste documento no todo ou em parte
$XOD0DQLSXODomRGH-DQHODVH)UDPHV
$XOD0DQLSXODomRGH-DQHODVH)UDPHV As formas de programação que vimos até aqui envolviam apenas uma janela ou frame. Aplicações reais, geralmente, envolvem múltiplas janelas ou frames. Nesta aula explicaremos
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
JavaScript (Elementos de Programação e Programação Básica)
Linguagem de Programação para Web JavaScript (Elementos de Programação e Programação Básica) Prof. Mauro Lopes 1 Objetivos Iniciaremos aqui o nosso estudo sobre a Linguagem de Programação JavaScript. Apresentaremos
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
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
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
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
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
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
SIMULADOS & TUTORIAIS
SIMULADOS & TUTORIAIS TUTORIAIS HTML Como criar links 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
SIMULADOS & TUTORIAIS
SIMULADOS & TUTORIAIS TUTORIAIS HTML Como criar listas 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
Assim, ao armazenar em cache elementos como HTML, CSS, JS e imagens, o navegador reduz drasticamente o tempo de carregamento e o uso de recursos.
Sumário O que é Cache do Navegador?... 2 O que são dados em cache?... 2 O que limpar o cache faz?... 2 Por que limpar o cache?... 2 Como limpar o cache do navegador em plataformas desktop... 3 Google Chrome...
Aplicações e Serviços de Internet
Aplicações e Serviços de Internet Scripting no Cliente JavaScript & DOM Controlo de Dados Conteúdo JavaScript DOM 2 2 Lado Cliente: Como chamar JavaScript?. Escrever sua função* e inseri-la na página HTML
MARCOS DE MELO. JavaScript. 1º Edição
MARCOS DE MELO JavaScript 1º Edição JavaScript 1 Sumário Aula 1 Introdução... 7 Introdução e Eventos... 8 O que é o JavaScript?... 9 História do JavaScript... 9 Introdução... 10 JavaScript é o mesmo que
JavaScript (ou JScript)
1. Introdução JavaScript (ou JScript) Uma linguagem como o JavaScript permite criar interfaces interativas na web (permite a interação do usuário). Para desenvolver web sites interativos precisamos de
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
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
OBSERVAÇÃO IMPORTANTE:
OBSERVAÇÃO IMPORTANTE: O procedimento de impressão da Guia de Contribuição Sindical Urbana (GRCSU) Obrigatória, só será possível de forma eficiente utilizando o navegador Microsoft Internet Explorer (versão
Pré-requisito Ter realizado os cursos de Lógica de Programação e HTML5 e CSS3, ou ter conhecimento equivalentes.
1 Javascript com Ajax Descrição A Web 2.0 trouxe um novo conceito na construção de sites para internet. O domínio da linguagem de programação JavaScript é essencial para o desenvolvimento de web sites
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
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
APRESENTAÇÃO... 3 IGEO... 3 ACESSO AO SISTEMA... 4 MANUAL DO USUÁRIO... 4 FUNCIONALIDADES... 5 NAVEGAÇÃO E CONSULTA... 5 MANIPULAÇÃO DE CAMADAS...
Sumário APRESENTAÇÃO... 3 IGEO... 3 FUNCIONALIDADES COMUNS AOS USUÁRIOS E ADMINISTRADOR ACESSO AO SISTEMA... 4 ACESSANDO O SISTEMA VIA WEB... 4 MANUAL DO USUÁRIO... 4 FUNCIONALIDADES... 5 NAVEGAÇÃO E CONSULTA...
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
Aula 22 Eventos. Desenvolvimento Web I Prof. Filipe Arantes Fernandes
Aula 22 Eventos Desenvolvimento Web I Prof. Filipe Arantes Fernandes filipe.arantes@ifsudestemg.edu.br Introdução São os eventos que tornam a linguagem JS útil; Sem os eventos, as ações não seriam disparadas
FACULDADE DE DIREITO UFMG. Configurando o Proxy no seu navegador Mozilla Firefox 11.0
Configurando o Proxy no seu navegador Mozilla Firefox 11.0 1) Na barra superior, clique em Ferramentas, em seguida clique em Opções. 2) Na barra superior da tela aberta, clique em Avançado, depois clique
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.
OBSERVAÇÃO IMPORTANTE:
OBSERVAÇÃO IMPORTANTE: O procedimento de impressão da Guia de Contribuição Sindical Urbana (GRCSU) Obrigatória, só será possível de forma eficiente utilizando o navegador Microsoft Internet Explorer (versão
MANUAL DE PUBLICAÇÃO NO PORTAL CAMPUS MATÃO
INSTITUTO FEDERAL DE EDUCAÇÃO, CIÊNCIA E TECNOLOGIA DE SÃO PAULO CAMPUS MATÃO MANUAL DE PUBLICAÇÃO NO PORTAL CAMPUS MATÃO AUTOR: COORDENADORIA DE TECNOLOGIA DA INFORMAÇÃO CAMPUS MATÃO MATÃO 2016 SUMÁRIO
SIMULADOS & TUTORIAIS
SIMULADOS & TUTORIAIS TUTORIAIS HTML Como utilizar estilos em HTML com CSS Copyright 2013 Todos os Direitos Reservados Jorge Eider F. da Silva Proibida a reprodução deste documento no todo ou em parte
MANUAL OPERACIONAL. Versão 2.0. Desbloquear Pop-ups, limpar cache e ativar Java Script dos Navegadores de Internet. Revisão em: 18 de Setembro de 2014
MANUAL OPERACIONAL Desbloquear Pop-ups, limpar cache e ativar Java Script dos Navegadores de Internet. Versão 2.0 Revisão em: 8 de Setembro de 204 Página 2 de 2 ÍNDICE.0 INTRODUÇÃO... 4 2.0 INTERNET EXPLORER...
UNIVERSIDADE FEDERAL DO RIO GRANDE DO NORTE SISTEMA DE BIBLIOTECAS BIBLIOTECA CENTRAL ZILA MAMEDE
TUTORIAL ACESSO AOS LIVROS DIGITAIS DA UFRN (http://www.portaldapesquisa.com.br/ufrn) Os alunos, professores e demais servidores da UFRN, com cadastro em algum dos sistemas da universidade SIGAA, SIPAC
Método dos Elementos Finitos Aplicado à Engenharia de Estruturas Página 1
Método dos Elementos Finitos Aplicado à Engenharia de Estruturas Página 1 INICIANDO O ANSYS VERSÃO ED 9.0 I. Iniciando o Programa: INTRODUÇÃO No Windows, o grupo de programa do ANSYS contém os ícones que
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
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
- PORTAL ALUNO / DOCENTE - MANUAL DE APOIO PORTAL DOCENTE
- PORTAL ALUNO / DOCENTE - MANUAL DE APOIO PORTAL DOCENTE AGOSTO/2017 AMBIENTAÇÃO Introdução O novo Portal do Aluno/Docente é o local institucional projetado para os alunos e professores acessarem a páginas
MANUAL PORTAL DO ALUNO
MANUAL PORTAL DO ALUNO SUMÁRIO 1. Acesso... 3 1.1. Esqueci Minha Senha... 3 1.2. Informações Acadêmicas... 5 2. Contexto... 5 2.1. Alterar Contexto... 5 3. Menu Acadêmico... 6 3.1. Quadro de Aviso... 6
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:
Tutorial de orientação para o processo de rematrícula Newton
Tutorial de orientação para o processo de rematrícula Newton Para iniciar o processo de rematrícula clique na opção Matricula on-line do sistema acadêmico. Nesta janela de contexto, selecione o Período
PROGRAMAÇÃO PARA INTERNET. Fonte: Raul Paradeda
PROGRAMAÇÃO PARA INTERNET Introdução à AJAX Fonte: Raul Paradeda INTRODUÇÃO Para entender o que é o AJAX é necessário ter o prévio conhecimento de: HTML / XHTML; Javascript; CSS; XML. INTRODUÇÃO Ao pesquisar
4D Progress Barras de progresso Lista alfabética dos comandos
4D Progress 4D inclui um novo recipiente integrado chamado 4D Progress. Este componente lhes permite abrir uma ou mais barras de progresso em uma mesma janela (como a interface do Finder em Mac OS). Cada
Dreamweaver CS5 -5- CAPÍTULO 1... Iniciando e conhecendo o dreamweaver...8 Interfaces...23 Criando e confi gurando sites...24 Exercícios...
DREAMWEAVER CS5 INTRODUÇÃO O Dreamweaver CS5 é um editor avançado de páginas para Internet, pois possui ferramentas para usuários que não são familiarizados com as linguagens HTML, Java e PHP. Com o Dreamweaver
requisitos do sistema
requisitos do sistema IMPORTANTE! É de suma importância que você prepare o seu computador com todos os requisitos de sistemas para assistir suas aulas sem nenhuma preocupação. Fazer essa verificação é
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
Manual de usuário. Figuras
Sistema Vertti via Web Acesso ao Sistema Vertti via Web... 2 Navegadores compatíveis... 2 Mensagens de erro... 3 Navegador incompatível... 3 Google Chrome... 4 Baixando e instalando Sistema Vertti no Google
Portal Educacional. Manual do Portal Educacional - Ajuda
Caro(a) estudante(a), Este tutorial irá ajudá-lo(a) no acesso ao sistema educacional da FAPAM. Portal Educacional Manual Tem como objetivo orientar o estudante sobre as funcionalidades do Portal Educacional.
Desenvolvimento WEB1 Profa Wanessa Machado do Amaral. Javascript - introdução
Desenvolvimento WEB1 Profa Wanessa Machado do Amaral Javascript - introdução Histórico No início da Internet as páginas eram pouco ou nada interativas Eram documentos que apresentavam seu conteúdo exatamente
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
Inclusão de NOTAS FISCAIS. Guia Rápido Audatex Web Perfil Oficina
Inclusão de NOTAS FISCAIS Guia Rápido Audatex Web Perfil Oficina 1 SUMÁRIO 1. Introdução... 3 2. Acesso... 3 3. Home Tela Inicial... 4 4. Sinistros... 5 5. Dados Gerais... 6 6. Notas Fiscais... 6 7. Ações...
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
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
Acesse seu Ambiente Virtual de Aprendizagem. Abrirá uma tela com o verificador. Escolha a opção Iniciar o teste.
P R I M E I R O PA S S O P A R A A C E S S A R O A M B I E N T E V I R T U A L É de suma importância que você prepare o seu computador com todos os requisitos de sistemas para assistir suas aulas sem nenhuma
Criação de Animação com Sprite com HTML CANVAS
Criação de Animação com Sprite com HTML CANVAS Para executar estes exemplos utilizaremos nosso navegador, por causa dos arquivos de imagem. Exemplo 2 Sprites A sequência de Sprite utilizada neste exemplo
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
Instalação Mozilla Firefox. Acesse a página do Zotero: (pelo Firefox) Clique no botão Download Now no canto direito da tela.
Tutorial de Zotero Elaborado por Felipe Oliveira, Gustavo Mol e Maria Daibert Atualizado por Caroline Brasileiro Pena (32)99182-2816 caroline.brasileiro@engenharia.ufjf.br O Zotero Um gerenciador de citações.
Sumário APRESENTAÇÃO...3 ACESSO AO SISTEMA...4 FUNCIONALIDADES...5 SIG-PCJ... 3 ACESSANDO O SISTEMA VIA WEB...4 MANUAL DO USUÁRIO...
SIG-PCJ Sumário APRESENTAÇÃO...3 SIG-PCJ... 3 ACESSO AO SISTEMA...4 ACESSANDO O SISTEMA VIA WEB...4... 4 FUNCIONALIDADES...5 NAVEGAÇÃO E CONSULTA... 5 FERRAMENTAS DE NAVEGAÇÃO DO MAPA...5 FERRAMENTAS DE
INSTRUÇÕES PARA O PRIMEIRO ACESSO
INSTRUÇÕES PARA O PRIMEIRO ACESSO O Ambiente Virtual de Aprendizagem (AVA), está disponível para todos os alunos dos cursos do IF Sudeste MG Câmpus JF. O AVA também é conhecido como plataforma Moodle.
Aplicativos móveis com HTML5
Aplicativos móveis com HTML5 Preparando o ambiente de desenvolvimento O código HTML pode ser escrito em qualquer editor de texto comum. Você pode utilizar o editor padrão do seu sistema operacional (Bloco
Manual para abertura de ticket
Manual para abertura de ticket Santo André 2015 Resumo A Tec House Informática desenvolveu este manual de forma prática e intuitiva com o objetivo de auxiliar você, cliente, na resolução de problemas encontrados
Governo do Estado do Amapá Centro de Gestão da Tecnologia da Informação - PRODAP. Google Chrome
Prezados(as), Governo do Estado do Amapá Devido a reestruturação e ampliação da camada de segurança dos serviços e acessos fornecidos pelo PRODAP, é necesário a instalação de um certificado nos navegadoras
ESPECTROFOTÔMETRO DIGITAL - 721G MANUAL DE INSTRUÇÕES SOFTWARE
ESPECTROFOTÔMETRO DIGITAL - 721G MANUAL DE INSTRUÇÕES SOFTWARE Instruções de operação para UVWin7 Seção 1: Instalação Televendas: 1. Requerimentos do Sistema Sistema operacional: Windows XP Processador:
WINDOWS FORMS APPLICATION - Aplicação (Programa) que não usa a CONSOLE
WINDOWS FORMS APPLICATION - Aplicação (Programa) que não usa a CONSOLE Uso de ELEMENTOS GRÁFICOS 1. Introdução. Uma Aplicação Windows Forms consiste em programas GRÁFICOS fundamentados no conceito de JANELAS
Manual para atualização do portal do CNPq - versão 1.0 Parcerias
Manual para atualização do portal do CNPq - versão 1.0 Parcerias Sumário 1. INTRODUÇÃO... 3 1.1. Finalidade... 3 2. METAS E RESTRIÇÕES PARA ATUALIZAÇÃO... 3 2.1. Metas... 3 2.2. Restrições... 3 3. ACESSANDO
COMO BAIXAR, INSTALAR E UTILIZAR O NAVEGADOR MOZILLA FIREFOX
COMO BAIXAR, INSTALAR E UTILIZAR O NAVEGADOR MOZILLA FIREFOX Para começar, você sabe o que é um NAVEGADOR DE INTERNET ou BROWSER? Um navegador, também conhecido pelos termos ingleses web browser ou simplesmente
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
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
Desenvolvimento de Aplicações para. Prof.: Bruno Rafael de Oliveira Rodrigues
Desenvolvimento de Aplicações para Internet Prof.: Bruno Rafael de Oliveira Rodrigues Videos nas Páginas Existem várias maneiras de inserir um vídeo em sua página. O vídeo pode aparecer sob a forma de
Manual do Usuário SISTEMA DE ABERTURA DE CHAMADOS TÉCNICOS DE INFORMÁTICA GLPI ( GESTÃO LIVRE DE PARQUE DE INFORMÁTICA ) Página 1 de 14
SISTEMA DE ABERTURA DE CHAMADOS TÉCNICOS DE INFORMÁTICA GLPI ( GESTÃO LIVRE DE PARQUE DE INFORMÁTICA ) Manual do Usuário Coordenação de Tecnologia da Informação 2016 Página 1 de 14 Apresentação Este tutorial
Manual do usuário people
Manual do usuário people http://people.ufpr.br/ Sumário 1. O que é?... 3 2. Como é feito o acesso... 3 3. O Que pode ser feito no people.ufpr.br?... 3 4. Espaço de Armazenamento... 3 5. Como é feito a
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
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
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
Manual para atualização do portal do CNPq - versão 1.0 Programas
Manual para atualização do portal do CNPq - versão 1.0 Programas Sumário 1. INTRODUÇÃO... 3 1.1. Finalidade... 3 2. METAS E RESTRIÇÕES PARA ATUALIZAÇÃO... 3 2.1. Metas... 3 2.2. Restrições... 3 3. ACESSANDO
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
C A P I T U L O 5 C O M A N D O D E F L U X O
C A P I T U L O 5 C O M A N D O D E F L U X O Sempre que for necessária uma tomada de decisão dentro de um programa, você terá que utilizar um comando condicional, pois é por meio dele que o PHP decidirá
Laboratório Exibição de informações da placa de rede com e sem fio
Laboratório Exibição de informações da placa de rede com e sem fio Objetivos Parte 1: Identificar e trabalhar com placas de rede do PC Parte 2: Identificar e usar os ícones rede da bandeja do sistema Histórico/cenário
Manual de Utilização e-rh para Servidor em Geral
UNIVERSIDADE ESTADUAL DA PARAÍBA UEPB PRÓ-REITORIA DE RECURSOS HUMANOS P.R.R.H Manual de Utilização e-rh para Servidor em Geral (Informações Adicionais) 1 SUMÁRIO 1. SEÇÃO - INFORMAÇÕES ADICIONAIS... 3
Construção de SitesAula5
Construção de Sites Aula5 Universidade Federal do Paraná Pró-reitoria de Assuntos Estudantis Departamento de Informática 9 de Agosto de 2010 Indice Introdução ao JavaScript 1 Introdução ao JavaScript 2
HTML. HyperText Markup Language. Elaborado por Marco Soares
HTML HyperText Markup Language 1 HTML É uma linguagem de marcação utilizada para produzir páginas web As páginas web ou documentos html podem ser interpretados por navegadores web/browsers tais como Google
Visual Basic.NET Image Lists, Tree e List Views, Toolbars, Status e Progress Bars e Tab Controls Lista de Exercícios
Ministério da Educação UNIVERSIDADE TECNOLÓGICA FEDERAL DO PARANÁ Campus Pato Branco Visual Basic.NET Image Lists, Tree e List Views, Toolbars, Status e Progress Bars e Tab Controls Lista de Exercícios
Assistente de Instalação & Manual do Usuário
Assistente de Instalação & Manual do Usuário Índice GfK Digital Trends App... 2 Requisitos de sistema... 2 Fazendo o download pelo Google Chrome... 2 Instalação... 3 Assistente de Instalação... 4 Ativando
Manual de Utilização Autorizador Web 3.1
Manual de Utilização Autorizador Web 3.1 Principais mudanças: A numeração da carteirinha, anteriormente 14 dígitos no formato xxxx.xx.xxxxx.xx-x, passará a ter 11 dígitos, no formato xxxx-xxxxx-xx. Para