Formatar Fonte em JAVASCRIPT - [RESOLVIDO]

10 respostas
C

Fala Pessoal BLZ!

Tenho uma duvida simples porem não econtro na internet a solução.

Eu tenho esse codigo em javasrip abaixo e queria que o APROVADO fosse para o campo na cor AZUL e o REPROVADO fosse na Cor VERMELHO existe essa forma?
<script language="JavaScript"> 

function calculo(){ 

	var n1 =  parseFloat(document.form.numero1.value);
	var n2 =  parseFloat(document.form.numero2.value);
	var total = n1 + n2;

	if(total<=5) {
		document.form.status.value = "Aprovado";
       		    }
	if(total > 5) {
			document.form.status.value = "Reprovado";
		        }

}
</script>

10 Respostas

R

nao lembro se funfa, mas ponha um html code entre a palavra:

document.form.status.value = "<font color='blue'>Aprovado</font>";
C

Tentei mas não deu certo não, o campo Status sai com todo esse valor " Aprovado"

R

Ok, onde se encontra o codigo desse campo ‘status’ ? tem como postar ?

C

Na verdade quero aplicar isso em uma aplicação e fiz um pequenos teste para saber se consigo fazer isso:

segue o teste:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Insert title here</title>
</head>

<script language="JavaScript"> 

function calculo(){ 

	var n1 =  parseFloat(document.form.numero1.value);
	var n2 =  parseFloat(document.form.numero2.value);
	var total = n1 + n2;

	if(total<=5) {
		document.form.status.value = "Aprovado";       		    }
	if(total > 5) {
		document.form.status.value = "Reprovado";		        }

}
</script>

<body>
<form name="form">
<input name="numero1"> <input name="numero2" onblur="return calculo()"> <input name="status">    
</form>

</body>
</html>
D

crie um css com configuração de fonte e cor pra duas classes uma com nome reprovado e outra com reprovado, e quando quando vc faz isso

if(total<=5) {  
        document.form.status.value = "Aprovado";  
         document.form.status.class = "aprovado"
}  
    if(total > 5) {  
        document.form.status.value = "Reprovado";  
        document.form.status.class = "reprovado";
}

acho que isso vai funcionar

mas eu faço isso geralmente usando jQuery

O

Gambiarra da mais Dirty

Crie doi campos StatusA e StatusR já formatados, e suma com ele via hidden…

D

se isso não funcionar para alterar o class do atributo

document.form.status.class = "reprovado";

tenta esse

document.form.status.className = "reprovado";
R

Troque sua funcao calculo por esta:

function calculo() {   
	  
	var n1 =  parseFloat(document.getElementById('numero1').value);  
    var n2 =  parseFloat(document.getElementById('numero2').value);  
    var total = n1 + n2;  
  
    if(total<=5) {
    	document.getElementById('status').style.color = "green";
    	document.getElementById('status').value = "Aprovado";                
    }  
    if(total > 5) {  
    	document.getElementById('status').style.color = "red";
    	document.getElementById('status').value = "Reprovado";
    }
  
}

E os seus inputs acrescente o elemento id, ficando assim:

<input type="text" id="numero1" name="numero1"> <input type="text" id="numero2" name="numero2" onblur="return calculo()"> <input type="text" id="status" name="status">
C
DaniloAndrade:
se isso não funcionar para alterar o class do atributo
document.form.status.class = "reprovado";
tenta esse
document.form.status.className = "reprovado";
DaniloAndrade Isso funcionouu
document.form.status.className = "reprovado";

Deu certinho Galera Obrigado Pela Ajuda!!!!

D

blz então,

edita seu primeiro post e coloca a tag [Resolvido] no titulo

Criado 29 de janeiro de 2013
Ultima resposta 29 de jan. de 2013
Respostas 10
Participantes 4