Dica JavaScript JQuery – Limpar / preencher inputs

Eae!

Você que faz formulários e quer que ele fique com um valor definido e apague assim que o usuário clicar nele, aqui vai uma função bem simples que faz isso o código é bem curtindo e simples

No HTML você deve adicionar um atributo na tag input assim no caso eu adicionei o atributo valor

<input name='nome' value='Nome' valor='Nome'/>

ou

<textarea name="mensagem">Mensagem</textarea>

O Javascript fica assim

$("input,textarea").focus(function(){if($(this).val()==$(this).attr("valor")){$(this).val("");}});
$("input,textarea").blur(function(){if($(this).val()==""){$(this).val($(this).attr("valor"));}});

Ai está o código de ação para clique e quando ele sai do elemento respectivamente.

Até!

Dica – compartilhamento

Pra quem quer usar um plugin para de compartilharmento em midias sociais e não sabe direito qual usar um que eu recomendo é o addThis http://addthis.com ele é meio feinho mas é mto funcional e para quem quer mensurar o tanto que os usuários usam o plugin ele é ótimo dando essa opção (é necessário se registrar nada muito complicado) ele dá acesso a mais de 250 redes sociais e vem tudo prontinho só colocar no blog e boa
Esse ae embaixo é um dos modelos que o site proporciona para você usarem

Até!

Dica HTML – Como solucionar o bug de repetição de caracteres no IE

Fala Galera, como o titulo do post já fala tudo, quem ainda não teve esse problema!!

Inclusive só achei esta correção pq estava com esse maldito bug… mas fiquei mais de cara ainda quando descobri como corrigir, pois eu ja havia tentado de tudo até mesmo overflow:hidden; sem sucesso.

mas vamos a solução, no final do texto que se repete, vc vai colocar um simples comentario <!– fix bug –>

Ex.:

<div id="bug">Lorem Ipsum <!-- fix bug --></div>

e esta resolvido.

Vlw Galera e até a proxima!

Dica Js – ação botão voltar

Eae

Isso é bem útil para a seguinte situação: Você tem um formulário e o usuário erro no preenchimento e você quer que ele volte com os campos preenchidos.

Eu mesmo já fiz várias coisas e sempre ficava ruim até pensar nisso

é bem simples

<a onclick='javascript:history.back(-1);'>voltar</a>

O -1 é o quanto o usuário vai voltar no histórico de navegação dele no caso -1 é a página com o formulário que ele acabou de preencher errado ou que seja.

Espero que essa dica seja útil para vocês

Até!