Färg beroende på värde?

wborgMedlem sedan dec. 2003209 inlägg

Frågan8 dec. 2003 20:17#1

Tja,

Har följande kod som jag vill modifiera lite:

<td bgcolor="red"><input type="text" value="0" style="text-align: center; font-weight: bold; color: ;" size="1" name="summa<%=Request.QueryString("varv")%>"></td>

Vad jag vill åstakomma här är att det ska vara olika
färg beroende på vad summan blir:

18 - 29 = Blå
30 - 35 = Grön
36 - 39 = Röd
40 - = Svart

wborgMedlem sedan dec. 2003209 inlägg

9 dec. 2003 04:16#2

Jag löste det.

<script type="text/javascript">
function addera(theForm){
var summan = 0;
var color = "black";
for(var i=0; i<18; i++){
summan += (isNaN(parseFloat(theForm.elements[i].value))) ? 0 : parseFloat(theForm.elements[i].value);
}
if (summan<30) color="blue";
else if (summan<36) color="green";
else if (summan<40) color="red";
theForm.summa.style.color=color;
theForm.summa.value = summan;
}
</script>

<input type="text" value="0" style="text-align: center; font-weight: bold; color: blue;" size="1" name="summa">