ICONICO

ColorPop

The Professional Webpage Popup Color Selector

ColorPop
ColorPopColorPop is the professional pop-up color picker control for webpages. You can include Colorpop on any website and the demonstration files in the download should make this straightforward. If you have questions or need more details then please read on.
I've got the serial number, now what?
First, you need to activate it. This allows us to generate a key that is unique to your web site and stops other people using your serial number.

In the email that you received with the serial number there is a link to the activation page. Alternatively you can go to the activation page and enter your serial number in the first field. Put your website address in the second field and click the Activate button.

This generates an XML key file that contains your serial number, domain name and a unique key. Download the XML file into your ColorPop folder, overwriting the example colorpop.xml file that is already there.
I've downloaded the XML key, how do I make ColorPop appear on my web page?
To get ColorPop on your site just follow these simple steps:

  1. Download ColorPop, unzip it and copy the colorpop folder into your web site.
  2. Purchase a license, activate it and copy the colorpop.xml file into the colorpop folder. If you're using ColorPop on your development server, you don't need to buy a license as long as you use http://localhost/ to access your development web site.
  3. Add colorpop to your web page by including the following HTML in the <head> section of your page, replacing [path] with the path to the colorpop folder on your site:

    <script language="javascript" src="[path]/colorpop.js"></script>

  4. Add the following code in the appropriate place in the <body> section of your page:

    Choose a color: <input type="text" id="cp_field" onfocus="colorPop('cp_field', 'cp_image')" readonly />
    <a href="javascript:colorPop('cp_field', 'cp_image')" title="Choose Color">
        <img src="colorpop/colorpop_icon.gif" id="cp_image" width="20" height="20" border="0" align="top" style="border:1px #666 outset;" />
    </a>
And that's it!
Can I have more than one ColorPop per page?
Of course! To do this, simply give each text field and associated image a unique ID, for example cp_field1 & cp_image1; cp_field2 & cp_image2 etc. You'll need to change the ID in the link too. In the code below, the text in red shows what will need changing for each ColorPop:

Choose a color: <input type="text" id="cp_field" onfocus="colorPop('cp_field', 'cp_image')" readonly />
<a href="javascript:colorPop('cp_field', 'cp_image')" title="Choose Color">
    <img src="colorpop/colorpop_icon.gif" id="cp_image" width="20" height="20" border="0" align="top" style="border:1px #666 outset;" />
</a>
How do I show the large one or the small one?
Simply change the name of the function that is called; if you want to the large version use colorPop and if you want the small version use colorPopMini. You can also mix both versions in the same page. The text in red below shows what you need to change:

Choose a color: <input type="text" id="cp_field" onfocus="colorPop('cp_field', 'cp_image')" readonly />
<a href="javascript:colorPop('cp_field', 'cp_image')" title="Choose Color">
    <img src="colorpop/colorpop_icon.gif" id="cp_image" width="20" height="20" border="0" align="top" style="border:1px #666 outset;" />
</a>
I downloaded ColorPop, why doesn't it work on my site?
While it's really easy to add ColorPop to your web site, there are a few things that might be causing your problem:
  • Have you bought a license? ColorPop won't work on a live web site without one.
  • Have you got the correct key? You can check if the key is right for the site by opening the colorpop.xml file and looking for the line <domain>yourdomain.com</domain>. The domain name must match your site's domain name, but you can use it on any subdomain or folder, with http:// or https:// .
  • Have you copied the colorpop folder to your web site? It contains all of the components needed to make ColorPop work.
  • Have you included the colorpop.js file in your web page? Do this by including the following HTML in the <head> section of your page, replacing [path] with the path to the colorpop folder on your site:

    <script language="javascript" src="[path]/colorpop.js"></script>

  • Do the IDs of your text box and image match the IDs in your javascript function calls? For example, in the code below, the ID of the text box is cp_field, the image ID is cp_image and the same IDs are used when calling the colorPop function:

    Choose a color: <input type="text" id="cp_field" onfocus="colorPop('cp_field', 'cp_image')" readonly />
    <a href="javascript:colorPop('cp_field', 'cp_image')" title="Choose Color">
        <img src="colorpop/colorpop_icon.gif" id="cp_image" width="20" height="20" border="0" align="top" style="border:1px #666 outset;" />
    </a>
How do I stop people stealing my serial number?
There's no way people can steal your serial number, because it's no use without the corresponding domain and key. Even if someone copies your colorpop.xml file and places it on their web site, it won't work because the domain and key are not correct.
When I open it, I just get lots of boxes of colors - why is that?
Some browsers and operating systems don't support the technology that ColorPop uses. If you're using one of these, ColorPop will display 256 HTML-safe colours for you to choose from instead.
Which browsers/operating systems support ColorPop?
All browsers with JavaScript support will be able to use ColorPop. However, the full version is only supported by Internet Explorer 5+, Firefox (Windows only) and AOL Browser 7+ (Windows only). All other browsers will display 256 HTML-safe colours for your users to choose from instead. ColorPop doesn't require any special server configuration so it will run on any webserver, including the IIS and Apache.
I get an error message saying that my XML key file is missing or incorrect. What does that mean?
There are three reasons why you may receive this error:

  1. The XML key file is missing - check that you have a colorpop.xml file in your colorpop folder.
  2. The XML key file is incorrect - when you activate your license, download the colorpop.xml file and copy it over the example file already in the colorpop folder. You cannot use someone else's XML key file on your web site.
  3. The domain is incorrect - open the colorpop.xml file and check that the domain listed is the same as the domain you are accessing ColorPop from. Look for the line <domain>yourdomain.com</domain>. The domain name must match your site's domain name, but you can use it on any subdomain or folder, with http:// or https:// .
Can I use it on my development server, or do I need to have another license?
ColorPop allows you to use it without an XML key file as long as you are accessing it via the file system (the address in your browser starts file://) or using localhost (the address in your browser starts http://localhost/). If your development server is accessed via another method you will need to purchase a separate license.
I have more than one domain name for my site. Can I get another key?
Yes, please contact us about multiple keys.
How can I suggest a feature or report a bug?
We'd love to hear any ideas you have for improvements to ColorPop, especially if you find a problem with it!
I have a question not listed here, how do I get help?
If you'd like to get help with a feature, or you can't make it work, please contact us.

Our Software Stores

IconicoAccurate Design and Development Software

BitsDuJourDiscount Deal Coupons for Windows and Mac Software Apps

Our Software Services

SoftwareMarketingResourceYou Wrote the Code, Now How do you Sell it?

IcoBlogOur Official Blog

© copyright 2004-2014 Iconico, Inc. Code & Design. All Rights Reserved. Terms & Conditions Privacy Policy Terms of Use