ColorPicker for hex codes

ColorPicker for hex codes

Mod Version: 1.00, by davidw

This modification is in the archives.

vB Version: 3.5.8	Rating: (1 vote - 5.00 average)	Installs: 10
Released: 22 Jun 2006	Last Update: Never	Downloads: 17
Not Supported Additional Files Re-usable Code

Ok, here's another small hack that I threw together. It should be an easy one. I have tested this in both Firefox and IE and both work - other than those two I don't know.

This is handy for a website that allows its members to choose a color for anything - for example: allowing the user to change their username color (I used a hack for this).

I would rate this an easy modification - most everyone should be able to install this.

Don't forget to change http://www.yourwebsite.com with your domain name/location.

Step 1: Upload the entire ColorPicker folder to your website - remember where you have uploaded it to. The best place for this is in your root folder as in http://www.yourwebsite.com/ColorPicker/

Step 2: Create a reference to the colorpicker however you choose.

Add a reference from any page:

FIND:

Code:

</head>

ADD BEFORE

Code:

<SCRIPT LANGUAGE="JavaScript">
<!-- Idea by:  Nic Wolfe (email) -->
<!-- Web URL:  http://fineline.xs.mw -->
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- Begin
function popUp(URL) {
    day = new Date();
    id = day.getTime();
    eval("page" + id + " = window.open(URL, '" + id + "', 'toolbar=0,scrollbars=0,location=0,statusbar=0,menubar=0,resizable=0,width=440,height=510,left = 440,top = 287');");
}
// End -->
</script>

Find the location on the page where you want to add the link and then do one of the following

For a button, add this:

Code:

<form><input type=button value="Open the Popup Window" onClick="javascript:popUp('http://www.yourwebsite.com/ColorPicker/colorpicker.php')"></form>

For a javascript text link, add this:

Code:

<A HREF="javascript:popUp('http://www.yourwebsite.com/ColorPicker/colorpicker.php')">Open the Popup Window</A>

Ultimately, you could directly link the page itself (located in the folder).

Temporary demo location:
http://www.christianboards.org/popup.php

All I did was make use of the reference location edits (above) and put them in a fresh php file.

Download

This modification is archived and cannot be downloaded.

Screenshots

vBulletin LTS