Hi Jeremy!
Am Mittwoch, 9. April 2014 18:12:11 UTC+2 schrieb Jeremy Ruston:
>
>
> It might be helpful if you could share more of your code?
>
Except for
var EditTextWidget =
require("$:/core/modules/widgets/edit-text.js")["edit-text"];
That was pretty much everything I coded. The rest is almost just jscolor
code, which I just slightly changed but nothing in regards to any DOM.
> I don't know enough about how jscolor works. I'd expect it to be invoked
> on an input element, and to augment that element with additional DOM nodes
> for the colour picker. Does it hide the original input element, or try to
> delete it?
>
Neither. It simply puts, as far as I can see, an "onFocus" handler on it
which then generates additional DOM stuff for the colour picker. So the
original element is used. I can submit the "changehandler" (which I fail to
find).
So the full code I have, minus the jscolorcode itself, is:
/**
* jscolor, JavaScript Color Picker
*
* @version 1.4.2
* @license GNU Lesser General Public License,
http://www.gnu.org/copyleft/lesser.html
* @author Jan Odvarko, http://odvarko.cz
* @created 2008-06-15
* @updated 2013-11-25
* @link http://jscolor.com
*/
/*\
title: $:/plugins/skeeve/jscolor.js
type: application/javascript
module-type: widget
\*/
(function(){
/*jslint node: true, browser: true */
/*global $tw: true */
"use strict";
var jscolor = { // here the almost unmodified jscolor code follows
};
function twLoadImage(filename) {
var imageTiddler = $tw.wiki.getTiddler("$:/plugins/skeeve/jscolor/" +
filename);
var src = "data:" + imageTiddler.getFieldString("type") + ";base64," +
imageTiddler.getFieldString("text");
jscolor.loadImage(filename,src);
};
twLoadImage('hs.png');
twLoadImage('hv.png');
twLoadImage('cross.gif');
twLoadImage('arrow.gif');
var EditTextWidget =
require("$:/core/modules/widgets/edit-text.js")["edit-text"];
EditTextWidget.prototype.postRender = function() {
var domNode = this.domNodes[0];
if($tw.browser && this.document !== $tw.fakeDocument &&
domNode.getAttribute("type") === "color") {
jscolor.color( domNode, { hash : true, onImmediateChange :
domNode.handleInputEvent } );
}
};
})();
Shall I mail the full code?
--
You received this message because you are subscribed to the Google Groups
"TiddlyWikiDev" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To post to this group, send email to [email protected].
Visit this group at http://groups.google.com/group/tiddlywikidev.
For more options, visit https://groups.google.com/d/optout.
