Go to main content

Textpattern CMS support forum

You are not logged in. Register | Login | Help

#1 2008-04-01 05:55:23

MattD
Plugin Author
From: Monterey, California
Registered: 2008-03-21
Posts: 1,254
Website

msd_admin_colorpicker: Adds colorpicker to write tab

I’ve created a simple plugin (first for me) to add a color picker to a custom color field in the write tab allowing you to associate a color with each article.

Adds a jQuery color picker to the a custom field in the write tab of Textpattern allowing you to associate a custom color with each article.
Requires:
jQuery
To use:
Install and activate the plugin!

Thank you Steven Wittens for the farbtastic color picker and to Jon-Michael Deldin for his suggestions.

Download Plugin

Lastest version no longer requires the images that were previously provided in the “msd_admin_colorpicker_plugin_images.zip

  • v1.0 – allows you to edit the custom field and default color in the extensions tab.
  • v1.1 – Added MLP code so it “should” work with MLP.
  • v1.2 – Fixed missing save button in preferences.
  • v2.0 – Rewrote plugin for better practices and readability. Also added a toggle to the custom field to display the colorpicker.
  • v2.1 – Fixed [+] to show when hidden. It was backwards.
  • v2.2 – change include for txp_prefs to include_once
  • v2.3 – fixed missing pref install
  • v2.4 – Added colorpicker to the preferences tab.
  • v2.5 – fixed [-] which was somehow replaced with strange encoded character.
  • v2.6 – hopefully fixed mutli site use case by removing “hu” from urls and using relative urls.

Last edited by MattD (2010-09-08 20:49:03)


My Plugins

Piwik Dashboard, Google Analytics Dashboard, Minibar, Article Image Colorpicker, Admin Datepicker, Admin Google Map, Admin Colorpicker

Offline

#2 2008-04-01 06:30:12

jm
Plugin Author
From: Missoula, MT
Registered: 2005-11-27
Posts: 1,746
Website

Re: msd_admin_colorpicker: Adds colorpicker to write tab

Welcome to the fold :). A couple suggestions:

  1. Create an extensions tab (or integrate with preferences), so the user can select a custom field
  2. Use hu for paths – some users install TXP in subdirectories
  3. Use a similar jQuery plugin inline (with inline CSS), so your plugin is easier to install (TXP users == lazy). Of course, this negates #2 :).

This is me being nosy, but I made a few modifications to your plugin for valid output and less escaping:

if (@txpinterface == 'admin')
{
	register_callback('msd_admin_colorpicker', 'article');
	ob_start('msd_admin_colorpicker');
}

// insert your js before </head>
function msd_admin_colorpicker($buffer)
{
	$find = '</head>';
	$replace = '
		<script src="'. hu .'js/mootools.js" type="text/javascript"></script>
		<script src="'. hu .'js/mooRainbow.js" type="text/javascript"></script>
		<link href="'. hu .'css/mooRainbow.css" rel="stylesheet" type="text/css" />
		<script type="text/javascript">
	';
		$replace .= "
			window.addEvent('domready', function() {	
				var r = new MooRainbow('custom-2', {	
					'onChange': function(color) {		
						$('custom-2').value = color.hex.substring(1);	
					}
				});
				r.manualSet('#'+$('custom-2').value, 'hex');
			});
		</script>
		";

	return str_replace($find, $replace.$find, $buffer);
}

Last edited by jm (2008-04-01 06:34:59)

Offline

#3 2008-04-01 06:39:26

MattD
Plugin Author
From: Monterey, California
Registered: 2008-03-21
Posts: 1,254
Website

Re: msd_admin_colorpicker: Adds colorpicker to write tab

I’ve updated it. Thanks for the suggestions. It’s been a long time since I’ve done any php. One thing, after this update it appears to interfere with rss_admin_show_adv_opts


My Plugins

Piwik Dashboard, Google Analytics Dashboard, Minibar, Article Image Colorpicker, Admin Datepicker, Admin Google Map, Admin Colorpicker

Offline

#4 2008-04-03 00:13:32

MattD
Plugin Author
From: Monterey, California
Registered: 2008-03-21
Posts: 1,254
Website

Re: msd_admin_colorpicker: Adds colorpicker to write tab

I’ve made a version using the jquery color picker but the one you link to as well as all the others I can find require some images. Is there a good way to handle images that are required for a plugin?


My Plugins

Piwik Dashboard, Google Analytics Dashboard, Minibar, Article Image Colorpicker, Admin Datepicker, Admin Google Map, Admin Colorpicker

Offline

#5 2008-04-03 04:21:24

jm
Plugin Author
From: Missoula, MT
Registered: 2005-11-27
Posts: 1,746
Website

Re: msd_admin_colorpicker: Adds colorpicker to write tab

Blasted images! :P I can think of three ways:

  1. Data URI images. The only downside is IE <8 doesn’t support it. Here’s a modified CSS file.
  2. Free image hosting like PhotoBucket
  3. Make people upload a few images and specify where they’re at via an extensions tab. This actually wouldn’t be so bad, so its probably a good alternative to #1.

Offline

#6 2008-04-03 13:40:39

colak
Admin
From: Cyprus
Registered: 2004-11-20
Posts: 8,285
Website

Re: msd_admin_colorpicker: Adds colorpicker to write tab

jm wrote:

3. Make people upload a few images and specify where they’re at via an extensions tab. This actually wouldn’t be so bad, so its probably a good alternative to #1.

I think that this might be the best option as long as the images reside in a directory within the ‘images’ folder. This will help for people who migrate sites.


Yiannis
——————————
neme.org | hblack.net | LABS | State Machines | NeMe @ github | Covid-19; a resource
I do my best editing after I click on the submit button.

Offline

#7 2008-04-03 15:59:51

MattD
Plugin Author
From: Monterey, California
Registered: 2008-03-21
Posts: 1,254
Website

Re: msd_admin_colorpicker: Adds colorpicker to write tab

So going with the “upload a few images” way what is the best way to package the plugin?


My Plugins

Piwik Dashboard, Google Analytics Dashboard, Minibar, Article Image Colorpicker, Admin Datepicker, Admin Google Map, Admin Colorpicker

Offline

#8 2008-05-30 12:58:51

wet
Developer
From: Lenzing, Austria
Registered: 2005-06-06
Posts: 3,267
Website

Re: msd_admin_colorpicker: Adds colorpicker to write tab

BEWARE: We were notified that the downloadable plugin doesn’t contain any usable plugin code, but the rather useless one-liner F...ck3d By_FatiH.

Textpattern itself is polite by nature, so it won’t load such a blunt harassment as a plugin.

Offline

#9 2008-05-30 15:55:28

MattD
Plugin Author
From: Monterey, California
Registered: 2008-03-21
Posts: 1,254
Website

Re: msd_admin_colorpicker: Adds colorpicker to write tab

This is fixed. I’ve had tons of problems with my host and haven’t had time to ditch them.

Update: Lame Host Ditched!

Last edited by MattD (2009-11-03 18:50:04)


My Plugins

Piwik Dashboard, Google Analytics Dashboard, Minibar, Article Image Colorpicker, Admin Datepicker, Admin Google Map, Admin Colorpicker

Offline

#10 2008-08-14 18:15:16

MattD
Plugin Author
From: Monterey, California
Registered: 2008-03-21
Posts: 1,254
Website

Re: msd_admin_colorpicker: Adds colorpicker to write tab

I made a small change to allow you to easily edit which field is used for the colorpicker within the plugin code.


My Plugins

Piwik Dashboard, Google Analytics Dashboard, Minibar, Article Image Colorpicker, Admin Datepicker, Admin Google Map, Admin Colorpicker

Offline

Board footer

Powered by FluxBB