Ir para conteúdo

Arquivado

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

a1click_mac

mudar cor ao digitar palavra ( textarea )

Recommended Posts

Pessoal, como posso por exemplo mudar a cor de alguns itens ( FIXOS ) que eu definir, enquanto digito no textarea do formulário?

 

EX >>

 

- Digito as palavras " Eu quero ver um gol no brasil ";

- Quando eu digitar a palavra "quero" ele mudará a cor para "verde";

- Quando eu digitar a palavra "brasil" ele mudará a cor para "azul".

 

- -

 

Conseguiram entender?

É esse o objetivo que quero fazer.

 

Aguardo alguma ajuda ai galera!!!

Compartilhar este post


Link para o post
Compartilhar em outros sites

Isso seria mais para a area de javascript do que PHP.

 

Usa o evento keypress e verifica as palavras digitadas, então tu altera o css do campo caso tiver o que tu quer.

 

 

Dá uma olhada nesse exemplo.

 

 

$('#field').keypress(function(){
    var str = $(this).prop('value');
    if(str.match(/brasil/i)){
        $(this).css('color','blue');
    }else if(str.match(/quero/i)){
        $(this).css('color','green');
    }
});


Um preview no jsfiddle

 

http://jsfiddle.net/aQ8nj/

Compartilhar este post


Link para o post
Compartilhar em outros sites

 

Estou tentando fazer mais ou menos isso também !!

 

o código funciona, mas eu queria que apenas determinadas palavras mudassem de cor, é possível ?

 

EX: "oi meu nome é victor"

--> apenas "victor" ficaria verde.

 

grato desde já !!

Compartilhar este post


Link para o post
Compartilhar em outros sites

Com textarea não é possível.

 

Mas é possível com uma DIV com o atributo contenteditable=true.

Ai vc consegue pegar só uma palavra, colocar uma tag em volta dela, e mudar a cor.

http://html5doctor.com/the-contenteditable-attribute/

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.