// JScript File
function previewCSS() {
var cssText = '';
$('dynamiccssstyle').innerHTML = cssText;
}
function initColorPicker() {
$$('.colorbox').each(function(el) {
var inputEl = el.previousSiblings()[0];
new Control.ColorPicker(inputEl.identify(), { "swatch": el.identify() });
});
}
function initClickableLabels() {
$$('LABEL.clickable').each(function(el) {
var inputName = el.readAttribute('for');
var inputs = $$('INPUT[name="' + inputName + '"]');
if (inputs.length > 0) {
var input = inputs[0];
if (input.readAttribute('type').toLowerCase() == 'checkbox' || input.readAttribute('type').toLowerCase() == 'radio') {
if (input.checked == true) {
input.checked = false;
} else {
input.checked = true;
}
}
}
});
}
document.observe("dom:loaded", initClickableLabels);
/*
colorPicker for script.aculo.us, version 0.9
REQUIRES prototype.js, yahoo.color.js and script.aculo.us
written by Matthias Platzer AT knallgrau.at
for a detailled documentation go to http://www.knallgrau.at/code/colorpicker
*/
if (!Control) var Control = {};
Control.colorPickers = [];
Control.ColorPicker = Class.create();
Control.ColorPicker.activeColorPicker;
Control.ColorPicker.CONTROL;
/**
* ColorPicker Control allows you to open a little inline popUp HSV color chooser.
* This control is bound to an input field, that holds a hex value.
*/
Control.ColorPicker.prototype = {
initialize: function(field, options) {
var colorPicker = this;
Control.colorPickers.push(colorPicker);
this.field = $(field);
this.fieldName = this.field.name || this.field.id;
this.options = Object.extend({
IMAGE_BASE: "images/colorpicker/"
}, options || {});
this.swatch = $(this.options.swatch) || this.field;
this.rgb = {};
this.hsv = {};
this.isOpen = false;
// create control (popUp) if not already existing
// all colorPickers on a page share the same control (popUp)
if (!Control.ColorPicker.CONTROL) {
Control.ColorPicker.CONTROL = {};
if (!$("colorpicker")) {
var control = Builder.node('div', { id: 'colorpicker' });
control.innerHTML =
'
' :
'
'
) +
'' +
'
