Skip to content

Instantly share code, notes, and snippets.

@JeffJacobson
Created September 21, 2012 16:48
Show Gist options
  • Save JeffJacobson/3762586 to your computer and use it in GitHub Desktop.
Save JeffJacobson/3762586 to your computer and use it in GitHub Desktop.
Generates CSS styles for address candidate scores.
function generateScoreColorCss() {
/// <summary>Generates CSS style element that colors address candidate scored elements add adds the element to &lt;head&gt;.</summary>
/// <returns type="jQuery">
var i, output = $("<style>"), css;
function generateStyle(min, max, color) {
var style = [];
for (i = min; i <= max; i++) {
if (i > min) { style.push(","); }
style.push(".score-" + i);
}
style.push(" { background-color: " + color + "; }");
return style.join("");
}
css = [
generateStyle(0, 50, "#F00"),
generateStyle(51, 84, "#FF0"),
generateStyle(85, 100, "#0F0")
];
output.text(css.join(" ")).appendTo("head");
return output;
}
<style>.score-0,.score-1,.score-2,.score-3,.score-4,.score-5,.score-6,.score-7,.score-8,.score-9,.score-10,.score-11,.score-12,.score-13,.score-14,.score-15,.score-16,.score-17,.score-18,.score-19,.score-20,.score-21,.score-22,.score-23,.score-24,.score-25,.score-26,.score-27,.score-28,.score-29,.score-30,.score-31,.score-32,.score-33,.score-34,.score-35,.score-36,.score-37,.score-38,.score-39,.score-40,.score-41,.score-42,.score-43,.score-44,.score-45,.score-46,.score-47,.score-48,.score-49,.score-50 { background-color: #F00; } .score-51,.score-52,.score-53,.score-54,.score-55,.score-56,.score-57,.score-58,.score-59,.score-60,.score-61,.score-62,.score-63,.score-64,.score-65,.score-66,.score-67,.score-68,.score-69,.score-70,.score-71,.score-72,.score-73,.score-74,.score-75,.score-76,.score-77,.score-78,.score-79,.score-80,.score-81,.score-82,.score-83,.score-84 { background-color: #FF0; } .score-85,.score-86,.score-87,.score-88,.score-89,.score-90,.score-91,.score-92,.score-93,.score-94,.score-95,.score-96,.score-97,.score-98,.score-99,.score-100 { background-color: #0F0; }</style>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment