Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17680
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Mudar a cor do texto ao digitar na div textarea jQuery

29-04-2016 17:56

Nesse post vou deixar um exemplo de como mudar a cor da palavra em uma div usando o jQuery.

Esse exemplo usa uma div que simula um textarea, ou seja, o conteúdo da div pode ser editado usando o contentEditable.

Toda vez que a div perder o foco todas palavras teste irão ficar com a cor vermelha.

<style> .v{ color:red; } #div{ border:1px solid #ccc; width:200px; height:200px; } </style> <script src="jquery.js"></script> <script> $(function() { $("#div").bind('blur', function(){ var valor = $(this).html(); $(this).html( valor.replace(/teste/gi, "<span class=\"v\">teste</span>") ); }); }); </script> <div id="div" contentEditable="true"> Simulação de textarea editável </div>

1
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado