Introdução ao AJAX Métodos Open e Send
|
|
- João Bugalho de Sintra
- 6 Há anos
- Visualizações:
Transcrição
1 Introdução ao AJAX Métodos Open e Send Irei demonstrar alguns métodos básicos para se trabalhar com o objeto XMLHttpRequest, que já demonstrei no post Introdução ao AJAX Objeto XMLHttpRequest. Tentarei ser bem objetivo e claro para quem não trabalha com programação ou está iniciando. O que é um método? Método é um conjunto de comandos, uma subrotina, procedimentos, ou algo tipo uma função que executa os comandos com o intuito de alterar e/ou obter uma resposta após a execução dele, manipulando algum atributo. Pode receber parâmetros por valor para serem passados aos seus comandos internos. Em resumo, são as ações que podem ser realizadas. Agora que temos um breve entendimento do conceito de método, vamos ver quais são os métodos básicos para se trabalhar com o AJAX. Após criarmos o objeto, precisamos criar uma comunicação com o servidor para que haja a troca de dados. Iremos ver agora os métodos OPEN e SEND. Método OPEN Este método tem como objetivo abrir um documento. A linha de comando é a seguinte: Onde: open("método ", "URL "[, sinaldesincronização[, "nomeusuário"[, "senha"]]]) Método Obrigatório Determina se é pelo GET ou POST
2 URL Obrigatório É o caminho para o documento que desejamos acessar, podendo ser utilizado o caminho completo (Ex.: <img src= gif />) ou absoluto (Ex.: <img src= /intl/pt- BR_br/images/logo.gif />) Sinal de Sincronização Informa o tipo de comunicação a ser feita, se é Assíncrona (padrão a página não ficará congelada enquanto o objeto recebe uma resposta) ou Síncrona Nome de Usuário Estas duas últimas servem para permitir acesso a um documento restrito. Senha Um exemplo do uso do método OPEN: xmlhttp = new XMLHttpRequest(); xmlhttp.open("get", "/conteudo.html"); Neste exemplos criamos o objeto XMLHttpRequest (sem considerar as diferenças entre os navegadores) e criamos uma comunicação com a página conteudo.html. Até então, não estamos obtendo nada. Para isso precisamos do método SEND para completar o código. Método SEND Este método é responsável por ativar a conexão com o outros documento e fazer as devidas requisições para se obter uma resposta. Entenda ele como um intermediador, um interprete de comunicação entre o documento atual e o que está sendo acessado. Este método possui apenas um parâmetro, que são obrigatórios nos navegadores, com excessão do IE. O comando: xmlhttp.send(null);
3 Agora que a conexão está completa, precisamos capturar a resposta do documento acessado, através de duas propriedades do Objeto XMLHttpRequest: responsetext e o responsexml responsetext : Obtêm a resposta em formato de string, ou seja, um texto. responsexml : Retorna um objeto DOM, ou seja, um Node (Nó), que pode ser manipulado com as funções próprias para isto. É importante notar que o objeto XMLHttpRequest podemos acessar tanto documentos HTML como XML, só que caso acessemos um documento HTML, não poderemos utilizar a propriedade responsexml, o que muitas vezes é essencial para os nossos propósitos. Exemplo: resposta = xmlhttp.responsexml; ou resposta = xmlhttp.responsetext; Agora que já estamos conseguindo realizar o envio de dados pelo send(), precisamos obter estas respostas, mas para isso precisamos saber a hora exata de obter a resposta, ou então não teremos essa tal resposta. Para isso iremos precisar da propriedade onreadystatechange. Propriedade: onreadystatechange É associada a um código Javascript para ser executado toda vez que houver mudança de estado no Objeto XMLHttpRequest, ou seja, podemos definir o que o nosso código irá fazer quando ele obter a resposta do documento acessado. Veja o exemplo de utilização: xmlhttp.onreadystatechange = verificadordeestado; Esta propriedade possui 5 estados:
4 0 Não iniciado (unitialised) Quando o objeto ainda não foi iniciado, ou seja, nenhuma comunicação foi criada ainda; 1 Carregando (loading) O documento foi encontrado e está sendo carregado; 2 Carregado (loaded) O documento terminou de ser carregado; 3 Interativo (interactive) O objeto XMLHttpRequest está interagindo, processando os dados; 4 Completo (completed) A comunicação finalizou. Estes estados podem ser acessados através da propriedade readystate. Propriedade: readystate O estado que nos interessa mais é o 4, quando a comunicação é finalizada e já temos uma resposta, seja ela com o que nós realmente queríamos ou não, pois o documento pode ter sido carregado e tenha acontecido um erro durante o processo, sendo assim a resposta será um erro, e não o que queríamos, não é verdade? Para evitar isso, precisamos ter mais um controle sobre o carregamento do documento, sabendo do servidor qual foi a resposta ao tentar carregá-lo. Esta resposta fica armazenada na propriedade status, e os 2 tipos de respostas que interessam mais é o 404 (erro ao tentar carregar a página, arquivo não encontrado) e o 200 (OK, arquivo foi encontrado). O comando para se obter o status é: estado = xmlhttp.readystate; Agora podemos criar nossa função para verificar se o estado está no 4 e arquivo foi encontrado ao tentar acessá-lo: function verificadordeestado(){ if(xmlhttp.readystate==4){ // Completo
5 if(xmlhttp.status==200){ // Resposta do Servidor: OK document.getelementbyid("conteudo").innerhtml = xmlhttp.responsetext; else{ alert("problema: " + xmlhttp.statustext); Esta função testará todas as possibilidades comentadas anteriormente, caso ele consiga, irá carregar o resultado em forma de texto dentro da div conteudo da página atual. Caso a comunicação falhe, ele irá exibir um alerta com o estado da falha, acessado pelo statustext. Agora vamos a um exemplo de uso do que foi aprendido aqui: INDEX.HTML Aqui ficará todo o código que irá processar o nosso AJAX e irá fazer com que exiba o conteúdo da página conteudo.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " <html xmlns=" <head> <meta http-equiv="content-type" content="text/html; charset=iso " /> <title>untitled Document</title> <script language="javascript" type="text/javascript"> var navegador = navigator.useragent.tolowercase(); //Cria e atribui à variável global 'navegador' (em caracteres minúsculos) o nome e a versão do navegador //Função que inicia o objeto XMLHttpRequest function objetoxml(){ if (navegador.indexof('msie')!= -1) { //Internet Explorer var controle = (navegador.indexof('msie 5')!= -1)? 'Microsoft.XMLHTTP' : 'Msxml2.XMLHTTP'; //Operador ternário que adiciona o objeto padrão do seu navegador (caso for o IE) à variável 'controle'
6 try{ return xmlhttp = new ActiveXObject(controle); //Inicia o objeto no IE catch(e){ else{ //Firefox, Safari, Outros.. return xmlhttp = new XMLHttpRequest(); //Inicia o objeto no Firefox, Safari, Mozilla var xmlhttp = objetoxml(); // Abre a página function abrirpag(url){ xmlhttp.onreadystatechange = verificadordeestado; xmlhttp.open("get",url,true); xmlhttp.send(null); if (xmlhttp.readystate == 1) { document.getelementbyid("conteudo").innerhtml = "<img src='loader.gif'>"; return url; // Verifica o estado do objeto function verificadordeestado(div_id){ if(xmlhttp.readystate == 4){ // Completo if(xmlhttp.status == 200){ // Resposta do Servidor: OK var local = div_id; document.getelementbyid("conteudo").innerhtml = xmlhttp.responsetext ; else{ alert("problema: " + xmlhttp.statustext); </script> </head> <body>
7 <a href="#" onclick="abrirpag('./conteudo.html');">carregar Documento</a> <div id="conteudo" style="background-color:#ccc; width:500px; min-height:100px">conteudo</div> <div id="conteudo2" style="background-color:#999; width:500px; height:100px">conteudo 2</div> </body> </html> CONTEUDO.HTML Aqui poderá ser qualquer coisa (ex.: texto, imagens, etc). <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>meu Conteúdo Carregado</title> </head> <body> <h1>meu Conteúdo</h1> Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. <img src=" /><br> It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum. </body> </html>
8 Espero que tenham gostado deste post.
Como determinar o quanto seu site precisa de espaço em disco e tráfego mensal no plano de hospedagem
Como determinar o quanto seu site precisa de espaço em disco e tráfego mensal no plano de hospedagem Esta é uma pergunta que você precisa de resposta antes de escolher a empresa que você vai hospedar o
Leia maisAJAX. Aula 01 - Introdução
AJAX Aula 01 - Introdução AJAX é acrônimo em língua inglesa de "Asynchronous Javascript and XML", que em português significa "Javascript e XML Assíncronos" Introdução O Ajax é baseado nos seguintes padrões
Leia maisNORMAS GRÁFICAS RTP PLAY
NORMAS GRÁFICAS RTP PLAY ENTIDADE CORPORATIVA NAMING E LETTERING O lettering Play deriva directamente da forma RTP, mantendo a coerência gráfica. 01 ENTIDADE CORPORATIVA ELEMENTOS SÍMBOLO GRÁFICO O Símbolo
Leia maisAJAX (Asynchronous Javascript And XML)
AJAX (Asynchronous Javascript And XML) André Tavares da Silva andre.silva@udesc.br AJAX O nome AJAX foi idealizado por Jesse James Garrett, que definiu o objeto XMLHttpRequest. O AJAX não é uma linguagem
Leia maisManual de Aplicação Marca
Manual de Aplicação Manual de Aplicação Marca Marca A proposta é que todos os colaboradores próprios e s da Equatorial Energia possam reproduzir com fidelidade e preservar a integridade da marca. Dentro
Leia maisPROGRAMAÇÃ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
Leia maisProgramação para Internet
Universidade Federal de Uberlândia Faculdade de Computação Programação para Internet Curso de Sistemas de Informação Prof. Dr. Daniel A. Furtado Módulo 10 Web Dinâmica Introdução ao AJAX AJAX Introdução
Leia maisAJAX. Prof. Marcos Alexandruk
Prof. Marcos Alexandruk m.alexandruk@hotmail.com Asynchronous JavaScript and XML Não é uma "nova tecnologia" Utiliza os recursos já existentes do JavaScript Jesse James Garret utilizou o termo pela primeira
Leia maisVOCê TEM MAIS DE 18 ANOS? SIM NãO
ENGLISH PORTUGUÊS VOCê TEM MAIS DE 18 ANOS? SIM NãO TERRA BRAZILIS TIPO EXPORTAçãO Projetos sociais Projeto cordas da cultura consumo responsável NOSSA PRODUçãO dicas para aproveitar sem exageros > HOME
Leia maisCarregando dados do Banco de Dados MySQL através de uma tag SELECT
Carregando dados do Banco de Dados MySQL através de uma tag SELECT Como já vimos todo o processo de criação do Objeto XMLHttpRequest e como efetuar a comunicação com o servidor através das funções de OPEN
Leia maisLogotipo. O logotipo deverá ser sempre reproduzido a partir do ficheiro digital fornecido ou a partir de artes-finais originais.
Para garantir a valorizaçāo e consistência da marca Nowo é imprescindível que sejam seguidos os códigos visuais de definidos neste brand book. Apenas com a aplicação correta destas regras é possível criar
Leia maisesags.edu.br Santo André > Av. Industrial, 1455 - Bairro Jardim (11) 4433-6161 Santos > Av. Conselheiro Nébias, 159 (13) 2127-0003
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and
Leia maisesags.edu.br Santo André >Av. Industrial, 1455 - Bairro Jardim (11) 4433-6161 Santos >Av. Conselheiro Nébias, 159 (13) 2127-0003
LoremIpsum is simply dummy text of the printing and typesetting industry. LoremIpsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and
Leia maisProgramação para Internet
Universidade Federal de Uberlândia Faculdade de Computação Programação para Internet Módulo 10 Web Dinâmica Introdução ao AJAX Prof. Dr. Daniel A. Furtado AJAX Introdução AJAX = Asynchronous JavaScript
Leia maisAJaX Asy s nchronous s J avasc S ript p t a nd d XML
Asynchronous JavaScript and XML Ajax Um nome para um novo tipo de aplicações na Web Técnica de desenvolvimento de aplicações para criar páginas mais interactivas Não é uma nova tecnologia Ajax= JavaScript
Leia maisAula 4 Arquitetura de software na Web atual: AJAX e Ajax. Prof: Dra. Renata Pontin de Mattos Fortes
SCE 0265 ICMC-USP Aula 4 Arquitetura de software na Web atual: AJAX e Ajax Prof: Dra. Renata Pontin de Mattos Fortes Aluno PAE: Willian Massami Watanabe 1 Introdução O que é AJAX? 2 Introdução O que é
Leia maisProgramação para Internet
Universidade Federal de Uberlândia Faculdade de Computação Programação para Internet Módulo 9 Web Dinâmica Introdução ao AJAX Prof. Dr. Daniel A. Furtado AJAX Introdução AJAX = Asynchronous JavaScript
Leia maisAjax Asynchronous JavaScript and Xml
Ajax Asynchronous JavaScript and Xml Ajax permite construir aplicações Web mais interativas, responsivas, e fáceis de usar que aplicações Web tradicionais. Numa aplicação Web tradicional quando se prime
Leia maisUniversidade Federal do Espírito Santo Centro de Ciências Agrárias CCA UFES Departamento de Computação. Ajax
Universidade Federal do Espírito Santo Centro de Ciências Agrárias CCA UFES Departamento de Computação Ajax Desenvolvimento de Sistemas para WEB Site: http://jeiks.net E-mail: jacsonrcsilva@gmail.com Tópicos
Leia maisImPRESSOS. Papel-carta cores. Timbrado. Dimensões: 210 x 297 mm Papel: Offset Branco certificado FSC 90 g/m 2
0000000 Timbrado Papel-carta cores Dimensões: 210 x 297 mm Papel: Offset Branco certificado FSC 90 g/m 2 5 35 35 15 5 5 11 PÁGINA DE ABERTURA VERSÃO EM WORD 20 25 Marca: versão vertical nas cores institucionais
Leia maisTécnico Integrado em Informática. Programação WEB (PRW) Introdução ao PHP
Técnico Integrado em Informática Programação WEB (PRW) Introdução ao PHP Prof. César Alberto da Silva Introdução ao PHP Delimitadores de código PHP //tag de abertura // Código PHP aqui!!! //tag de fechamento
Leia maisValores nowo. BrandBook 2016
BrandBook Valores Os nossos Valores Os nossos valores representam a nossa forma de atuar, estar, partilhar, trabalhar e, sobretudo, viver. A nowo começa agora e estes são os nossos 4 valores, a nossa
Leia maisManual de identidade visual
Manual de identidade visual Índice A marca 21 - Tipos de envelopes 3 - Apresentação 27 - Passagem 5 - A logo da Tripe airlines 6 - Versões da logo 7 - Grade de Construção 9 - Positivo / Negativo 11 - Reduções
Leia maisS M. Sociedade Brasileira de Endocrinologia e Metabologia. Manual de Identidade Corporativa
Manual de Identidade Corporativa Indice O que é a Identidade Corporativa 3 Marca 4 Cores 5 Padrão Tipográfico 10 Redução Máxima 11 Zona de Proteção 12 Malha de Construção 14 Uso correto da Marca 16 Uso
Leia maisDesenvolvimento 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
Leia maisDesenvolvimento de Aplicações Web. Prof. José Eduardo A. de O. Teixeira www.vqv.com.br / j.edu@vqv.com.br
Desenvolvimento de Aplicações Web Programação Contextualização de aplicações Web: navegadores e servidores como interpretadores, tecnologias do lado do cliente (XHTML, CSS, Javascript) e do lado do servidor
Leia maisPor Fernando Koyanagi
Por Fernando Koyanagi Características principais Leitura da Temperatura Leitura da Umidade Montagem Vamos ao código Primeiro passo é incluir as libs que iremos utilizar. A lib do DHT pode ser adicionada
Leia maisAJAX é baseado nos seguintes padrões WEB: JavaScript, XML, HTML, CSS.
AJAX AJAX é acrônimo de Asynchronous JavaScript And XML. É um tipo de programação que se tornou popular in 2005 pela Google (com Google Suggest). AJAX não é uma nova linguagem de programação, mas uma nova
Leia maisgira manual de identidade visual
gira manual de sumário 01. marca prioritária em cor 02. marca em meio-tom 03. marca à traço 04. aplicação em outline 05. padrão cromático 06. paleta de cores 07. aplicações variadas 08. padrão tipográfico
Leia maisAjax Asynchronous JavaScript and Xml
Ajax Asynchronous JavaScript and Xml Ajax permite construir aplicações Web mais interactivas, responsivas, e fáceis de usar que aplicações Web tradicionais. Numa aplicação Web tradicional quando se prime
Leia maisAJAX é o acrônimo de Asychronous JavaScript and XML, ou seja, JavaScript e XML assíncronos;
AJAX é meramente um termo utilizado para descrever o processo de utilização do objeto XMLHttpRequest do JavaScript, para recuperar ou enviar informações ao servidor de forma assíncrona. AJAX é o acrônimo
Leia mais#Aula Nº 1 Introdução webstandards.samus.com.br Vinicius Fiorio Custódio samus@samus.com.br
#Aula Nº 1 Introdução webstandards.samus.com.br Vinicius Fiorio Custódio samus@samus.com.br #O que é Web Standards? São padrões de desenvolvimento web recomendados pela W3C que visam a implementação de
Leia maisAplicativos para Internet Aula 01
Aplicativos para Internet Aula 01 Arquitetura cliente/servidor Introdução ao HTML, CSS e JavaScript Prof. Erika Miranda Universidade de Mogi das Cruzes Uso da Internet http://www.ibope.com.br/pt-br/noticias/paginas/world-wide-web-ou-www-completa-22-anos-nesta-terca-feira.aspx
Leia maisAJAX - Tutorial. Anselmo Luiz Éden Battisti, Christiano Julio Pilger de Brito. 18 de agosto de 2006
18 de agosto de 2006 Agenda 1. Introdução 2. Sincrono X Assíncrono 3. O que é Ajax? 4. Para que Serve? 5. Exemplo 1 - Carregando um Arquivo 6. ajaxinit 7. Métodos e Atributos 8. Exibindo o Resultado 9.
Leia maisTécnicas e processos de produção. Profº Ritielle Souza
Técnicas e processos de produção Profº Ritielle Souza INTRODUÇÃO HTML Sigla em inglês para Hyper Text Markup Language, traduzindo daria algo como Linguagem para marcação de Hipertexto. E o que seria o
Leia maisPortos Secos em Minas blá..
Portos Secos em Minas blá.. Lorem Ipsum is simply dummy text of the dummy text ever since the 1500s, when an It has survived not only five centuries, but printing and typesetting industry. Lorem unknown
Leia maisCascading: Style Sheet
André Kawamoto 2010 O que é CSS Cascading: Múltiplos estilos podem se sobrepor para especificar uma variedade de estilos desde um website inteiro até um único elemento. Qual estilo é aplicado diz respeito
Leia maisNesta disciplina aprenderemos. HTML CSS JavaScript Jquery PHP
Introdução Nesta disciplina aprenderemos HTML CSS JavaScript Jquery PHP HTML é a abreviatura de HyperText Mark-up Language. O HTML foi inventado em 1990, por um cientista chamado Tim Berners-Lee. A finalidade
Leia maisUm mundo de soluções à sua medida. Enaco. Enaco. Um mundo de soluções à sua medida
Enaco Um mundo de soluções à sua medida Um mundo de soluções à sua medida Enaco Componentes Colunas Colunas 150W preto+cinza Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem
Leia mais#Fundamentos de uma página web
INSTITUTO FEDERAL DE EDUCAÇÃO, CIÊNCIA E TECNOLOGIA DO RIO GRANDE DO NORTE CAMPUS SÃO GONÇALO DO AMARANTE PROGRAMAÇÃO WEB #Fundamentos de uma página web Eliezio Soares elieziosoares@ifrn.edu.br Aula de
Leia maisSUMÁRIO APRESENTAÇÃO CONCEITO. MARCA Malha de construção Área de proteção Dimensionamento mínimo
SUMÁRIO 7 APRESENTAÇÃO 9 CONCEITO 10 10 11 12 MARCA Malha de construção Área de proteção Dimensionamento mínimo 13 13 14 15 APLICAÇÕES Aplicação isolada Aplicação conjunta Aplicação conjunta do sistema
Leia maisJAVASCRIPT. 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
Leia maisIntroduçã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
Leia maisDesenvolvimento Web. XHTML tag head e tags de texto. Professor: Bruno Gomes
INSTITUTO FEDERAL DE EDUCAÇÃO CIÊNCIA E TECNOLOGIA CURSO TÉCNICO INTEGRADO EM INFORMÁTICA CAMPUS CURRAIS NOVOS Desenvolvimento Web XHTML tag head e tags de texto Professor: Bruno Gomes 2012 INTRODUÇÃO
Leia maisInformática Parte 23 Prof. Márcio Hunecke
Escriturário Informática Parte 23 Prof. Márcio Hunecke Informática Json (ECMA-404) JSON (JavaScript Object Notation), é um formato compacto, de padrão aberto independente, de troca de dados simples e
Leia maisHTML. 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
Leia maisCadastros de dados no MySQL
Cadastros de dados no MySQL Depois do nosso entendimento sobre como funciona o envio de dados atravé s de um formulário para o PHP, como conectar com o MySQL, agora poderemos aprender a cadastrar os registros
Leia maisusando o ajax Profissional O Ajax é um servidor agnóstico O Ajax não requer nenhuma tecnologia do servidor em particular. Você pode usar o Active Server Pages (ASP),PHP e qualquer coisa que precisar e
Leia maiscadastro de usuários utilizando Ajax e PHP para inserir os dados em uma tabela MySQL.
cadastro de usuários utilizando Ajax e PHP para inserir os dados em uma tabela MySQL. Vamos então a criação do banco de dados que iremos chamar de banco_cliente e também de nossa tabela chamada clientes
Leia maisTECNOLOGIA WEB INTRODUÇÃO CONSTRUÇÃO DE PÁGINAS ESTÁTICAS HTML / XHTML
INTRODUÇÃO CONSTRUÇÃO DE PÁGINAS ESTÁTICAS HTML / XHTML 1 INTRODUÇÃO TECNOLOGIA WEB Começaremos desvendando o poder do desenvolvimento de aplicações baseadas na Web com a XHTML (Extensible HyperText Markup
Leia maisAplicativos 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
Leia maisConceitos de HTML 5 Aula 1
Prof. João Augusto da Silva Bueno (joao.augusto@ifsc.edu.br) Conceitos de HTML 5 Aula 1 World Wide Web É um serviço da Internet que reúne vários documentos de todas as partes do mundo e esses documentos
Leia maisMÓDULO 1: Tags: estrutura; tipos; atributos. Estrutura de um documento. Tags de blocos: <?xml?>, <!DOCTYPE>, <html>, <head>, <body>, <body bgcolor>.
MÓDULO 1: Tags: estrutura; tipos; atributos. Estrutura de um documento. Tags de blocos: , , , , , . Conceitos básicos do funcionamento da Internet Internet
Leia maisJavaScript (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
Leia maisConceitos de Ajax Exemplos de uso do Ajax no braço, muitos exemplos, muito código (HTML, CSS, JavaScript, PHP, XML, JSON)
Márcio Koch 1 Currículo Formado na FURB em Ciência da Computação Pós graduado em Tecnologias para o desenvolvimento de aplicações web Mestrando em Computação Gráfica na UDESC Arquiteto de software na Senior
Leia maisDesenvolvimento Web. JavaScript aula IV Acesso a documentos com Document Object Model (DOM) Professor: Bruno E. G. Gomes
INSTITUTO FEDERAL DE EDUCAÇÃO CIÊNCIA E TECNOLOGIA CURSO TÉCNICO INTEGRADO EM INFORMÁTICA CAMPUS CURRAIS NOVOS Desenvolvimento Web JavaScript aula IV Acesso a documentos com Document Object Model (DOM)
Leia maisSEPARAÇÃO EM: Apresentação Estrutura Comportamento
SEPARAÇÃO EM: Apresentação Estrutura Comportamento Arquitectura de Sistemas DEI-ISEP Estrutura/Apresentação/Comportamento Uma boa prática na construção de páginas web: Separação em 3 camadas: Estrutura
Leia maisJavaScript. Carlos Santos LabMM 3 - NTC - DeCA - UA Aula 03, 18-09-2013
JavaScript Carlos Santos LabMM 3 - NTC - DeCA - UA Aula 03, 18-09-2013 O que é? Linguagem de programação para a Web... interpretada ou não compilada; todos os browsers atuais têm interpretadores de JS;
Leia maisPara acessar a TV Corporativa, deve-se informar o endereço do Servidor, barra(/) mge,
OBJETIVOS A mobilidade da informação nos dias de hoje, ultrapassou diversas fronteiras, inclusive a da disponibilidade. O Sankhya-W surgiu para atender essa necessidade. Com ele, será possível levar informações
Leia mais<link rel="stylesheet" type="text/css" href="imagens.css" />
Este código é responsável pela visualização html. exibição de Imagens
Leia maisMarcas MANUAL DE IDENTIDADE VISUAL CEPISA - MIV
Manual de Aplicação Marcas A proposta é que todos os colaboradores próprios e parceiros da Equatorial/Cepisa possam reproduzir com fidelidade e preservar a integridade das marcas. Dentro da cultura Equatorial/Cepisa
Leia maisNovos inputs em HTML5
Novos inputs em HTML5 Através do elemento input nós podemos criar botões, campos de texto, checkboxes, radios e muito mais. O HTML5 nos trouxe uma variedade de mais 13 novos tipos de elementos input que
Leia maisWeb Interativa com Ajax e PHP
Web Interativa com Ajax e PHP Juliano Niederauer Novatec Copyright 2007, 2013 da Novatec Editora Ltda. Todos os direitos reservados e protegidos pela Lei 9.610 de 19/02/1998. É proibida a reprodução desta
Leia mais<!DOCTYPE html PUBLIC...> <html> <head> </head> <body> </body> </html>
Estrutura de um documento criado com o Dreamweaver. (versão xhtml strict)
Leia maisINTRODUÇÃO AO DESENVOLVIMENTO WEB. PROFª. M.Sc. JULIANA H Q BENACCHIO
INTRODUÇÃO AO DESENVOLVIMENTO WEB PROFª. M.Sc. JULIANA H Q BENACCHIO Declaração DOCTYPE em documentos HTML O W3C (World Wide Web Consortium: www.w3.org), encarregado da criação dos Standard webs, define
Leia maisJava: 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
Leia maisProgramação Web Aula 2 XHTML/CSS/XML
Programação Web Aula 2 XHTML/CSS/XML Departamento de Informática UFPR 17 de Fevereiro de 2014 1 Histórico 2 Funcionamento 3 Atributos 4 HTML5 Estrutura de uma arquivo HTML5 Validação Tags básicas Seleção
Leia maisAjax não é dependente dos servidores Web, e como tal poderá ser usado com PHP, JSP, ASP e ASP.NET.
1 2 Ajax não é dependente dos servidores Web, e como tal poderá ser usado com PHP, JSP, ASP e ASP.NET. 3 Por todo o documento subentende-se: todos os seus componentes já anteriormente carregados: imagens,
Leia maisDesenvolvimento Web. HTML 5 Parte I. Prof. Vicente Paulo de Camargo
Parte I Prof. Vicente Paulo de Camargo Páginas com podem ser desenvolvidas com editor de texto simples Existem, no entanto, alguns editores interessantes, que facilitam a edição de páginas É o caso de
Leia maisDesenvolvimento 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
Leia maisEste manual foi desenvolvido para orientar a utilização da identidade visual da Tellus observando pontos como padrões gráficos cores, e formas.
MANUAL DE IDENTIDADE VISUAL Este manual foi desenvolvido para orientar a utilização da identidade visual da Tellus observando pontos como padrões gráficos cores, e formas. O uso correto da logo é fundamental
Leia maisProf 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
Leia maisif( document.dados.tx_ .value=="" document.dados.tx_ .value.indexof('.
grupes - Grupo de Estudos Espaço de Saberes
Leia maisCRIAÇÃO DE APLICAÇÃO WEBMAPPING COM O AUXILIO DO ALOV MAP
CRIAÇÃO DE APLICAÇÃO WEBMAPPING COM O AUXILIO DO ALOV MAP INTRODUÇÃO O ALOV Map é uma aplicação construída usando-se a linguagem Java que permite visualizar mapas tanto em formato vetorial do tipo shapefile
Leia maisDESENVOLVIMENTO DE SISTEMAS WEB. Lista de Exercícios AV2-01. Luiz Leão
DESENVOLVIMENTO DE SISTEMAS WEB Luiz Leão luizleao@gmail.com http://www.luizleao.com Questão 01 Sobre as características da programação orientada a objetos, explique o encapsulamento. Questão 01 - Resposta
Leia maisV Semana de Tecnologia da Informação
V Semana de Tecnologia da Informação Rafael L. de Macedo Centro Universitário Eurípides de Marília - UNIVEM Marília, 2012 Índice 1 Introdução 2 3 Índice Introdução 1 Introdução 2 3 (Rich Internet Application).
Leia maisAula 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
Leia maisProgramação para Internet
Universidade Federal de Uberlândia Faculdade de Computação Programação para Internet Módulo 9 Cookies HTTP e Sessões Prof. Dr. Daniel A. Furtado 2 Cookies Um cookie HTTP (ou simplesmente cookie) é um pequeno
Leia maisWEBDESIGN. Professor: Paulo Trentin paulo@paulotrentin.com.br http://www.paulotrentin.com.br Escola CDI de Videira
WEBDESIGN Professor: Paulo Trentin paulo@paulotrentin.com.br http://www.paulotrentin.com.br Escola CDI de Videira 1 CDI - Curso de Webdesign - Prof. Paulo Trentin Objetivos para esta aula Debater sobre
Leia maisProgramação para Internet
Universidade Federal de Uberlândia Faculdade de Computação Programação para Internet Curso de Sistemas de Informação Prof. Dr. Daniel A. Furtado Módulo 9 Cookies HTTP e Sessões Programação para Internet
Leia maisINTRODUÇÃO ÀS APLICAÇÕES PARA WEB
INTRODUÇÃO ÀS APLICAÇÕES PARA WEB Material cedido pelo prof. Francisco Dantas Nobre Neto Professor: Rhavy Maia Guedes E-mail: rhavy.maia@gmail.com, rhavymg.wordpress.com Sites vs Aplicativos Web Aplicativos
Leia maisSintax Razor. José Antônio da Cunha
Sintax Razor José Antônio da Cunha Nesta apresentação será mostrada a sintaxe usada pelo Razor, o view engine usado nas aplicações ASP.NET MVC3+ e no Web Matrix. A sintaxe Razor embute em uma mesma página
Leia maisDESENVOLVIMENTO DE SOFTWARE PARA INTERNET. Prof. Emilio Parmegiani
DESENVOLVIMENTO DE SOFTWARE PARA INTERNET Prof. Emilio Parmegiani Neste exercício praticaremos o uso de arquivos XML criando uma Jukebox, as famosas máquinas tocadoras de música. 1 - Crie um novo projeto
Leia maisTechDays Smart Factory a Digitalização da Indústria e das Fábricas do Futuro. Case Study
TechDays Smart Factory a Digitalização da Indústria e das Fábricas do Futuro Case Study 2 Case Study Apresentação Grupo GNS O Desafio A Solução A Implementação Os Benefícios 3 História da Empresa O grupo
Leia maisLeonardo Zorzo Carbone. Orientador: Adilson Vahldick
WebCode Componente web para edição de código fonte Leonardo Zorzo Carbone Orientador: Adilson Vahldick Roteiro da Apresentação Introdução Fundamentação Teórica Desenvolvimento Conclusão Extensões Introdução
Leia maisColetando dados utilizando a API do Zabbix com PHP e JSON
Coletando dados utilizando a API do Zabbix com PHP e JSON INTRODUÇÃO: O Zabbix possui uma limitação quanto à montagem de painéis a serem utilizados por pessoas que não estão acostumadas a utilizar a sua
Leia maisProtocolo HTTP. - Características. - Modelo Requisição/Resposta. - Common Gateway Interface (CGI)
Protocolo HTTP - Características - Modelo Requisição/Resposta - Common Gateway Interface (CGI) Características Hypertext Transfer Protocol (HTTP) Protocolo utilizado para transferir documentos de hipertexto
Leia maisIntroduçã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
Leia maisEnglish Português. By erickalves 25 Julho, 2009-01:08. Devido à política (#) de segurança. Encontrar Blogs Crie o seu blog de graça Ganhe prêmios
Encontrar Blogs Crie o seu blog de graça Ganhe prêmios English Português Cel: +55 (21) 7417-9918 E-mail: erick@lithic.com.br Inserindo dados no banco em PHP + Ajax + jquery + Mysql + Validação (/pt-br/blog/tutoriais
Leia maisAJAX no GASweb. Mas e afinal, para que usamos o AJAX?
Nível - Avançado AJAX no GASweb Por: Pablo Hadler AJAX (Asynchronous Javascript and XML) foi criado com o princípio de ser uma maneira rápida e otimizada de podermos fazer requisições Web, sendo esta totalmente
Leia mais<HTML> Vinícius Roggério da Rocha
Vinícius Roggério da Rocha www.monolitonimbus.com.br O que é HTML? HTML = HyperText Markup Language ou Linguagem de Marcação de Hipertexto Linguagem: maneira de se comunicar (entre máquinas, pessoas
Leia maisExercí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 maisConstrução de sites Aula 1
Construção de sites Aula 1 Programa Instrutor Universidade Federal do Paraná Pró-reitoria de Assuntos Estudantis Departamento de Informática 31 de Julho de 2010 Indice Estrutura da Internet 1 Estrutura
Leia maisProgramação para a Internet II 2.13. PHP AJAX. Nuno Miguel Gil Fonseca nuno.fonseca@estgoh.ipc.pt
Programação para a Internet II 2.13. PHP AJAX Nuno Miguel Gil Fonseca nuno.fonseca@estgoh.ipc.pt Ajax não é uma tecnologia! É um conceito! Consiste no uso do objecto XMLHttpRequest que se encontra implementado
Leia maisConstruçã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
Leia maisJavaNoroeste Grupo de Usuários Java do Noroeste Paulista. AJAX e WEB 2.0
JavaNoroeste Grupo de Usuários Java do Noroeste Paulista AJAX e WEB 2.0 Carlos Fernando Gonçalves Mestre em Engenharia de Computação, área de concentração Engenharia de Software pelo IPT SP Bacharel em
Leia mais