Ajax Com Prototype Fernando Becker Prototype

651 views

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
651
On SlideShare
0
From Embeds
0
Number of Embeds
10
Actions
Shares
0
Downloads
3
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Ajax Com Prototype Fernando Becker Prototype

  1. 1. Ajax com prototype - Fernando Becker - Prototype ASSINE HOSPEDAGEM 0800 723 6000 SEGURANÇA REGISTRE SEU DOMÍNIO www. .com.br OK ● FÓRUNS ● BANCO DE CURRÍCULOS ● AGENDA DE EVENTOS ● SHOPPING ● BLOGS ● VEJA TODOS LOGIN: | Por uma internet mais criativa e dinâmica Feeds buscar digite seu e-mail ENTRAR outras opções Permanecer logado Esqueci minha senha Criar uma Conta iMasters Todos Matérias Notícias Podcast ● Canais ● Plantão de Notícias ● Multimídia ● Blogs ● Fóruns ● Feeds ● Banco de currículos ● Loja Virtual ● Eventos ● Colunistas Prototype Newsletter de Prototype digite seu e-mail ok Seções deste canal:AjaxJQuery Segunda-feira, 20/04/2009 - 08:50 - Por Fernando Becker Seções relacionadas: AjaxJavascriptPrototype Sobre o autor ImprimirIndicarDigg itDel.icio.usTwitter2 comentários http://imasters.uol.com.br/artigo/12476/prototype/ajax_com_prototype/ (1 of 4) [04/07/2009 22:54:36]
  2. 2. Ajax com prototype - Fernando Becker - Prototype Fernando Becker já atuou em várias empresa Ajax com prototype de desenvimento de softwares para internet e atualmente trabalha para a Info-One, empresa atuante no mercado de site de publicitários, E- Para usar AJAX em nossos sites vamos utilizar uma biblioteca chamada "prototype", das que eu testei até hoje acho que essa (em sua commerce, Intranets, Vitrines virtuais e Extranets. versão básica) tem a melhor performance. Para isto basta baixá-la e adicionar no seu código fonte da seguinte maneira. Confeciona video aulas de como desenvolver um site desde a instalação dos programas até a implantação do site em um servidor. Trabalha com diversas <script src="prototype.js" language="javascript"></script> linguagens (Php, Java, Ruby on Rails e Flex). Mantém o site http://www.fernandobecker.com.br Obs.: Vamos supor que a biblioteca está na raiz do site. download Indique para um amigo Agora teremos de criar outro arquivo com um conteúdo qualquer dentro. Importante: se tiver alguma requisição ao banco de seu nome dados, terá de ser feita uma nova conexão dentro desse arquivo, no caso de estar usando funções ou classes, basta instanciar. nome do seu amigo Depois do arquivo criado, temos de adicionar uma função java script para que posso "chamar" o novo arquivo. e-mail do seu amigo código ao lado Escreva aqui sua function chama_arquivo(){ mensagem! ok new Ajax.Updater('destino', 'novo_arquivo.php', { method: 'get' }); } Tags relacionadas microsoft lançamento linux 3g windows Ok, vamos esclarecer algumas coisas: "destino" é id aonde o novo_arquivo será carregado. apple php desenvolvimento google ti yahoo mobile brasil twitter internet celular Agora só está faltando chamar a função javascript que irá chamar o ajax. Faremos isso no evento "onClick" da seguinte maneira. publicidade mercado crescimento web iphone youtube android tecnologia <input type="button" onClick="chama_funcao();"/> seguranca criação Pronto vamos juntar todas as informações: <html> <head> <script src="prototype.js" type="text/javascript"></script> <script> function chama_arquivo(){ new Ajax.Updater('destino', 'novo_arquivo.php', { method: 'get' }); } </script> </head> <body> <div id="destino"> </div> <input type="button" onClick="chama_funcao();"/> </body> </html> Produtos iMasters Ao clicar no botão será carregado o novo_arquivo.php dentroda div "destino" sem recarregar toda a página. Agora é só usar a imaginação! ● Lançamento: CD-ROM Treinamento Aplicado de SQL - Lançamento! Treinamento Aplicado de SQL - Aprenda a trabalhar com SQL com http://imasters.uol.com.br/artigo/12476/prototype/ajax_com_prototype/ (2 of 4) [04/07/2009 22:54:36]
  3. 3. Ajax com prototype - Fernando Becker - Prototype Abraços e até a próxima. bancos de dados Oracle e SQL Server. São mais de 100 tópicos explicados por Mauro Pichilliani, um articulistas mais lidos do iMasters. Aproveite! Apenas R$ 69,90 no TI SHOP. Todos os artigos de Fernando Becker ● Lançamento: Livro iMasters "O Encontro de 2 Mundos"- 20/04/2009 - Ajax com prototype Este livro conta com 56 crônicas de profissionais mais admirados e influentes do mercado brasileiro de Internet. Aproveite o preço especial para leitores Interação:ImprimirIndicarDigg itDel.icio.us2 comentáriosTwitter do iMasters. Apenas R$ 40,00 e envio imediato! ● Leia mais ● 29/05/2009 - Interface gráfica com NCLua DVD Curso Completo de Photoshop - Do conceito à finalização ● ● 15/05/2009 - Tabelas Lua Lançamento! Curso Completo de ● 20/03/2009 - Comunicação entre as linguagens NCL e Lua Photoshop, em DVD, com mais de 230 ● 04/03/2009 - Bancos de dados Gratuitos: Oracle x IBM x Microsoft aulas dividas em 4 módulos: conceito, ● 31/07/2008 - EXT - Princípios básicos básico, avançado e finalização. Apenas R$ 69,50 no TI SHOP - Frete com 50% de desconto ● DVD Javascript Starter - Curso Completo Com mais de 9 horas de vídeo-aulas, é um curso completo sobre Javascript. Ideal 2 comentários publicados para quem deseja aprender a linguagem. Apenas R$ 64,90 no TI SHOP - Frete com 50% de desconto! ● 1. Performance? Terça-feira, 21/04/2009, por dieffrei quadros Apesar de o prototype ser minha lib favorita.. e uso ela diáriamente... Posso dizer que ela não é a mais rapida e nem a quase mais rapida.. :) See selector test : http://mootools.net/slickspeed/ r Fernando Becker - Terça-feira, 21/04/2009 Exelente! Obrigado Responder comentário Poste um comentário (clique se não for cadastrado) Login: Senha: Titulo: digite aqui seu comentário http://imasters.uol.com.br/artigo/12476/prototype/ajax_com_prototype/ (3 of 4) [04/07/2009 22:54:36]
  4. 4. Ajax com prototype - Fernando Becker - Prototype Site/blog: http:// Enviar Receber notificação de novos comentários Os textos publicados neste espaço são de responsabilidade única de seus autores (colunistas e leitores) e podem não expressar necessariamente a opinião do iMasters. ● Sobre o iMasters ● Política de privacidade ● Anuncie ● Feeds iMasters ● Fóruns iMasters ● Fale conosco 2001 - iMasters FFPA Informática Ltda - Todos os direitos reservados. http://imasters.uol.com.br/artigo/12476/prototype/ajax_com_prototype/ (4 of 4) [04/07/2009 22:54:36]

×