Cor condicional no evento ajax

Sugestões
#1

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.

#2

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

image
image.png965×561 22.9 KB

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
[RESOLVIDO] Cor em campo de formulário ?
#3

Mostra um exemplo de como ficou…

#4
2 Curtidas
#5

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

1 Curtida
#6

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

#7

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.

#8

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();

#9

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