Não são todos os elementos xhtml que podem receber eventos onkeypress. O elemento mais comum que recebe esse evento é o <input type=”text”>. Como um dos elementos mais usados em xhtml é o <div> (serve para criar um bloco dentro do html) e não suporta o evento onkeypress, fiz uma gambiarra (”procedimento técnico não documentado”) que faz o <div> receber o evento.

A idéia é colocar um campo de input dentro do div que recebe o evento onkeypress e escondê-lo. Para escondê-lo, basta posicioná-lo bem longe da página. O div deve ter eventos que coloque ou tire foco do input.

Para que o esquema funcione, seu bloco de código deve ser parecido com o seguinte:

<div onclick=”divClicado()” style=”background-color:red; width:100px; height: 100px;”>
<form><input id=”div_keypress” type=”text” style=”position:absolute; left:-999999px”></form>
</div>
<script>
document.onmousedown = clickFora;
document.getElementById(”div_keypress”).onkeypress = teclaPressionada;
function divClicado() {
document.getElementById(’div_keypress’).focus();
}
function clickFora() {
document.onmousedown=document.getElementById(’div_keypress’).blur();
}
function teclaPressionada(event) {
alert(String.fromCharCode(event.which));
}
</script>

Clique aqui para ver um exemplo.

– ATUALIZADO –

O William Taniguchiin me ajudou com o problema do <div> e encontrou um “work around” para o div receber eventos no firefox.

http://n2.nabble.com/key-events-not-firing-on-div-in-FF–td663136.html

para receber eventos, no firefox deve ser setado via javascript tabIndex = -1.

Leia Mais

• Como Criar Robôs de Busca para a Internet
• SEO - Conteúdo dentro da imagem
• Lista de Indexadores de Blog Completa (Ping)

1.

Marta Suplicy - “Relaxa e Goza”

2.

Gilberto Kassab - “Vagabuuuuundo! Vagabuuuuundo!”

3.

Lula - “O Brasil cresce a economia, a única coisa que cai é o salário”

Pra finalizar, o clássico dos clássicos:

4.

Paulo Maluf - “Estupra mas não mata”

Boas eleições!

Artigos Populares

• Apresentação
• Como Criar Robôs de Busca para a Internet
• SEO - Conteúdo dentro da imagem
• Demonoid está de volta
• Google App Engine - Star It

Na semana passada eu consegui um convite e estou explorando o serviço junto dos meus amigos Rafael Ivan e Filipe Morgado. Nós pretendemos desenvolver uma aplicação web simples no próximo quadrimestre no nosso tempo livre e achamos que era legal usar o GAE para isto.

Um projeto que pretendíamos desenvolver trabalha com processamento de imagens. Eis que o PIL (Python Imaging Library) não está disponível por padrão no GAE. E para instalá-lo é necessário compilar parte de seu código (pois não é python puro). Ou seja, sem chances de usá-lo.

Tendo em vista que várias aplicações web exigem processamento de imagens, achei a falta do módulo pil um ponto muito fraco do GAE e é por isto que acho que você que está lendo este post deveria adicionar uma estrela no tópico:

http://code.google.com/p/googleappengine/issues/detail?id=38&colspec=ID%20Type%20Status%20Priority%20Stars%20Owner%20Summary

O serviço ainda é muito novo e com alguns problemas, mas é uma mão na roda para desenvolvedores sem muita grana.

Leia Mais

• Como Criar Robôs de Busca para a Internet
• Oficina de Desenho
• Obtendo valores de pixels de uma imagem através de pygtk
• Editor Musical - Demo 1.0
• Editor Musical - SVN

É importante lembrar e enfatizar que compartilhamento de arquivos não é sinônimo de pirataria e em muitos casos não é ilegal.

Para quem não tem conta no site, pode se registrar no link http://www.Demonoid.com/register.php?with_invite=1 com algum dos “Invitation Code Demonoid” abaixo:

6nu7o2kdlgvy9240nszmn1v6ol075ilsx
q8yjspo9z3ww8xblv6iqj8ppl01h1zxlhosu8
rxoeynrw2st8b4ni3fly6×4goqkhu3lqqkp
zxvvdc80rfl5ji58u0p0mho34280e6xemqj81iv73
rt8uv93hqn6un692uu80qr5ciu6lf9medvuyzywj2it4g

obs: cada código só pode ser usado por uma única pessoa.

Artigos Populares

• Apresentação
• Como Criar Robôs de Busca para a Internet
• SEO - Conteúdo dentro da imagem
• Demonoid está de volta
• Google App Engine - Star It

Depois de muitos testes, erros, acertos e comparações, conclui que a forma mais eficiente de criar um Robô de Busca é fazendo sua divisão em três programas principais:

1. Download de Conteúdo

Nesta parte, é criado um software capaz de baixar todas as páginas do site buscado com conteúdo que seja relevante para o que se pretende fazer.

É importante que esteja bem claro o que se deseja buscar antes de criar um Robô, pois assim você sabe exatamente quais páginas deve baixar. Depois, você deve pensar em uma maneira eficiente de baixar todas estas páginas.

A maneira que eu considero menos eficiente, porém mais simples, é realizar o download de todas as páginas do site. Para fazer isto a cada página que você faz download você deve armazenar todos os links para onde ela aponta e entrar em todos os links que têm o domínio do site. Isto é na verdade a descrição de um Crawler: ele entra em uma página, captura links, entra neles, captura mais links, entra neles, captura mais ….. até ter entrado em todos os links, aí começa tudo de novo a partir do primeiro link, buscando conteúdo novo e links novos.

2. Análise do Conteúdo

Nesta seção, deve ser criado um software capaz de processar o conteúdo das páginas previamente baixadas. Normalmente, este programa alimenta alguma estrutura de armazenamento de dados a partir de estatísticas e elementos coletados.

Esta é uma parte mais trabalhosa pois requer algoritmos eficientes tanto para processar o conteúdo baixado quanto para alimentar o banco de dados.

Uma dica importante neste item é que muitas funções que realizam processamento ou troca de informações com banco de dados são muito utilizadas para diversos sites diferentes que estão sendo buscados. Como você tem que fazer um software analisador para cada site é interessante que você crie uma biblioteca de funções mais utilizadas que será compartilhada entre eles.

3. Visualização do Conteúdo

Esta é uma parte que envolve o conhecimento prévio do usuário da aplicação. Você deve pensar para quem está coletando estes dados e qual a melhor forma de apresentá-los. A partir do momento que você tem um banco de dados bem preenchido, basta apenas pensar na interface de visualização dos dados.

Se for uma aplicação aberta para qualquer pessoa, é muito provável que a interface de visualização seja uma página na web.

Esta divisão, além de ser bem eficiente é também de fácil manutenção pois permite alta modularização de aplicações. Comento com mais detalhes cada parte em posts futuros.

Leia Mais

• Como fazer um <div> receber o evento “onkeypress”
• Google App Engine - Star It
• SEO - Conteúdo dentro da imagem
• Lista de Indexadores de Blog Completa (Ping)
• Oficina de Desenho

É importante que ao colocar link em uma imagem você especifique em texto o que este link representa. É através dele que Sistemas de Busca como Google, Yahoo, LiveSearch entre outros vão avaliar a relevância da sua página e decidir se devem mostrá-la com maior prioridade em determinadas buscas.

Para exemplificar a técnica, imagine que você tenha um logo em seu site que possua link. O modo mais comum de se encontrar logos linkados na internet é com o seguinte código no html:

<a href=”http:www.enderecodestino.com”>

<img src=”http://www.enderecodologo.x.y/logo.gif”>

</a>

Para aplicarmos a técnica neste logo, devemos primeiro criar um header que definirá o que a imagem representa (ao invés do header, poderia também ter um div ou alguma tag específica). No HTML fazemos apenas algo como:
<a href=”http:www.enderecodestino.com”>

<h1>Conteúdo da Imagem</h1>

</a>

Agora no arquivo .css que define a estrutura da página, colocamos um código parecido com o seguinte:

h1 {

background: url(http://www.enderecodologo.x.y/logo.png);

text-indent: -10000px;

}

Para visualizar um exemplo de uso desta técnica, entre no link: Exemplo de Imagem com Link

Se você utiliza o firefox, você pode clicar em Exibir, Estilos da Página, Sem Estilos. Assim você poderá visualizar o que é visto por um sistema de busca padrão: apenas texto.

Leia Mais

• Como fazer um <div> receber o evento “onkeypress”
• Como Criar Robôs de Busca para a Internet
• Lista de Indexadores de Blog Completa (Ping)

• Anúncios (Como melhorar a distribuição de anúncios contextuais em seu site)
• Bancos de Dados (utilização de índices, otimização de consultas, criação de “stored procedures” e “triggers”, “data mining”, “data warehouse” etc.)
• Engines de Busca (em especial, Lucene)
• Javascript
• Marketing na Internet
• Páginas Dinâmicas (em especial, utilizando PHP)
• Robôs de Busca (spider, crawler, bot e robot são outros nomes comuns)
• Search Engine Optimization (Técnicas para atrair visitantes ao seu site através de sites de busca)
• Softwares em Desktop que alimentam sites (como desenvolver programas que automatizam tarefas de atualização de sites)

Artigos Populares

• Apresentação
• Como Criar Robôs de Busca para a Internet
• SEO - Conteúdo dentro da imagem
• Demonoid está de volta
• Google App Engine - Star It

A importância deste evento é muito grande para o site pois permitirá que novas lojas sejam inseridas muito mais rapidamente. Em termos práticos, depois desta mudança pode-se notar uma grande melhoria na velocidade de busca por produtos quando se clica em TUDO, façam o teste!

Hoje também foi decidido que até maio daremos prioridade para inserção de novas lojas. De maio até o fim de agosto nos dedicaremos em tempo integral ao site, então poderemos fazer comparação de produtos, instalar novos filtros, mostrar dados estatísticos e criar uma API do buscador para pessoas interessadas em desenvolver aplicações ligadas a busca de produtos na Internet.

Não deixem de aproveitar o final de semana!

Abraços

Leia Mais

• Amo Dindin - Busca de Descontos
• Mercado Livre e seus problemas
• Lista de Indexadores de Blog Completa (Ping)
• Descontos Lojas Americanas
• Pendrive Virtual - Armazenando Arquivos na Web

Há sites especializados apenas em realizar ping para seu blog, mas sinceramente acho que o único que vale a pena de usar é o feedburner, pois a maioria não faz ping em mais de 20 indexadores e para cara novo post você tem que visitá-los novamente e fazer pequeno cadastro. Usando o feedburner, você pode adicionar a página a seus favoritos e abri-la quando tiver novos posts.

Para quem quiser pings automáticos, direto do wordpress, eis a minha lista completa de pings. Eu criei ela com um software que varre estes sites de ping, mas não elimina entradas duplicadas ou inválidas. Então é provável que dos mais de 190 links abaixo, cerca de 90 sejam válidos e não repetidos. Quando tiver um tempo livre, refino a lista.

Para pingar todos estes blogs com o wordpress, basta você entrar no menu de administração, Opções, Escritura, colar esta lista em Serviços de Atualização, e Atualizar Opções.

http://1470.net/api/ping/
http://31engine.com/
http://a2b.cc/
http://amagle.com/
http://api.feedster.com/ping.php/
http://api.feedster.com/ping/
http://api.moreover.com/ping/
http://api.moreover.com/RPC2/
http://api.my.yahoo.com/RPC2/
http://api.my.yahoo.com/rss/ping/
http://audio.weblogs.com/
http://bakeinu.jp/
http://bblog.com/ping.php/
http://bitacoles.net/
http://bitacoras.com/
http://bitacoras.net/
http://bitacoras.net/ping/
http://blo.gs/
http://blog.goo.ne.jp/XMLRPC/
http://blogdb.jp/
http://blogdb.jp/xmlrpc/
http://blogdigger.com/
http://bloggers.jp/
http://blogmatcher.com/
http://blogmatcher.com/u.php/
http://blogmura.jp/
http://blogoon.net/
http://blogpeople.net/
http://blogrolling.com/
http://blogsear.ch/
http://blogsearch.google.com/
http://blogsearch.google.com/ping/RPC2/
http://blog-search.net/
http://blogstreet.com/
http://blogstyle.jp/
http://blogupdate.org/
http://bulkfeeds.net/
http://bulkfeeds.net/rpc/
http://catapings.com/
http://cocolog-nifty.com/
http://coreblog.org/
http://coreblog.org/ping/
http://effbot.org/
http://effbot.org/rpc/ping.cgi/
http://feedburner.com/
http://feedster.com/
http://focuslook.com/
http://freshpodcasts.com/
http://geourl.org/
http://gpost.info/
http://holycowdude.com/
http://icerocket.com/
http://ipodder.org/
http://longrank.com/
http://memigo.com/
http://mod-pubsub.org/kn_apps/blogchatt/
http://moreover.com/
http://my.yahoo.com/
http://newsgator.com/
http://newsisfree.com/
http://octora.com/
http://odeo.com/
http://ping.amagle.com/
http://ping.bitacoras.com/
http://ping.blo.gs/
http://ping.blogg.de/
http://ping.bloggers.jp/rpc/
http://ping.blogmura.jp/rpc/
http://ping.cocolog-nifty.com/xmlrpc/
http://ping.exblog.jp/xmlrpc/
http://ping.fakapster.com/rpc/
http://ping.feedburner.com/
http://ping.myblog.jp/
http://ping.rootblog.com/rpc.php/
http://ping.rootblog.com/rpc.phphttp://www.snipsnap.org/RPC2/
http://ping.syndic8.com/xmlrpc.php/
http://ping.weblogalot.com/rpc.php/
http://ping.weblogs.se/
http://pinger.blogflux.com/rpc/
http://pingoat.com/goat/RPC2/
http://pingqueue.com/rpc/
http://pubsub.com/
http://rcs.datashed.net/RPC2/
http://rpc.blogbuzzmachine.com/RPC2/
http://rpc.blogrolling.com/pinger/
http://rpc.britblog.com/
http://rpc.feedsky.com/ping/
http://rpc.icerocket.com:10080/
http://rpc.newsgator.com/
http://rpc.pingomatic.com/
http://rpc.tailrank.com/feedburner/RPC2/
http://rpc.technorati.com/rpc/ping/
http://rpc.weblogs.com/RPC2/
http://rpc.weblogs.com/RPC2]/
http://rpc.wpkeys.com/
http://services.newsgator.com/ngws/xmlrpcping.aspx/
http://signup.alerts.msn.com/alerts-PREP/submitPingExtended.doz/
http://syndic8.com/
http://technorati.com/
http://technorati.jp/
http://topicexchange.com/
http://topicexchange.com/RPC2/
http://trackback.bakeinu.jp/bakeping.php/
http://veneblogs.com/
http://weblogalot.com/
http://weblogs.com/
http://weblogs.se/
http://www.1470.net/
http://www.a2b.cc/
http://www.a2b.cc/setloc/bp.a2b/
http://www.ask.jp/
http://www.bakeinu.jp/
http://www.bblog.com/
http://www.bitacoles.net/
http://www.bitacoles.net/ping.php/
http://www.bitacoras.com/
http://www.bitacoras.net/
http://www.blo.gs/
http://www.blog.goo.ne.jp/
http://www.blog360.jp/
http://www.blogblogs.com.br/
http://www.blogbot.dk/
http://www.blogbuzzmachine.com/
http://www.blogdb.jp/
http://www.blogdigger.com/
http://www.blogdigger.com/RPC2/
http://www.blogg.de/
http://www.bloggers.jp/
http://www.bloglines.com/
http://www.blogmura.jp/
http://www.blogoole.com/ping/
http://www.blogoon.net/
http://www.blogoon.net/ping/
http://www.blogpeople.net/
http://www.blogpeople.net/servlet/weblogUpdates/
http://www.blogrolling.com/
http://www.blogroots.com/tb_populi.blog?id=1/
http://www.blog-search.net/
http://www.blogshares.com/
http://www.blogshares.com/rpc.php/
http://www.blogsnow.com/ping/
http://www.blogstreet.com/
http://www.blogstreet.com/xrbin/xmlrpc.cgi/
http://www.bulkfeeds.net/
http://www.catapings.com/
http://www.cocolog-nifty.com/
http://www.exblog.jp/
http://www.fakapster.com/
http://www.feedburner.com/
http://www.feedsky.com/
http://www.feedster.com/
http://www.focuslook.com/
http://www.focuslook.com/ping.php?url=http://www.yourblog.com/
http://www.freshpodcasts.com/
http://www.geourl.org/
http://www.goo.ne.jp/
http://www.holycowdude.com/
http://www.holycowdude.com/rpc/ping/
http://www.icerocket.com/
http://www.imblogs.net/ping/
http://www.ipodder.org/
http://www.j-ranking.com/
http://www.lasermemory.com/lsrpc/
http://www.mod-pubsub.org/kn_apps/blogchatter/ping.php/
http://www.moreover.com/
http://www.namaan.net/
http://www.newsgator.com/
http://www.newsisfree.com/
http://www.newsisfree.com/RPCCloud/
http://www.newsisfree.com/xmlrpctest.php/
http://www.odeo.com/
http://www.packetmonster.net/
http://www.pingoo.jp/
http://www.podcastlikethat.com/
http://www.popdex.com/addsite.php/
http://www.pubsub.com/
http://www.rubhub.com/
http://www.snipsnap.org/RPC2/
http://www.sourceforge.net/
http://www.strategicboard.com/
http://www.syndic8.com/
http://www.syndic8.com/xmlrpc.php/
http://www.tagclick.net/
http://www.tailrank.com/
http://www.technorati.com/
http://www.technorati.jp/
http://www.topicexchange.com/
http://www.veneblogs.com/
http://www.wasalive.com/ping/
http://www.weblogalot.com/
http://www.weblogs.com/
http://www.weblogues.com/
http://www.weblogues.com/RPC/
http://www.wordblog.de/
http://xmlrpc.blogg.de/
http://xping.pubsub.com/ping/

Leia Mais

• Pendrive Virtual - Armazenando Arquivos na Web
• Mercado Livre e seus problemas
• Como fazer um <div> receber o evento “onkeypress”
• Como Criar Robôs de Busca para a Internet
• SEO - Conteúdo dentro da imagem

Nos últimos dias, eu e alguns amigos do Polinvenção (http://www.polinvencao.com) trabalhamos dia e noite sem parar fazendo absolutamente TUDO que está no site. Quando digo TUDO me refiro ao software de indexação de páginas de lojas online e de análise dos arquivos indexados, ao layout css completo do site, ao sistema de páginas dinâmico baseado em php, ao desenho do header da página. Enfim, fizémos tudo com muito esforço e dedicação.

O site ainda está no começo, em 2008 vamos entrar com muita força no desenvolvimento dele. Vamos cadastrar diversas lojas (hoje contamos apenas com Americanas.com, Fast Shop e Stopplay), praticar sorteios de produtos semanais, vamos implementar o comparador de produtos e novas funções que permitirão chegar ao produto desejado com o melhor preço da Internet de maneira muito mais rápida e usufruindo de uma experiência de navegação que não existe em nenhum site hoje.
Esta primeira versão totalmente ALFA está no ar para mostrar a capacidade de busca e de aplicação de filtro de descontos que o buscador tem.

Sem mais conversa, veja com seus próprios olhos o resultado do desenvolvimento do buscador:
http://www.amodindin.com

Participe também da comunidade no orkut:
http://www.orkut.com/Community.aspx?cmm=44987006

Leia Mais

• Amo Dindin Atualizado
• Descontos Lojas Americanas
• Oficina de Desenho
• Editor Musical - Demo 1.0
• Editor Musical - SVN