Change font within calculated field function
-
Hi there,
I’m trying to change the style of text (font color and weight) within a calculated field function — so the text style would depend upon the outcome of a calculation.
I’ve tried a number of different ways to do this, but they all have failed. Here is my most recent attempt (assigning a css class to the output field – an html field usiing div “ggvd” with the id# fieldname63_2 ; and I added classes “.greenbold” and “.redbold” to the form’s CSS…):
…
var diffvd
var dpgg
var dvgg
…
…if (diffvd==0) {
var diffvdstr=”Your diet emits the SAME AMOUNT OF GREENHOUSE GASES as a wholesome vegan diet”;
document.getElementById(“fieldname63_2″).className += ” greenbold”;
jQuery(‘.ggvd’).html(diffvdstr);
return diffvdstr;
}
else if (dpgg>dvgg) {
var diffvdstr=”Your diet EMITS ” + diffvd + unit +” MORE GREENHOUSE GASES per day than a wholesome vegan diet”;
document.getElementById(“fieldname63_2″).className += ” redbold”;
jQuery(‘.ggvd’).html(diffvdstr);
return diffvdstr;
}
else {
var diffvdstr= “Your diet EMITS ” + diffvd + unit + ” LESS GREENHOUSE GASES per day than a wholesome vegan diet”;
document.getElementById(“fieldname63_2″).className += ” greenbold”;
jQuery(‘.ggvd’).html(diffvdstr);
return diffvdstr;
}
…I’ve also tried a few other css tricks but none seem to work.
I’m guessing there is something really simple I’m missing, but I haven’t worked it out yet.Thanks again for a great plugin!
Paris Williams
btw, below is the entire code for this particular calculated field:
/* Code for Personal Impact Calculator–Greenhouse Gases COMPARED to WHOLESOME VEGAN DIET*/
(function(){
var format = fbuilderjQuery.fbuilder.calculator.format,
config = {groupingsymbol:’,’, decimalsymbol:’.’};var beef=fieldname17;
var lamb=fieldname28;
var pork=fieldname27;
var poultry=fieldname26;
var fish=fieldname25;
var cheese=fieldname24;
var milk=fieldname23;
var eggs=fieldname31;
var grains=fieldname22;
var nuts=fieldname21;
var beans=fieldname20;
var root=fieldname19;
var veg=fieldname32;
var fruit=fieldname29;/* Convert Calories to grams */
if (fieldname11==”Calories”) {
var beef=fieldname17/2.4;
var lamb=fieldname28/1.921;
var pork=fieldname27/1.450;
var poultry=fieldname26/2.970;
var fish=fieldname25/2.773;
var cheese=fieldname24/1.760;
var milk=fieldname23/.5;
var eggs=fieldname31/1.550;
var grains=fieldname22/2;
var nuts=fieldname21/5.450;
var beans=fieldname20/1.2;
var root=fieldname19/1;
var veg=fieldname32/.5;
var fruit=fieldname29/.5;
}/*daily personal greenhouse gases emitted */
var dpgg=(beef*39.2+lamb*27+pork*12.1+poultry*9+fish*11.9+cheese*13.5+milk*2+eggs*4.8+grains*2.7+nuts*2.4+beans*1+root*2.9+veg*1.5+fruit*1.5)/1000;if (dpgg==0) return “”;
/* assigning g.gases emitted in vegan diet, assigning units, and converting units to lb */
if (fieldname30==”Metric”) {
var dvgg=3.774;
var unit=” kg”;
} else {
var dvgg=3.774*2.2;
var dpgg=dpgg*2.2;
var unit=” lb”;
}/*difference between personal diet and vegan diet (per day, to 1 decimal place)*/
var diffvd=format(ROUND(ABS(dpgg-dvgg)*10)/10, config);/*compare to a wholesome vegan diet */
if (diffvd==0) {
var diffvdstr=”Your diet emits the SAME AMOUNT OF GREENHOUSE GASES as a wholesome vegan diet”;
document.getElementById(“fieldname63_2″).className += ” greenbold”;
jQuery(‘.ggvd’).html(diffvdstr);
return diffvdstr;
}
else if (dpgg>dvgg) {
var diffvdstr=”Your diet EMITS ” + diffvd + unit +” MORE GREENHOUSE GASES per day than a wholesome vegan diet”;
document.getElementById(“fieldname63_2″).className += ” redbold”;
jQuery(‘.ggvd’).html(diffvdstr);
return diffvdstr;
}
else {
var diffvdstr= “Your diet EMITS ” + diffvd + unit + ” LESS GREENHOUSE GASES per day than a wholesome vegan diet”;
document.getElementById(“fieldname63_2″).className += ” greenbold”;
jQuery(‘.ggvd’).html(diffvdstr);
return diffvdstr;
}})();
The page I need help with: [log in to see the link]
- The topic ‘Change font within calculated field function’ is closed to new replies.