[Resolvido] Barra de Pesquisa

[grs666 0]

Olá galera, como que eu faço uma barra de pesquisa estilo a desse site: http://diskcartuchos.com/ (fica no canto superior direito)

Quando clica na barra, o nome "Pesquisar" some e quando clica fora, o nome volta...

me parece algo como uma imagem no fundo, só não sei como que faz...

 

alguem sabe?

valeu abraço!!

[Paulo de Tarso F. M. 24]

Isso é feito com JavaScript. Achei esse código aqui:

 

:seta: JavaScript:

<script type="text/javascript">function In(Objeto, Msg){	if(Objeto.value == Msg)	{		Objeto.value = "";	}}function Out(Objeto, Msg){	if(Objeto.value == "")	{		Objeto.value = Msg;	}}</script>

:seta: HTML:

<input type="text" value="Pesquisar" onfocus="In(this, 'Pesquisar');" onblur="Out(this, 'Pesquisar');" />

Dá para fazer de outras formas até com códigos menores, é só pesquisar... Ou até mesmo com jQuery, mas aí vai depender se já está usando a biblioteca para outros recursos, pois não justificaria utilizar o jQuery apenas para este fim...

 

Mas eu coloquei essa apenas para você entender como funciona e tals, ok? Como disse, existem outras formas de se fazer, essa talvez nem seja a melhor e menor...

 

 

:joia:

[grs666 0]

opa, era isso mesmo!

valeu Paulo, fica com Deus!