Esta é minha lista de artigos com a tag "AJAX"

Exemplos de AJAX em PHP utilizando XAJAX

Por: Flávio Theruo KaminisseFriday 17 February 2006 às 11:08 PM

No meu penúltimo post, AJAX e PHP! Meus primeiros passos, escrevi sobre AJAX (Asynchronous JavaScript And XML) e alguns “frameworks” para desenvolvimento, agora vou postar alguns exemplos que fiz utilizando o framework XAJAX, escolhi este framework por funcionar tanto no Firefox quanto no Opera e também no ie.

Desenvolvi uma seqüência de exemplos, todos muito simples, mas acho que podem ajudar bastante no desenvolvimento de diversas aplicações AJAX (Asynchronous JavaScript And XML), porque digo isso, pois coloquei exemplos de várias situações em que o uso do AJAX (Asynchronous JavaScript And XML) é útil.

Vou apenas explicar algumas funcionalidades do exemplo que criei, e espero que seja bastante útil para todos: Primeiramente criei duas tabelas no banco de dados para testar inserções, busca e outras coisas mais, criei uma tabela de estado e uma de cidade, sei que não fui muito criativo, mas tenho certeza que será simples de entender e fácil modificar num futuro, inclui também no meu exemplo a página que o Bartus postou no penúltimo post, que é o Sistema de Votação, baixei os fontes e modifiquei para que funcionasse com o framework XAJAX.

Vou explicar agora cada link do exemplo:

• Inserir: É meio óbvio, mas é reponsável por inserir dados no banco de dados, você seleciona o estado, preenche o nome da cidade e coloca uma descrição, e pronto, só clicar em enviar e gravar os dados, eu coloquei o campo descrição apenas para ser exibido na Pesquisa, afinal é um exemplo.
• Pesquisa: Um pequeno exemplo para você buscar dados, tanto no campo cidade, quanto no campo descrição, bem simples, basta digitar e clicar em Buscar.
• Drop Down: Um pequeno exemplo para mostrar como carregar um drop down com AJAX (Asynchronous JavaScript And XML), por isso criei a tabela de estado com cidade, para poder mostrar este exemplo.
• Sugestão de Texto: Este com certeza um dos recursos mais interessantes para o uso do AJAX (Asynchronous JavaScript And XML), no estilo do Google Suggest, você vai digitando letra por letra e a aplicação vai te mostrando os resultados, no meu caso, que estão cadastrados no banco de dados, e este campo busca o nome da cidade.
• Votação Online: Como já falei anteriormente, aproveitei o código da página AJAX Rating, e adaptei ao framework XAJAX, é só clicar em uma estrelinha que vc estará votando, muito legal.
• Contato: Simula um formulário de contato, mas utilizando AJAX (Asynchronous JavaScript And XML) no envio, ou seja, sem dar post na página e esperar todo o conteúdo ser carregado novamente para ver a mensagem “Sua mensagem foi enviada! Obrigado”, este formulário irá enviar um e-mail para os dados informados, vale lembrar que estes dados não são armazenados em lugar nenhum, então podem usar para testar e indicar este artigo, o que acham?

Agora já esta na hora de mostrar os exemplos, não é mesmo? Então quem quiser conferi-los, basta acessar a página de exemplos, testar, criticar, dar sugestões e elogiar também né?

Vale lembrar que todas as funcionalidades do exemplo são carregadas via AJAX (Asynchronous JavaScript And XML), o que no mundo real não seria uma boa utilização, principalmente em se tratando de conteúdo, pois carregando-se todo o conteúdo de um site via AJAX (Asynchronous JavaScript And XML), este ficaria oculto aos robôs de busca, ou seja, os buscadores não iriam indexar o conteúdo de seu site, o que ao meu ver, não é muito interessante, mas como é um exemplo, achei que poderia utilizar desta forma.

Espero que todos gostem dos exemplos, e principalmente que sejam úteis, me coloco a inteira disposição de explicar e discutir estes ou outros exemplos de AJAX (Asynchronous JavaScript And XML), para aqueles que gostaram dos exemplos e querem estudar o código, disponibilizei todos os códigos fontes utilizados, basta fazer o download dos arquivos, lembrando que neste arquivos estão todos os fontes incluindo um script para criação das tabelas.

Por enquanto é só, novamente espero que tenham gostado dos exemplos, acho que valeu a pena esperar um pouquinho, né?

[update] Link de download corrigido, valeu Jorge Paulo. [/update]

[update 16/03/2006] Aqueles que quiserem mais material sobre o assunto, podem pesquisar no Google, ou então conferir o artigo Round-up of 30 AJAX Tutorials, que tem uma listagem com tutoriais dos mais variados. Vale a pena conferir. [update]

O Japs de cara nova

Por: Flávio Theruo KaminisseMonday 13 February 2006 às 11:15 PM

Este post não vai ser muito longo, só estou escrevendo para avisar a todos que o Japs esta de cara nova, mas não sou eu não, é o site.

É isso mesmo, o site sofreu uma mudança completa de layout, agradecimento mais do que especial ao Henrique Costa Pereira que criou o novo layout e desenvolveu todo o XHTML, aplicando todo seu conhecimento de CSS, Microformats e muitas outras coisas.

Outra novidade é a migração para o não tão novo WordPress 2, ainda não tive a oportunidade de navegar muito, mas parece estar muito bom.

Ainda vai levar um tempinho para acabar de arrumar a casa, mas espero conseguir arrumar o mais rápido possível, apesar do pouco tempo que ando tendo, mas vou tentar deixar tudo pronto.

Aproveito este post para avisar que estarei publicando em breve alguns exemplos de utilização de AJAX (Asynchronous JavaScript And XML), complementando o meu último artigo AJAX e PHP! Meus primeiros passos, o novo artigo já está pronto, só não estou tendo tempo de colocar os exemplos funcionando no site, mas vou fazer o possível para terminar ainda esta semana.

Espero que todos gostem do novo visual do site tanto quanto eu estou gostando, então gostaria de ler a opinião de todos, seja positiva ou negativa, e se alguém achar algum problema, pode escrever também, que estarei corrigindo o mais rápido possível.

AJAX e PHP! Meus primeiros passos

Por: Flávio Theruo KaminisseSaturday 21 January 2006 às 9:10 AM

Fiquei um tempo sem escrever nada por aqui, mas foi muita correira, muito trabalho, continuo na correria e com muito trabalho, mas consegui tirar um tempinho para escrever um post, pois já estava mais no que na hora, tanto de escrever novamente no blog quanto de falar sobre o assunto.

Estou começando a me dedicar mais ao estudo e desenvolvimento de aplicações que utilizam esta tecnologia muito interessante que é o AJAX (Asynchronous JavaScript And XML).

Comecei fazendo algumas coisas na unha para aprender pelo menos o básico, e quebrar um pouco a cabeça, foi até interessante, fazer tudo do nada, mas é melhor você utilizar frameworks prontos (encontrei vários para PHP), pois aumentam sua produtividade e você aprende muito, se analisar o código (vantagens do opensource), e temos excelentes frameworks para serem utilizados, testei e desenvolvi alguns exemplos principalmente em três frameworks, que são: SAJAX, XAJAX e não podia deixar de citar a PAJAX desenvolvido pelo brasileiro Guilherme Blanco. Vou descrever um pouco das vantagens e desvantagens que eu pude perceber de cada um.

Vou iniciar pelo SAJAX, que é o mais simples de todos que testei, e nem por isso menos útil para ser utilizado, digo mais simples, pois, tudo está em apenas um arquivo que você inclui em seu código, segue alguns passos básicos, como algumas chamadas de funções, faz sua função PHP (que tanto pode acessar uma base de dados ou apenas fazer algumas operações) que será chamada assincronamente pelo JavaScript e pronto, tudo funcionando, quem quiser utilizar este framework, basta baixar seu fonte, pois existem exemplos, e ainda podem ler um artigo no phpbrasil.com que mostra e explica, em português, um exemplo do próprio framework.

Um outro framework que eu gostei bastante de utilizar, que é muito completo e muito fácil, é o PAJAX, ele é excelente, com um código muito bem feito, com vários exemplos para facilitar ainda mais o desenvolvimento (parabéns Guilherme), também gostei da possibilidade de chamar métodos de objetos, instânciados anteriormente e muitas outras facilidades, mas agora vamos aos problemas. Devido a maneira como foi implementado o transporte do XML do PHP para o JavaScript e vice-versa, como o próprio Guilherme escreveu para na lista php-especialistas “Possui falha de suporte ao Opera, devido à total dependência de XML (o Opera não possui uma implementação muito agradável do componente XmlDocument)”, devido a necessidade de deixar as aplicações acessíveis a maioria dos browsers, este é um fator restritivo ao seu uso, mas independente deste e de outros pequenos problemas, este foi o framework que mais gostei.

E por fim um framework que também é muito interessante, e eu gostei muito de trabalhar com ele, que é o XAJAX, que possui uma forma diferente de tratar o retorno do PHP, pois tanto o SAJAX quanto o PAJAX retornam os dados diretamente para uma função JavaScript, já no XAJAX você cria o response JavaScript na função PHP, e depois vai adicionando os comandos, os eventos e outras coisas mais, achei muito interessante a forma que foi feita, pois o tratamento do resultado não fica diretamente no JavaScript deixando suas funções resguardadas, também muito fácil de utilizar e tem a vantagem de funcionar no Firefox, Opera e ie.

Para finalizar este primeiro post (de muitos, pelo menos espero) que trata diretamente sobre o assunto AJAX (Asynchronous JavaScript And XML), vou deixar minhas considerações finais, vale a pena ler, estudar e utilizar AJAX (Asynchronous JavaScript And XML), pois, não é uma tecnologia nova e está ganhando muito espaço ultimamente, principalmente por causa de nosso amiguinho Google, então mãos a obra, pois temos muito a aprender.

Caso eu tenha cometido algum engano, ou tenha deixado algo importante de lado, ou ainda alguém queira sugerir outros frameworks, fiquem a vontade, espero que tenham gostado da leitura e estou esperando sua colaboração.

Minhas extensões preferidas do Firefox

Por: Flávio Theruo KaminisseMonday 5 December 2005 às 11:22 PM

Estava querendo escrever sobre algum assunto interessante, mas nada estava vindo a minha cabeça, daí navegando um pouco na Internet, no Firefox 1.5 é claro, me dei conta das extensões que estava usando.

É verdade, utilizo algumas extensões que são legais para navegação na Internet, daí resolvi seguir os passos do Bruno Torres do Diego Pires Plentz e vários outros, e postar aqui algumas das extensões que venho utilizando no meu dia a dia.

São elas:

Google Toolbar for Firefox: Barra de buscas do Google para Firefox.

PDF Download: Deixa você escolher se deseja fazer o Download de arquivos PDF, ou abri-los na própria página.

ColorZilla: Facilita na hora de descobrir a cor de qualquer elemento dentro do browser.

IE View: Para aqueles sites que ainda teimam em não seguir os padrões web.

IE Tab: Utiliza a engine do Internet Explorer dentro do Mozilla, ou seja, você deixa seu Firefox ruim igual ao IE.

Sage: Leitor de RSS dentro do Firefox, gostou muito do Sage, mas prefiro o Bloglines.

Web Developer: Excelente barra para desenvolvimento de sites, você pode desabilitar o JavaScript, Cache Cookies, Estilos e muitas outras coisas com apenas um clique.

Tabbrowser Preferences: Controle avançado sobre as abas do Firefox.

LiveLines: Cria um ícone na barra de endereços do Firefox 1.5, que permite te adicionar com apenas um clique os Feeds do site que esta sendo visitado.

Gmail Manager: Muito parecido com o Gmail Notifier, a diferença é que permite administrar mais de uma conta no Gmail.

Restart Firefox: Muito conveniente, pois cria um botão no menu “File” / “Arquivo” onde você clica e ele reinicia o Firefox para você, ao invés de você clicar para fechar e depois abrir novamente.

AJAX Yahoo! Mail (Viamatic Webmail++): Ela adiciona suporte AJAX ao seu Yahoo! Mail, para saber mais leia o post completo que escrevi Ajax no Yahoo! Mail.

Adsense Notifier: Mostra as informações sobre a sua conta no Google Adsense na barra de status do Firefox.

Auto Copy: Copia o texto selecionado diretamente para a área de trasnferência, quem esta acostumado ao shell no Linux.

del.icio.us: Total integração com o del.icio.us, você pode postar novos links para o del.icio.us facilmente e acessar sua conta rapidamente.

Measureit: Quer saber o tamanho de uma figura sem precisar dar print screen na tela levar para um programa gráfico selecionar e depois de tudo isso descobrir o tamanho daquela imagem, com Measureit você faz isso rapidamente.

gTranslate: Esqueceu o significado de uma palavra? Basta seleciona-la e deixar que o gTranslate a traduza para você.

SessionSaver .2: Se por um acaso você precise fechar o Firefox, esta extensão abre todas as abas que estavam abertas. Muito útil.

HTML Validator: Extesnão muito útil para desenvovedores, pois mostra se a página é ou não válida com ajuda do HTML TIDY.

View Rendered Source Chart: Como o próprio nome diz, mostra o código identado e diferenciado com cores, muito bom para achar erros em tags.

Screen Grab!: Tira um print screen de toda a tela do browser sem precisar de muito esforço, precisa do java instalado na máquina.

Orkut Toolbar: Cria uma barra de atalhos para ser usado com o Orkut, têm muitos atalhos interessantes, como formatação de texto, inserir emoticons e outras coisas mais.

Card Games: Vários jogos de cartas, muito interessante.

E por último e não menos importante

Greasemonkey: Te permite criar ou usar scripts para modificar o comportamento da página, ou seja, seja criando atalhos, nas páginas como o Gmail Delete Button, ou ainda o Orkut Zoom Album, que visualiza as fotos do Orkut, em tamanho natural, e não as miniaturas, e tem também a Orkut FastScrap, que cria links rápidos para os Scraps e Albuns. Para mais scripts basta acessar a página userscripts.org, ou GreaseMonkeyUserScripts. Para aprender a programar para o Greasemonkey, leia o livro Dive Into Greasemonkey, do Mark Pilgrim.

Acho que é só, quem tiver alguma extensão interessante, fique a vontade para comentar.

Ajax no Yahoo! Mail

Por: Flávio Theruo KaminisseMonday 14 November 2005 às 9:40 AM

Vou falar neste post sobre uma extensão muito interessante do Firefox que é a AJAX Yahoo! Mail (Viamatic Webmail++).

O que esta extensão faz?

Ela adiciona suporte AJAX ao seu Yahoo! Mail, ou seja, com esta extensão você poderá navegar muito mais rapidamente em seus e-mail aproveitando todas as funcionalidades do AJAX, como a própria descrição da extensão diz: “Leia suas mensagens sem deixar sua Caixa de Entrada”.

Lembrando que para ter toda essa funcionalidade e praticidade você deve utilizar o Firefox, se você ainda não utiliza, acho que a hora é agora, então baixe o Firefox, e instale a extensão AJAX Yahoo! Mail (Viamatic Webmail++).

Espero que aproveitem esta extensão, e qualquer comentário, dúvida ou crítica fiquem a vontade para me escrever.