';

E aí galera… tudo joia??
Vou passar hoje uma dica bem util para usabilidade do site.
Geralmente a gente coloca um textinput de busca, com o value=”busca”, aí a gente que quando o cara colocar
o mouse lá pra digitar algo esse valor saia de lá …e se ele sair do campo sem digitar nada o value=”busca” volte.
Isso é uma mágica muito simples de se fazer com jQuery :

[js]
//Input id="input-busca"
$busca = $(‘#input-busca’);
$busca.blur(function(){
if( $busca.val() == ”){
$busca.val(‘Pesquisar’);
}
});
$busca.focus(function(){
if( $busca.val() == ‘Pesquisar’){
$busca.val(”);
}
});
[/js]
muito simples né … mas quem tiver dúvidas pergunte nos comentários.

Update:
Com javascript puro, tambem é facil de fazer.
Por exemplo um input “Pesquisar”, basta você colocar diretamente no input os atributos onBlur e on Focus:
[js]
onFocus="javascript: if( this.value == ‘Pesquisar’ ){ this.value = ” } " onBlur="javascript: if( this.value == ”){ this.value= ‘Pesquisar’}"
[/js]


@emersonbroga

Programador há mais de 15 anos, sou formado em Desenvolvimento de Sistemas pela Faculdade Pitágoras e pós-graduado em Gestão Estratégica de Marketing pela PUC Minas. Trabalhei em diversas agências de publicidade e desenvolvimento de software e atualmente trabalho em projetos internacionais como FOX.com, FXNetworks.com, NatGeo.com entre outros. Estou atualmente dedicando meu tempo a ensinar programação em meu blog e redes sociais. Saiba mais em https://emersonbroga.com/e/sobre/.