Efeito de digitação em texto com Javascript

Saca aquele efeitinho em textos que parece que se está digitando? Uma letra aparecendo após a outra.

Pois é. Precisei disso no módulo Mchat do Mwords daí tive que fazer hehe.

- Antes de chamar a função o elemento que vai receber a digitação deve estar vazio (sem texto).
- O "50" que tem lá dentro do setTimeout indica a velocidade da digitação. Quanto menor, mais rápido.
- Implementei um callback (parâmetro cb) pra que você possa definir alguma ação quando a digitação terminar.

Bora:

digita = function(obj,text,callback){ 
 /* faz efeito de digitação no texto. By Micox - elmicox.blogspot.com */
 obj = obj.nodeName ? obj : document.getElementById(obj);
 var len=obj.innerHTML.length;
 if(len<text.length){
  obj.innerHTML = text.substring(0,len+1)
  setTimeout(function(){digita(obj,text,callback)},50);
  if(len==text.length-1 && callback){ callback();}
 }
}

Pra usar:
- obj é o objeto que vai sofrer a digitação. Pode passar a ID do elemento ou o Objeto direto mesmo.
- text é o texto que vai aparecer
- callback é uma função opcional que vai ser executada quando acabar a digitação.

Exemplo:

<div id='cont'></div>
<script>
digita('cont','Opa, sou um texto que está sendo digitado',function(){alert('acabou a digitação')});
</script>

Gostou da dica acima? Então clica nos botões de compartilhamento abaixo e me ajude a dica a subir no Google.

Pegar Busca digitada por visitantes em motores de busca (google, yahoo, bing, etc) via javascript

Opa, pra ficar guardado aqui no blog pra quando eu (ou alguém mais) precisar:

Uma funçãozinha rápida (que com certeza já existem outras na net) para ver qual foi a pesquisa digitada por um visitante que caiu em seu site feita em motores de busca comuns no Brasil (google, yahoo, bing, uol).

Pegar Busca digitada por visitantes em motores de busca (google, yahoo, bing, etc) via javascript

keyword = function(){
 var dr=document.referrer,q,fq,goo='';
 //se veio de uma busca google/yahoo/etc retorna qual a keyword
 if(dr.match(/ogle\.c|ahoo\.c|bing.c|usca.uol/i)){
  if((q=dr.indexOf('q='))>0){
   fq = dr.indexOf('&',q);
   goo = dr.substring(q+2,(fq>q?fq:dr.length));
  }
 }
 return goo;
}

Pra usar é só chamar a função "keyword":

var palavrachave = keyword();
if(palavrachave){
  alert("Olá visitante, bem vindo ao site tal. Você chegou até aqui procurando por " + palavrachave);
}

Ah, por hoje é só hehehe. Voltemos às brigas com o Mwords e Mchat. Gostou da dica acima? Então clica nos botões de compartilhamento abaixo e me ajude a dica a subir no Google.