NP_TrackBack/trunk/trackback/js/rico/ricoColor.js

   1 function attachValueChangeListeners() {
   2    $('red').onkeypress   = colorChangedDeffered;
   3    $('green').onkeypress = colorChangedDeffered;
   4    $('blue').onkeypress  = colorChangedDeffered;
   5 }
   6
   7 function colorChangedDeffered() {
   8   setTimeout( colorChanged, 1 );
   9 }
  10
  11 function colorChanged() {
  12    var red   = Math.min( parseInt($('red').value)   || 0, 255);
  13    var green = Math.min( parseInt($('green').value) || 0, 255);
  14    var blue  = Math.min( parseInt($('blue').value)  || 0, 255);
  15
  16    var color = new Rico.Color( red, green, blue );
  17
  18    var newIllustrateString = "&nbsp;var color = new Rico.Color( ";
  19    newIllustrateString += red + ", ";
  20    newIllustrateString += green + ", ";
  21    newIllustrateString += blue + " ); // color.asHex() = ";
  22    newIllustrateString += color.asHex();
  23
  24    $('rgbCode').innerHTML = newIllustrateString;
  25    $('colorBox').style.backgroundColor = color.asHex();
  26    //$('colorBox').innerHTML = color.asHex();
  27 }
  28
  29 Rico.includeLoaded('ricoColor.js');