Comments on: Oh The Things You’ll Learn

By: Louie Holmes

Louie Holmes — Wed, 12 May 2010 16:39:31 +0000

I always use Adobe illustrator at work because i work in an animation studio. this is really a serious tool for the graphic artist.;’~

By: Jeff Schiller

Jeff Schiller — Wed, 01 Jul 2009 22:16:12 +0000

Originally I had thought to use the complement color so that I can safely show where the gradient stop is in the picker. After playing with this in the browsers that work, I realized it doesn’t really look that good so I’ll probably end up dropping the whole complement color.

I’d still like to reliably be able to get the RGB components of a color input by the user though.

By: James

James — Wed, 01 Jul 2009 22:01:02 +0000

Didnt know you wanted the web user to be able to do this. Of what goodly use is this function going to serve?

James

By: Jeff Schiller

Jeff Schiller — Wed, 01 Jul 2009 21:39:32 +0000

@James: Your solution sounds really intriguing! One thing I couldn’t figure out though: How could I get the web server to open up Adobe Illustrator when the user enters the color on the web page?

By: James

James — Wed, 01 Jul 2009 20:43:58 +0000

Propeller heads make things hard. Just open Adobe Illustrator, create a box, fill the box with your color, ask for the the complement from the color window and be done with it.

James

By: CPKS

CPKS — Sun, 28 Jun 2009 17:06:37 +0000

Not pretty, is it? The incantations required to get IE to behave seem to become more recondite by the version: prior to IE8, the ‘BackColor’ command could be used to the same effect, but not any more: nous avons changé tout celà. Like you, I observe that it works and move on…

By: Jeff Schiller

Jeff Schiller — Sun, 28 Jun 2009 14:47:08 +0000

@CPKS: Ah, so getComputedStyle is another way, though it seems you may have to still parse from rgb() to hex for some browsers? Thanks a lot for this!

That IE stuff is just disturbing to me. I don’t know what createTextRange(), moveToElementText(), execCommand() and queryCommandValue() really do. Lucky I don’t have to deal with it at the moment.

By: CPKS

CPKS — Sun, 28 Jun 2009 14:34:18 +0000

getComputedColour = function(colour) {

var d = document.createElement(‘DIV’);

d.style.backgroundColor = colour;

document.body.appendChild(d);

if(window.getComputedStyle) { // Mozilla, Opera, Chrome, Safari

var rtn = document.defaultView.getComputedStyle(d, null).getPropertyValue(‘background-color’);

d.parentNode.removeChild(d);

if (rtn.substr(0, 3) === “rgb”) rtn = rgb2Hex(rtn);

return rtn;

}

else { // IE

var rng = document.body.createTextRange();

rng.moveToElementText(d);

rng.execCommand(‘ForeColor’, false, colour);

var iClr = rng.queryCommandValue(‘ForeColor’);

var rgb = “rgb(“+(iClr & 0xFF)+”, “+((iClr & 0xFF00)>>8)+”, “+((iClr & 0xFF0000)>>16)+”)”;

d.parentNode.removeChild(d);

rng = null;

return rgb2Hex(rgb);

}