// Apply/Remove styles based on whether the field has a value or not function checkBlanks () { // CSS Values var textColorNoValue = '#FFFFFF'; var textColorHasValue = '#000000'; var bgColorNoValue = '#B22222'; var bgColorHasValue = '#32CD32'; var labelPadding = '0.2em 0.5em' // Text Box if($('#text_box-tr input').val() != ''){ $('#label-text_box div div').css({"color": textColorHasValue, "background-color": bgColorHasValue, "padding": labelPadding}); } else { $('#label-text_box div div').css({"color": textColorNoValue, "background-color": bgColorNoValue, "padding": labelPadding}); } // Notes Box if($('#notes_box-tr textarea').val() != ''){ $('#label-notes_box div div').css({"color": textColorHasValue, "background-color": bgColorHasValue, "padding": labelPadding}); } else { $('#label-notes_box div div').css({"color": textColorNoValue, "background-color": bgColorNoValue, "padding": labelPadding}); } // Yes-No if($('#yes_no-tr input').val() != ''){ $('#label-yes_no div div').css({"color": textColorHasValue, "background-color": bgColorHasValue, "padding": labelPadding}); } else { $('#label-yes_no div div').css({"color": textColorNoValue, "background-color": bgColorNoValue, "padding": labelPadding}); } // Radio Button if($('#radio_buttons-tr input').val() != ''){ $('#label-radio_buttons div div').css({"color": textColorHasValue, "background-color": bgColorHasValue, "padding": labelPadding}); } else { $('#label-radio_buttons div div').css({"color": textColorNoValue, "background-color": bgColorNoValue, "padding": labelPadding}); } //Checkboxes if($('input#id-__chk__checkbox_RC_1').is(':checked') || $('input#id-__chk__checkbox_RC_2').is(':checked') || $('input#id-__chk__checkbox_RC_3').is(':checked')){ $('#label-checkbox div div').css({"color": textColorHasValue, "background-color": bgColorHasValue, "padding": labelPadding}); } else { $('#label-checkbox div div').css({"color": textColorNoValue, "background-color": bgColorNoValue, "padding": labelPadding}); } // Slider if($('#slider-tr input.sldrnum').val() != ''){ $('#label-slider div div').css({"color": textColorHasValue, "background-color": bgColorHasValue, "padding": labelPadding}); } else { $('#label-slider div div').css({"color": textColorNoValue, "background-color": bgColorNoValue, "padding": labelPadding}); } }; // Run check when instrument loads $(document).ready(checkBlanks); // Run check when "reset" link is clicked $('a.smallink').click(checkBlanks); // Run check when mouse moves $(document).change(checkBlanks).focus(checkBlanks).blur(checkBlanks).mousemove(checkBlanks);