Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

jonasfabri

script no css

Recommended Posts

é o seguinte tenhu um formulário onde tem que acontecer o seguinte:toda vez que um campo for selecionado (on focus ou on click) tem que mudar o fundo do campo e qdo passar pro seguinte o 1º tem que voltar ao normal!Pela css tem como mudar a tag (ex: input) porem num rola de voltar ao fundo original pré estabelecido!assim num precisa ter que aplicar a classe campo por campo pois com a mudança da tag já faz automatico, porem não consigo fazer esse fundo mudar!

Compartilhar este post


Link para o post
Compartilhar em outros sites

É o seguinte, agente tem pouco tempo pra desenvolver este projeto, então ficar chamando função em cada input não vai resolver muito, a idéia era ter um css que mudasse a tag input (no caso) para fundo preto, assim como existe o a:houver, a:link, e etc, que muda o código automaticamente. Porem conseguimos modificar a tag pelo css inicialmente (logo que a página carrega) para o fundo preto, assim:input { background-color: #000000;}Chamando esse css, todos os campos da tela seriam pretos.Aí, a idéia era iniciar todos os campos pretos (exemplo), quando colocasse o mouse dentro do campo mudasse para a cor branca (exemplo), e quando retirasse de dentro voltaria a ser preto.Só que não estou conseguindo fazer essa troca pelo css, que seria o mais indicado pela falta de tempo.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Coloca essa função no js:function focusInput(element,blur) { if (blur) { element.style.backgroundColor='white'; } else { element.style.backgroundColor='#e8e8e8'; }}e pra chamar:<input name="txt_teste" class="inputform" type="text" id="txt_teste" onfocus="focusInput(this);" onBlur="focusInput(this,true);" >

Compartilhar este post


Link para o post
Compartilhar em outros sites

isso é o que a gente tem hoje em dia!!!porem se tiver 300 campos teriam que ser colocados 300 on focus!!!teria que ser algo que mudasse a tag input e fizesse uma única vez e se aplicasse sempre que colocasse um novo "input"!acho que não swria possivel né?valeu amigão

Compartilhar este post


Link para o post
Compartilhar em outros sites

tem um css siminput:focus { bla bla bla}A má notícia, só funciona em BROWSER DE VERDADE. Na m***** do Internet Explorer não funfa... tem q ser com JS mesmo.

Compartilhar este post


Link para o post
Compartilhar em outros sites

tem um css sim

 

input:focus {

bla bla bla

}

 

A má notícia, só funciona em BROWSER DE VERDADE. Na m***** do Internet Explorer não funfa... tem q ser com JS mesmo.

otimo comentario ahauahuah

Compartilhar este post


Link para o post
Compartilhar em outros sites

Ae gente vamu fazer uma campanha ae, quem ainda utilizar o IE Instale agora mesmo o Firefox e a extensão dele "IEView" e nunca mais utilize esse browser para navegar pela internet.....

 

Coloquem isso na assinatura de vocês:

 

Chega de PSEUDO-BROWSER ! Abre sua mente e instale o Firefox

http://www.mozilla.org.br

Compartilhar este post


Link para o post
Compartilhar em outros sites

alguem tem de começar esta guerra, eheheh

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.