At one point or another, while developing a backend admin section, the client will ask for the ability to change the color of something. Be it text, backgrounds, or you just want to add this ability to your next project, this tutorial will demonstrate an easy way to create a dynamic color picker, that when a color is picked, it will automaticly insert that value into the desired form field. See demo here.
Before we begin, you will need to download thetransperent gif below.
 |
For this tutorial we will only need two CFM files. One file will contain the form elements, and the other will be the pop-up color picker. Below is the code for the form.cfm
|
FORM.CFM <!DOCTYPE
html public "-//W3C//DTD HTML 4.0 Transitional//EN"> |
The main thing to be awaer of here is in the javascript function. I bolded the the important area above.
FORMFIELD= Whatever your form is called. VERY IMPORTANT. if theses fields are not the same, it will not work.
.ColorValue This is the field you want to target. You can have several of these color pickers on your page but this field needs to be unique to the form field you are wanting to change.
|
<CFPARAM
name="show" default="Other"> <!---
It's worth moting here. The color values you see below are on different
lines for visual refrence only. <CFSET
TheColors = "000000,111111,222222,333333,444444,555555,666666, <CFSET
TheCount = 0>
|
Thats it. Just go to form.cfm,
and test it out.
The following download is associated with this tutorial: Download all the code here.
-
Adding an indexed Search to your site (Part 1)
It is very easy to set up and create a professional search function much like a real search engine. Use Verity Collections and thetag to create fast search forms for your web sites.
Author: Mark Aplet
Views: 28,956
Posted Date: Saturday, February 1, 2003 -
Adding an indexed Search to your site (Part 2)
The long overdue part two of adding a verity search function. This part demonstrates how to index the information in your database so that it becomes usefull too.
Author: Mark Aplet
Views: 18,642
Posted Date: Monday, May 5, 2003 -
Banning the spam
Internet spam is on the rise, and more importantly spammers are targeting your sites comment forms. They are looking for the trackback urls to fool search engines into ranking their website higher in the search results. When this started to happen to me, I wanted to sent out emails to the offenders demanding that they stop. Unfortunatly the spam is being generated by bots and programs not some pimple faced kid behind a keyboard. Banning IP addresses is not enough and rarely works since intelligent spammers hide their true identity anyway. Next approach... Banning Keywords used by the offending sites. Thats where this tutorial comes in.
Author: Mark Aplet
Views: 6,873
Posted Date: Wednesday, March 15, 2006 -
Changing site color scheme
Add some personalization to your pages by letting the user pick their own color scheme. It's really quite simple and the benifits are awsome. This tutorial shows you how to set up your pages to use a dynamicly included scheme. It will also show you how to create all the pages neccessary to administer the color schemes.
Author: Mark Aplet
Views: 17,859
Posted Date: Friday, November 29, 2002 -
Color Picker
Sometimes, you want to be able to change the color of something on your page. Be it one item, or every item on the page. Using this simple color picker, you can create admin areas that can allow you or your visitors to pick their own colors and the value is automatically inserted into a text field.
Author: Mark Aplet
Views: 11,473
Posted Date: Saturday, July 12, 2003 -
Dynamic Sorting with CFSWITCH
Quickly and easily sort and order records in your database using a cfswitch in your query. Great technique for admin areas of your site, or just allowing visitors to sort the fields they want.
Author: Mark Aplet
Views: 14,260
Posted Date: Sunday, August 3, 2003 -
Improving Application Performance
One thing I am always trying to do is speed up my applications. As my site grows in size and complexity I find that I spend a fair amount of time re-coding pages because of a new technique I just learned. I wish I had learned about these techniques long before, and thereby allowing me to create more effective code. In this tutorial I'll try to explain some problem areas that I have identified, and some of the things you can do to improve performance.
Author: Mark Aplet
Views: 12,569
Posted Date: Monday, January 12, 2004 -
Improving Application Performance (Part 2)
Not all queries can be saved as an application variable. For Queries that do not meet the checkpoints in my previous tutorial there is another way to improve performance. Query Caching is another way to save data and eliminate unnecessary queries. This is for queries that are more dynamic in nature.
Author: Mark Aplet
Views: 8,657
Posted Date: Monday, January 12, 2004 -
Slighty better search
Someone on the forum posed a question a short while ago asking how to create a more advanced search function using a + symbol as a separator. So I created this advanced search function. This search function is just slightly better than a normal search as it adds the ability to separate two keywords with a + symbol. Lets start with the search form.
Author: Mark Aplet
Views: 13,588
Posted Date: Thursday, December 4, 2003
