Color Picker for Admin CP Style Properties

OK, a few people mentioned they want this so here goes:
popup color-picker for the Administration Control Panel's Style Properties page
(where you select the colours for your BB style theme(s)).

The hack is extremely easy to install:

1) Download the attachment.

2) Upload colors.gif and picker.php to your forums' /admin/ directory.

3) Open admin/style.php and find:

PHP Code:

        if ($iscolor) {
            echo "20\" onchange=\"updatecolor(this.form.preview$idvalue,this.value,'$idvalue')\" id=\"$idvalue\">\n";
            echo "<input type=\"button\" disabled value=\"              \" id=\"preview$idvalue\" style=\"background-color:$itemarray[replaceword]\">"; 


Replace with:

PHP Code:

        if ($iscolor) {
            echo "20\" onchange=\"updatecolor(this.form.preview$idvalue,this.value,'$idvalue')\" id=\"$idvalue\">\n";
            echo "<input type=\"button\" onclick=\"window.open('picker.php?fieldname=$name&idvalue=$idvalue','color','width=202,height=124,left=539,top=450');\" value=\" Click to Pick \" id=\"preview$idvalue\" style=\"background-color:$itemarray[replaceword]; font-weight: bold\">"; 


Save the file and upload it to /admin/

That's it!

Demonstration

Now, go to your style editor page, and click on any
button next to one of the colour value fields:



When you click on a button next to the color value you
need to fill, a small pop-up window will jump:



For an alternative colour chart, scroll down to post #25

Clicking on any of the colours will immediately fill in its
respective value in the correct field, as well as change
the background colour of the respective button.



Enjoy

Cheers,

Bira

IMPORTANT COMMENT ABOUT BROWSERS:

This hack has been tested and functions on IE 5, 5.5, 6; Netscape 4.7, 6.2, and Opera 6.

HOWEVER, the background color of the buttons will change ONLY in IE. The value will be passed to the form field just fine (you can see the text changing), but the background colour for the button will NOT change (it remains that default beige-grey) in any browser except IE.

I repeat: THE HACK WILL WORK ON ALL BROWSERS. It's only the display that is impared.

[Admin]

Using IE 6 btw.

[bira]

I am assuming all you guys have javascript enabled?

This is so weird.

[Crinos]

[QUOTE]Originally posted by bira
I am assuming all you guys have javascript enabled?

[bira]

Try something:

download the attachment in this post and upload this new picker.html to your /admin/ dir. Then try using it again and let me know.

Thanks

[bira]

errmm... actually uploading the attachment would be noce

[Crinos]

Tried it ... still doesn't put the RGB code into the field

I tried it on IE 5.5, Mozilla, Opera and Netscape 6 ... no go

I wonder what's wrong ... it worked for the first ones who tried it ....

Thanks though...

[bira]

I have an idea where the problem may be.

Crinos, can you please e-mail me a copy of your style.php to goren@atlasf1.com ?

Thanks

[bira]

ok, got it....

Those who can't get the script to work, please do the following:

1) rename picker.html to picker.php
2) in style.php, replace:

onclick=\"window.open('picker.html

to

onclick=\"window.open('picker.php

save & upload, and give it a try.

Let me know please

[Admin]

D'oh, putting

<?php echo $fieldname ?>

and calling it .html.

Working great now!

[bira]

yeah, it occured to me that some people here may not have .html parsed as php in their httpd.conf (which, I must admit, I'm surprised you don't)