Cor condicional no evento ajax

Legal possibilidade de mudar cor da fonte do campo ou label conforme condição no evento ajax, tanto no controle quanto no formulário.

Exemplo:
Num controle, ao digitar o ID do cliente, no evento ajax uma sql q busca seus dados e carrega estes dados em campos label. Quado o cliente tiver idade > 70 anos, “pinta” de vermelho o campo label que se refere.
Tanto faz, evento ajax, evento onLoad e outros, possibilidade de mudar a cor da fonte, e pq não do fundo.
Em alguns casos, principalmente em formulários, campos já vem carregados, usados como label para informação do usuário.

Até fazerem sua sugestão se quiser usar esta função javascript que eu fiz, para formulários e controles:

Código para colar no arquivo: Biblioteca_JS.js:

<script type="text/javascript">

function TarjetaCOR_JS(Nome_Campo, Cor) {

	/*
	Marcar para usar a Biblioteca Externa no seu Projeto: Biblioteca_JS.
	
	No formulário ou controle que vai usar no OnLoad colocar:
	$_biblioteca=sc_url_library('sys', 'Biblioteca_JS', '/Biblioteca_JS.js');

	require_once($_biblioteca);
	

	OnLoad ou Eventos Ajax:
	sc_ajax_javascript("TarjetaCOR_JS('NomeCampo', 'VERDE ESCURO')");
	*/

    var Campo = 'id_sc_field_' + Nome_Campo.toLowerCase();

    if (Cor=='ROXO') {
	    var Cor_Texto = 'white';
		var Cor_Fundo = '#6500CC';
	}

	if (Cor==='VERDE ESCURO') {
	    var Cor_Texto = 'white';
		var Cor_Fundo = '#003300';
	}

	if (Cor==='ROSA') {
	    var Cor_Texto = 'white';
		var Cor_Fundo = '#FF00FF';
	}

	if (Cor==='BRANCO') {
	    var Cor_Texto = 'black';
		var Cor_Fundo = '#FFFFFF';
	}

	if (Cor==='LARANJA') {
	    var Cor_Texto = 'white';
		var Cor_Fundo = '#FF6500';
	}

	if (Cor==='VERMELHO ESCURO') {
	    var Cor_Texto = 'white';
		var Cor_Fundo = '#800000';
	}

	if (Cor==='VERDE CLARO') {
	    var Cor_Texto = 'white';
		var Cor_Fundo = '#008000';
	}

	if (Cor==='MARROM') {
	    var Cor_Texto = 'white';
		var Cor_Fundo = '#993300';
	}

	if (Cor==='CINZA') {
	    var Cor_Texto = 'white';
		var Cor_Fundo = '#808080';
	}

	if (Cor==='AMARELO') {
	    var Cor_Texto = 'black';
		var Cor_Fundo = '#FFFF00';
	}

	if (Cor==='PRETO') {
	    var Cor_Texto = 'white';
		var Cor_Fundo = '#000000';
	}

	if (Cor==='VERMELHO CLARO') {
	    var Cor_Texto = 'white';
		var Cor_Fundo = '#FF0000';
	}

	if (Cor==='BEGE') {
	    var Cor_Texto = 'black';
		var Cor_Fundo = '#FFCC99';
	}

	if (Cor==='AZUL ESCURO') {
	    var Cor_Texto = 'white';
		var Cor_Fundo = '#000080';
	}

	if (Cor==='AZUL CLARO') {
	    var Cor_Texto = 'white';
		var Cor_Fundo = '#3365FF';
	}

	document.getElementById(Campo).style.color=Cor_Texto;
	document.getElementById(Campo).style.backgroundColor=Cor_Fundo;

} //  Fim da Função: function TarjetaCOR_JS(Nome_Campo, Cor)

</script>
2 Curtidas

Mostra um exemplo de como ficou…

2 Curtidas

Já encaminhei sua sugestão para nossa equipe. :wink:

1 Curtida

Garotão está de parabéns… bem bolado!!!
Aí vem aquela velha pergunta, como nunca pensei nisto…kkkk
Aí eu mesmo respondo, sou Joelton, não Jailton…rsrsrs

Obrigado por responder e pelo esforço em ajudar…·
Só mais uma pergunta, tem como fazer o mesmo conforme evento ajax em outro campo ? Usando o mesmo exemplo, digito num campo o id do cliente, no evento ajax onChange ele busca os dados e tb a idade e carrega o campo, ai se for > q 70 pinta de vermelho senão verde. Só mais um detalhe, esse campo é label.
Testei de várias maneira mais só funciona onBlur como vc mensionou. Meu conheciento em JS é bem limitado. Obrigado.

Tem que usar como OnBlur mesmo pode usar em vários campos, para quando ele sair do campo ele acionar a macro sc_ajax_javascript();

Caro @Jailton teria como repostar esse video gostaria de entender bem como implementar essa biblioteca, preciso colorir de forma dinamica uns campos e ao parecer a sua solução e a mais correta, sou um pouco leigo na parte do javascript