Location: PHPKode > scripts > WebCalendar > WebCalendar-1.2.5/includes/js/colors.php
<?php /* $Id: colors.php,v 1.25.2.3 2007/09/10 20:56:31 bbannon Exp $  */ ?>

// Predefined Colors
  pcoc = getCookie("webcalendar_custom_colors");
  if (!pcoc) pcoc="FFFFFF,FFFFFF,FFFFFF,FFFFFF,FFFFFF,FFFFFF,FFFFFF,FFFFFF,"+
          "FFFFFF,FFFFFF,FFFFFF,FFFFFF,FFFFFF,FFFFFF,FFFFFF,FFFFFF";
  precol= new Array (16);
  precol=pcoc.split(",",16);
// Colr choices
  var colorList = new Array ('0','ff0000','400000','800000','c00000','ff4040','ff8080','ffc0c0','000000','ffff00','404000','808000','c0c000','ffff40','ffff80','ffffc0','202020','00ff00','004000','008000','00c000','40ff40','80ff80',',c0ffc0','404040','00ffff','004040','008080','00c0c0','40ffff','80ffff','c0ffff','808080','0000ff','000040','000080','0000c0','4040ff','8080ff','c0c0ff','c0c0c0','ff00ff','400040','800080','c000c0','ff40ff','ff80ff','ffc0ff','ffffff');
// Predefined Colors Cursor
  cursorImg=new Image ();
  cursorImg.src="images/cursor.gif";
  blankImg=new Image ();
  blankImg.src="images/blank.gif";
  cursorPos=1;
// Other Stuff
  hexchars="0123456789ABCDEF";
  var oldcol;
  var curcol;
  var thisInput;
  var currgb;
  var curhsl;

function setInit () {
  thiscolorcell = document.getElementById("colorcell").value;
  thisInput = window.opener.document.getElementById(thiscolorcell);
  oldcol=thisInput.value;
  if (oldcol.substr (0,1 ) == '#' )
    oldcol = oldcol.substr (1,6);
  curcol=oldcol;
  setPreColors ();
  setCursor('1');
  setCol(oldcol);
  document.getElementById("theoldcell").bgColor= '#' + oldcol;
  currgb=[fromhex(curcol.substr (0,2)), fromhex(curcol.substr (2,2)), fromhex(curcol.substr (4,2))];
  curhsl=RGBtoHSL(currgb[0],currgb[1],currgb[2]);
  update ();
}

function fillhtml () {
  var slide = document.getElementById('slider');
  var choice = document.getElementById('colorchoices');
  var custom = document.getElementById('colorcustom');
  var slidehtml = choicehtml = customhtml ='';
  var ctr=0;
  slidehtml += '<table cellspacing="0" cellpadding="0" width="14">';
  for (i=0;i<192;i++) {
    slidehtml += '<tr><td id="sc'+(i+1)+ '" height="1" width="14"></td></tr>';
  }
  slidehtml += '</table>';
  slide.innerHTML = slidehtml;

  choicehtml += '<table border="1" cellpadding="0" cellspacing="0">';
  for ( i=1; i<7; i++ ) {
    choicehtml += '<tr height="14">';
    for (j=1; j<9; j++ ) {
      ctr++;
        choicehtml += '<td height="14" width="14" bgcolor="#'+ colorList[ctr]
        +'" onclick="setCol( \'' +colorList[ctr] +'\' )">'
        + '<img src="images/blank.gif" width="14" height="14" border="0" alt=""/></a></td>';
    }
    choicehtml += '</tr>';
  }
  choicehtml += '</table>';
  choice.innerHTML = choicehtml;

  customhtml += '<table border="1" cellpadding="0" cellspacing="0"><tr>';
  for ( i=1; i<17; i++) {
    customhtml += '<td id="precell' + i
       + '" bgcolor="#ffffff" onclick="preset( '+ i
       + ' )"><img src="images/blank.gif" width="14" '
       + 'id="preimg' + i + '" height="14" border="0" alt="" /></td>';
    if ( i == 8 ) customhtml += '</tr><tr>';
  }
  customhtml += '</tr></table>';
  custom.innerHTML = customhtml;
}

function setCookie(name, value, expire) {
  document.cookie = name + "=" + escape(value)
    + ((expire == null) ? "" : ("; expires=" + expire.toGMTString ()))
}

function transferColor () {
  today= new Date ();
  expires= new Date ()
  expires.setTime( today.getTime () + 1000 * 86400 * 365 )
  setCookie("webcalendar_custom_colors",precol.join(","),expires);
  thisInput.value = '#' + document.getElementById("htmlcolor").value.toUpperCase ();
  if (thisInput.onchange) {
  // This updates the color swatch for this color input. It relies on the
  // <input>s of the prefform having onkeyup="updateColor(this);" as an
  // attribute
    thisInput.onchange ();
   }
  window.close ();
}

function getCookie(Name) {
  var search = Name + "="
  if (document.cookie.length > 0) { // if there are any cookies
    offset = document.cookie.indexOf(search)
    if (offset != -1) { // if cookie exists
       offset += search.length
       // set index of beginning of value
       end = document.cookie.indexOf(";", offset)
       // set index of end of cookie value
       if (end == -1)
          end = document.cookie.length
       return unescape(document.cookie.substring(offset, end))
    }
  }
}

function fromhex(inval) {
  out=0;
  for (a=inval.length-1;a>=0;a--)
    out+=Math.pow(16,inval.length-a-1)*hexchars.indexOf(inval.charAt(a));
  return out;
}

function tohex(inval) {
  out=hexchars.charAt(inval/16);
  out+=hexchars.charAt(inval%16);
  return out;
}

function setPreColors () {
  for (a=1;a<=16;a++) {
    document.getElementById("precell"+a).bgColor= '#'+ precol[a-1];
  }
}

function definePreColor () {
  precol[parseInt(cursorPos)-1]=curcol;
  setPreColors ();
  setCursor(parseInt(cursorPos)+1>16?1:parseInt(cursorPos)+1);
}

function preset (what) {
  setCol(precol[what-1]);
  setCursor(what);
}

function setCursor(what) {
  document.getElementById("preimg"+cursorPos).src=blankImg.src;
  cursorPos=what;
  document.getElementById("preimg"+cursorPos).src=cursorImg.src;
}

function update () {
  document.getElementById("thecell").bgColor= '#' + curcol;
  document.getElementById("rgb_r").value=currgb[0];
  document.getElementById("rgb_g").value=currgb[1];
  document.getElementById("rgb_b").value=currgb[2];
  document.getElementById("htmlcolor").value=curcol;
  setCursor(cursorPos);

  // set the cross on the colorpic
  var cross=document.getElementById("cross").style;
  var cp=document.getElementById("colorpic");
  xd=0;yd=0;lr=cp;
  while (lr!=null) {xd+=lr.offsetLeft; yd+=lr.offsetTop; lr=lr.offsetParent;}
  cross.top=(yd-9+191-191*curhsl[1]/255)+"px";
  cross.left=(xd-9+191*curhsl[0]/255)+"px";
  // update slider pointer
  var sa=document.getElementById("sliderarrow").style;
  var sp=document.getElementById("slider");
  xd=0;yd=0;lr=sp;
  while (lr!=null) {xd+=lr.offsetLeft; yd+=lr.offsetTop; lr=lr.offsetParent;}
  sa.top=(yd+187-191*curhsl[2]/255)+"px";
  sa.left=(xd+14)+"px"
  // update slider colors
  for (i=0;i<192;i++) {
    rgb=HSLtoRGB(curhsl[0],curhsl[1],255-255*i/191);
    document.getElementById("sc"+(i+1)).bgColor= '#' + tohex(rgb[0])+tohex(rgb[1])+tohex(rgb[2]);
  }
}

function HSLtoRGB (h,s,l) {
  if (s == 0) return [l,l,l] // achromatic
  h=h*360/255;s/=255;l/=255;
  if (l <= 0.5) rm2 = l + l * s;
  else rm2 = l + s - l * s;
  rm1 = 2.0 * l - rm2;
  return [ToRGB1(rm1, rm2, h + 120.0),ToRGB1(rm1, rm2, h),ToRGB1(rm1, rm2, h - 120.0)];
}

function ToRGB1(rm1,rm2,rh) {
  if      (rh > 360.0) rh -= 360.0;
  else if (rh <   0.0) rh += 360.0;
  if      (rh <  60.0) rm1 = rm1 + (rm2 - rm1) * rh / 60.0;
  else if (rh < 180.0) rm1 = rm2;
  else if (rh < 240.0) rm1 = rm1 + (rm2 - rm1) * (240.0 - rh) / 60.0;
  return Math.round ( rm1 * 255);
}

function RGBtoHSL (r,g,b) {
  min = Math.min (r,Math.min (g,b));
  max = Math.max(r,Math.max(g,b));
  // l
  l = Math.round ( (max+min)/2);
  // achromatic ?
  if (max==min) {h=160;s=0;}
  else {
  // s
    if (l<128) s=Math.round ( 255*(max-min)/(max+min));
    else s=Math.round ( 255*(max-min)/(510-max-min));
  // h
    if (r==max)  h=(g-b)/(max-min);
    else if (g==max) h=2+(b-r)/(max-min);
    else h=4+(r-g)/(max-min);
    h*=60;
    if (h<0) h+=360;
    h=Math.round ( h*255/360);
  }
  return [h,s,l];
}

function setCol(value) {
  value=value.toUpperCase ();
  if (value.length!=6) value=curcol;
  for (a=0;a<6;a++)
    if (hexchars.indexOf(value.charAt(a))==-1) {
      value=curcol;break;
    }
  curcol=value;
  currgb=[fromhex(curcol.substr (0, 2 )), fromhex(curcol.substr (2,2)), fromhex(curcol.substr (4,2))];
  curhsl=RGBtoHSL(currgb[0],currgb[1],currgb[2]);
  update ();
}

function setRGB(r,g,b) {
  if (r>255||r<0||g>255||g<0||g>255||g<0) {r=currbg[0];g=currgb[1];b=currgb[2];}
  currgb=[r,g,b];
  curcol=tohex(r)+tohex(g)+tohex(b);
  curhsl=RGBtoHSL(r,g,b);
  update ();
}

function setHSL (h,s,l) {
  if (h>255||h<0||s>255||s<0||l>255||l<0) {s=curhsl[0];s=curhsl[1];l=curhsl[2];}
  curhsl=[h,s,l];
  currgb=HSLtoRGB(h,s,l);
  curcol=tohex(currgb[0])+tohex(currgb[1])+tohex(currgb[2]);
  update ();
}

function setFromRGB () {
  r=document.getElementById("rgb_r").value;
  g=document.getElementById("rgb_g").value;
  b=document.getElementById("rgb_b").value;
  setRGB(r,g,b);
}

function setFromHTML () {
  inval=document.getElementById("htmlcolor").value.toUpperCase ();
  if (inval.length!=6) {setCol(curcol);return;}
  for (a=0;a<6;a++)
    if (hexchars.indexOf(inval.charAt(a))==-1) {
      setCol(curcol);return;
    }
  setCol(inval);
}

function setFromImage (event) {
  var x=event.offsetX;
  var y=event.offsetY;
  if (x == undefined) {
    xd=0;yd=0;lr=document.getElementById("colorpic");
    while (lr!=null) {xd+=lr.offsetLeft; yd+=lr.offsetTop; lr=lr.offsetParent;}
    x=event.pageX-xd;
    y=event.pageY-yd;
  }
  //prevent lockup if RGB = 000000 or FFFFFF
  if ( curhsl[2] == 0 || curhsl[2] == 255 ) curhsl[2] = Math.round ( 255-y*255/191);
  setHSL (Math.round ( x*255/191),Math.round ( 255-y*255/191),curhsl[2]);
}

function setFromSlider (event) {
  yd=0;lr=document.getElementById("slider");
  while (lr!=null) {yd+=lr.offsetTop; lr=lr.offsetParent;}
  y=event.clientY-yd;
  setHSL (curhsl[0],curhsl[1],Math.round ( 255-y*255/191));
}
Return current item: WebCalendar