Karma Colors

[Eric]

<script type="text/javascript">
<!--
/* Add Karma Colors */
var karmaColors = new function()
{
   this.karmaMin = -100; // Doesn't actually refer to the maximum
   this.karmaMax = 100; // and minimun karmas on the forum
   this.goodCol = '#008800';
   this.badCol = '#880000';
   this.normCol = '#000000';

   this.getVals = function(rgbHex)
   {
      var rgbH = new Array();
      var base = (rgbHex.length == 6)? 0:1;
      rgbH[0] = parseInt(rgbHex.substring(base,base+2),16);
      rgbH[1] = parseInt(rgbHex.substring(base+2,base+4),16);
      rgbH[2] = parseInt(rgbHex.substring(base+4,base+6),16);
      return rgbH;
   }

   this.d2h = function(num)
   {
      var hexChars = '0123456789ABCDEF';
      var hex = '';
      while(num != 0)
      {
         hex = hexChars.charAt(num % 16) + hex;
         num = Math.floor(num / 16);
      }
      while(hex.length < 2)
         hex = '0' + hex;
      return hex;
   }

   this.getCol = function(color1, color2, karma)
   {
      var retCol = '#';
      var goBy = (karma > 0)? this.karmaMax : this.karmaMin;
      for(var c = 0; c < 3; c++)
      {
            retCol += this.d2h(Math.round((color1[c] - color2[c]) * (karma / goBy)) + color2[c]);
      }
      return retCol;
   }

   this.init = function()
   {
      var karma = 0;
      var color = '';
      var c = 0;
      var useArr = 'good';
      var colArr = [this.getVals(this.goodCol), this.getVals(this.normCol),
                        this.getVals(this.badCol)];
      var td = document.getElementsByTagName('td');
      for(var t = 0; t < td.length; t++)
      {
         var color = '';
         if(td[t].width == "20%" && td[t].innerHTML.match(/(karma: ([\-0-9,]+))/i))
         {
            var textRep = RegExp.$1;
            var oK = RegExp.$2;
            var karma = parseInt(oK.replace(',',''));
            karma = (karma > 100)? 100 : (karma < -100)? -100 : karma;
            if(karma > 0)
               color = this.getCol(colArr[0], colArr[1], karma);
            else
               color = this.getCol(colArr[2], colArr[1], karma);
            td[t].innerHTML = td[t].innerHTML.replace(textRep, 'Karma: <span style="color:'
                                       + color + '">' + oK + '</span>');
         }
      }
   }
}

// Initiate
karmaColors.init();

//-->
</script>

Adds a color to karma. karmaMin and karmaMax are what you want to divide by. goodCol is the color for positive karma, normCol is the color for 0 karma, and badCol is the color for negative karma. It will balance the good/badCol with the normCol so that someone who has a +1 karma won't be the same color as someone who is +100 karma.

[ParaNaNaGon™]

It will balance the good/badCol with the normCol so that someone who has a +1 karma won't be the same color as someone who is +100 karma.

I don't get what you mean by this.

[Eric]

Lets say that someone has a negative 100 karma. If the color for bad karma is red, then theirs will be red. Now say the karma color for normal (0) is black, and a person has a negative 50 karma, then their color will be a dark red (black + red).

[Smurfy]

Nice work, i think i might use this

[Stinky666]

Great code... And i fully understand it
Im not going to use it though, but it is a great code... Actually, i might use it, im not sure...