Connecting Tech Pros Worldwide Help | Site Map

Get background color from IE in rgb format?

 
LinkBack Thread Tools Search this Thread
  #1  
Old May 19th, 2006, 09:25 PM
teresni@ucia.gov
Guest
 
Posts: n/a
Default Get background color from IE in rgb format?

We've got some JavaScript code that gets the current background color.
It works, but Netscape returns it in rgb format, while IE returns it as
the color
text name (e.g., 'white'). We need to do some math calculations on the
color,
so I want the rgb values. How can I get IE to return the background
color in rgb
format, or how do I convert the text color to its rgb value? Thanks!


  #2  
Old May 19th, 2006, 09:55 PM
Hal Rosser
Guest
 
Posts: n/a
Default Re: Get background color from IE in rgb format?

Here's a link that may help
http://web.njit.edu/~kevin/rgb.txt.html

<teresni@ucia.gov> wrote in message
news:1148073953.163058.305200@y43g2000cwc.googlegr oups.com...[color=blue]
> We've got some JavaScript code that gets the current background color.
> It works, but Netscape returns it in rgb format, while IE returns it as
> the color
> text name (e.g., 'white'). We need to do some math calculations on the
> color,
> so I want the rgb values. How can I get IE to return the background
> color in rgb
> format, or how do I convert the text color to its rgb value? Thanks!
>[/color]

Here's a link that may help
http://web.njit.edu/~kevin/rgb.txt.html
HTH
Hal


  #3  
Old May 21st, 2006, 06:46 AM
teresni@ucia.gov
Guest
 
Posts: n/a
Default Re: Get background color from IE in rgb format?

Thanks, but I don't want to hardcode the rgb values in my code. I was
hoping for some attribute I could access or parameter I could pass to
an existing method that would return the current background color as an
rgb value rather than as the color name.

  #4  
Old May 21st, 2006, 06:46 AM
James Black
Guest
 
Posts: n/a
Default Re: Get background color from IE in rgb format?


teresni@ucia.gov wrote:[color=blue]
> Thanks, but I don't want to hardcode the rgb values in my code. I was
> hoping for some attribute I could access or parameter I could pass to
> an existing method that would return the current background color as an
> rgb value rather than as the color name.[/color]

I haven't tried it, but you could look at
http://www.phpied.com/rgb-color-parser-in-javascript/

  #5  
Old May 21st, 2006, 11:25 AM
Marc
Guest
 
Posts: n/a
Default Re: Get background color from IE in rgb format?


<teresni@ucia.gov> schreef in bericht
news:1148073953.163058.305200@y43g2000cwc.googlegr oups.com...[color=blue]
> We've got some JavaScript code that gets the current background color.
> It works, but Netscape returns it in rgb format, while IE returns it as
> the color
> text name (e.g., 'white'). We need to do some math calculations on the
> color,
> so I want the rgb values. How can I get IE to return the background
> color in rgb
> format, or how do I convert the text color to its rgb value? Thanks!
>[/color]

Only works for Internet Explorer!!!!!!!!!!

Create a table with it's visibility style set to hidden, set this tables
bgcolor
to the named color:
<table id="temptable" bgcolor="indigo"><tr><td></td></tr></table>

then request back the color:
document.getElementById("temptable").bgColor

it should return a hex color...

full sample:

<html>
<head>
<style>
#temptable{visibility:hidden}
</style>
<script>
var hexChars = "0123456789ABCDEF";
function Dec2Hex (Dec) {
// this function isn't used in this sample
var a = Dec % 16;
var b = (Dec - a)/16;
hex = "" + hexChars.charAt(b) + hexChars.charAt(a);
return hex;
}
function Hex2Dec(HexVal){
HexVal = HexVal.toUpperCase();
var DecVal = 0;
var temp = HexVal.substring(0,1);
DecVal = (hexChars.indexOf(temp) * 16);
temp = HexVal.substring(1);
DecVal += hexChars.indexOf(temp);
return DecVal;
}

function test(){
var HexString = document.getElementById("temptable").bgColor;
var r = Hex2Dec(HexString.substring(1,3));
var g = Hex2Dec(HexString.substring(3,5));
var b = Hex2Dec(HexString.substring(5,7));
alert("hex: " + HexString + "\nrgb: " + r + " " + g + " " + b);
}
</script>
</head>
<body onclick="test()">

<table id="temptable" bgcolor="indigo"><tr><td></td></tr></table>

</body>
</html>


  #6  
Old May 21st, 2006, 05:05 PM
Evertjan.
Guest
 
Posts: n/a
Default Re: Get background color from IE in rgb format?

Marc wrote on 21 mei 2006 in comp.lang.javascript:
[color=blue]
> function Hex2Dec(HexVal){
> HexVal = HexVal.toUpperCase();
> var DecVal = 0;
> var temp = HexVal.substring(0,1);
> DecVal = (hexChars.indexOf(temp) * 16);
> temp = HexVal.substring(1);
> DecVal += hexChars.indexOf(temp);
> return DecVal;
>}
>[/color]

function Hex2Dec(x){
var y = 0, z;
for(var i=0;i<x.length;i++){
z = x.toUpperCase().charCodeAt(i)
y = 16*y+z-((z<58)?48:55)
}
return y;
}

[works for any length hex string within reason, even empty string]

==================

function colorhex2dec(x){
return x.replace(/(..)/g,function($1){return Hex2Dec($1)+' '})
}

alert(colorhex2dec('abcd10')) // 171 205 16



--
Evertjan.
The Netherlands.
(Please change the x'es to dots in my emailaddress)
  #7  
Old May 22nd, 2006, 05:25 AM
Marc
Guest
 
Posts: n/a
Default Re: Get background color from IE in rgb format?

<knip>[color=blue]
>
> function Hex2Dec(x){
> var y = 0, z;
> for(var i=0;i<x.length;i++){
> z = x.toUpperCase().charCodeAt(i)
> y = 16*y+z-((z<58)?48:55)
> }
> return y;
> }
>
> [works for any length hex string within reason, even empty string]
>
> ==================
>
> function colorhex2dec(x){
> return x.replace(/(..)/g,function($1){return Hex2Dec($1)+' '})
> }
>
> alert(colorhex2dec('abcd10')) // 171 205 16
>[/color]

Ah! nice... ;-)


  #8  
Old May 22nd, 2006, 07:05 AM
Evertjan.
Guest
 
Posts: n/a
Default Re: Get background color from IE in rgb format?

Marc wrote on 22 mei 2006 in comp.lang.javascript:
[color=blue]
> <knip>[/color]

Going Dutch?

Chello.nl?

--
Evertjan.
The Netherlands.
(Please change the x'es to dots in my emailaddress)
  #9  
Old May 22nd, 2006, 07:05 AM
Marc
Guest
 
Posts: n/a
Default Re: Get background color from IE in rgb format?

>> <knip>[color=blue]
>
> Going Dutch?
>
> Chello.nl?
>[/color]
yeps... but now at work ;-)


 

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is Off
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On

Popular Articles

What is Bytes?

We are a network of experts and professionals in IT and software development that help one another with answers to tough questions and share insights. Get the best answers to your questions from over 220,662 network members.