david
802479ed64
git-svn-id: https://192.168.0.254/svn/Proyectos.FundacionLQDVI_WebCongresos/trunk@2 94ccb1af-fd9d-d947-8d90-7f70ea60afc8
1390 lines
74 KiB
JavaScript
1390 lines
74 KiB
JavaScript
/*
|
|
/**
|
|
* CHRONOFORMS version 3.0
|
|
* Copyright (c) 2008 Chrono_Man, ChronoEngine.com. All rights reserved.
|
|
* Author: Chrono_Man (ChronoEngine.com)
|
|
You are not allowed to copy or use or rebrand or sell any code at this page under your own name or any other identity!
|
|
Unlike the Chronoforms extension license, This file is NOT released under the GNU/GPL license and it can be distributed with the Chronoforms package distributed by ChronoEngine.com ONLY according to a written permission from "this" file's owner, if you want to include this file in any packages then you MUST get a written permission from the owner, contact webmaster@chronoengine.com for more details!
|
|
* See readme.html.
|
|
* Visit http://www.ChronoEngine.com for regular update and information.
|
|
**/
|
|
var ChronoTips = new Class({
|
|
options: {
|
|
onShow: function(tip){
|
|
tip.setStyle('visibility', 'visible');
|
|
},
|
|
onHide: function(tip){
|
|
tip.setStyle('visibility', 'hidden');
|
|
},
|
|
maxTitleChars: 30,
|
|
showDelay: 100,
|
|
hideDelay: 100,
|
|
className: 'tool',
|
|
offsets: {'x': 16, 'y': 16},
|
|
fixed: false
|
|
},
|
|
initialize: function(elements, lasthope,options){
|
|
this.setOptions(options);
|
|
this.lasthope = lasthope;
|
|
this.toolTip = new Element('div', {
|
|
'class': 'cf_'+this.options.className + '-tip',
|
|
'id': this.options.className + '-tip-' + this.options.elementid,
|
|
'styles': {
|
|
'position': 'absolute',
|
|
'top': '0',
|
|
'left': '0',
|
|
'visibility': 'hidden'
|
|
}
|
|
}).inject(document.body);
|
|
this.wrapper = new Element('div').inject(this.toolTip);
|
|
$$(elements).each(this.build, this);
|
|
if (this.options.initialize) this.options.initialize.call(this);
|
|
},
|
|
|
|
build: function(el){
|
|
el.$tmp.myTitle = (el.href && el.getTag() == 'a') ? el.href.replace('http://', '') : (el.rel || false);
|
|
if (el.title){
|
|
var dual = el.title.split('::');
|
|
if (dual.length > 1){
|
|
el.$tmp.myTitle = dual[0].trim();
|
|
el.$tmp.myText = dual[1].trim();
|
|
} else {
|
|
el.$tmp.myText = el.title;
|
|
}
|
|
el.removeAttribute('title');
|
|
} else {
|
|
var dual = this.lasthope.split('::');
|
|
if (dual.length > 1){
|
|
el.$tmp.myTitle = dual[0].trim();
|
|
el.$tmp.myText = dual[1].trim();
|
|
} else {
|
|
el.$tmp.myText = el.title;
|
|
}
|
|
}
|
|
if (el.$tmp.myTitle && el.$tmp.myTitle.length > this.options.maxTitleChars) el.$tmp.myTitle = el.$tmp.myTitle.substr(0, this.options.maxTitleChars - 1) + "…";
|
|
el.addEvent('mouseenter', function(event){
|
|
this.start(el);
|
|
if (!this.options.fixed) this.locate(event);
|
|
else this.position(el);
|
|
}.bind(this));
|
|
if (!this.options.fixed) el.addEvent('mousemove', this.locate.bindWithEvent(this));
|
|
var end = this.end.bind(this);
|
|
el.addEvent('mouseleave', end);
|
|
el.addEvent('trash', end);
|
|
},
|
|
start: function(el){
|
|
this.wrapper.empty();
|
|
if (el.$tmp.myTitle){
|
|
this.title = new Element('span').inject(new Element('div', {'class': 'cf_'+this.options.className + '-title'}).inject(this.wrapper)).setHTML(el.$tmp.myTitle);
|
|
}
|
|
if (el.$tmp.myText){
|
|
this.text = new Element('span').inject(new Element('div', {'class': 'cf_'+this.options.className + '-text'}).inject(this.wrapper)).setHTML(el.$tmp.myText);
|
|
}
|
|
$clear(this.timer);
|
|
this.timer = this.show.delay(this.options.showDelay, this);
|
|
},
|
|
end: function(event){
|
|
$clear(this.timer);
|
|
this.timer = this.hide.delay(this.options.hideDelay, this);
|
|
},
|
|
|
|
position: function(element){
|
|
var pos = element.getPosition();
|
|
this.toolTip.setStyles({
|
|
'left': pos.x + this.options.offsets.x,
|
|
'top': pos.y + this.options.offsets.y
|
|
});
|
|
},
|
|
|
|
locate: function(event){
|
|
var win = {'x': window.getWidth(), 'y': window.getHeight()};
|
|
var scroll = {'x': window.getScrollLeft(), 'y': window.getScrollTop()};
|
|
var tip = {'x': this.toolTip.offsetWidth, 'y': this.toolTip.offsetHeight};
|
|
var prop = {'x': 'left', 'y': 'top'};
|
|
for (var z in prop){
|
|
var pos = event.page[z] + this.options.offsets[z];
|
|
if ((pos + tip[z] - scroll[z]) > win[z]) pos = event.page[z] - this.options.offsets[z] - tip[z];
|
|
this.toolTip.setStyle(prop[z], pos);
|
|
};
|
|
},
|
|
|
|
show: function(){
|
|
if (this.options.timeout) this.timer = this.hide.delay(this.options.timeout, this);
|
|
this.fireEvent('onShow', [this.toolTip]);
|
|
},
|
|
|
|
hide: function(){
|
|
this.fireEvent('onHide', [this.toolTip]);
|
|
}
|
|
});
|
|
ChronoTips.implement(new Options);
|
|
ChronoTips.implement(new Events);
|
|
Element.extend({
|
|
showProperties: function(ParentTag){
|
|
var Prop = new ELEMPROP(ParentTag, this);
|
|
return Prop;
|
|
}
|
|
});
|
|
/////////////////////////////////////////////// LABEL
|
|
var CFLABEL = new Class({
|
|
initialize: function(style, text, forx){
|
|
this.style = (style) ? style : 'cf_label';
|
|
this.text = (text) ? text : 'Label';
|
|
this.forx = (forx) ? forx : '';
|
|
},
|
|
createElement: function(){
|
|
this.thelabel = new Element('label').setProperty("class", this.style);
|
|
this.thelabel.setText(this.text);
|
|
return this.thelabel;
|
|
}
|
|
});
|
|
|
|
/////////////////////////////////////////////// SPAN
|
|
var CFSPAN = new Class({
|
|
initialize: function(style, text, forx){
|
|
this.style = (style) ? style : 'cf_text';
|
|
this.text = (text) ? text : 'Label';
|
|
},
|
|
createElement: function(){
|
|
this.thespan = new Element('span').setProperty("class", this.style);
|
|
//this.thespan.setProperty('id', this.forx);
|
|
this.thespan.setText(this.text);
|
|
return this.thespan;
|
|
}
|
|
});
|
|
|
|
/////////////////////////////////////////////// BUTTON
|
|
var CFBUTTON = new Class({
|
|
initialize: function(style, text, name){
|
|
this.style = (style) ? style : 'cf_button';
|
|
this.text = (text) ? text : 'Submit';
|
|
this.name = (name) ? name : '';
|
|
},
|
|
createElement: function(){
|
|
this.thebutton = new Element('input', {'name':this.name, 'value':this.text, "type":'button'});
|
|
//this.thebutton.setProperty('name', this.forx);
|
|
//this.thebutton.setProperty('value', this.text);
|
|
return this.thebutton;
|
|
}
|
|
});
|
|
|
|
/////////////////////////////////////////////// HEADING
|
|
var CFHEADING = new Class({
|
|
initialize: function(style, text, forx){
|
|
this.style = (style) ? style : 'cf_text';
|
|
this.text = (text) ? text : 'Label';
|
|
//this.id = (forx) ? forx : '';
|
|
},
|
|
createElement: function(){
|
|
this.thehead = new Element('H1').setProperty("class", this.style);
|
|
//this.thehead.setProperty('id', this.forx);
|
|
this.thehead.setText(this.text);
|
|
return this.thehead;
|
|
}
|
|
});
|
|
|
|
/////////////////////////////////////////////// TEXT BOX
|
|
var CFTEXTBOX = new Class({
|
|
initialize: function(style, size, name){
|
|
this.style = (style) ? style : 'cf_inputbox';
|
|
this.size = (size) ? size : '50';
|
|
this.maxlength = '150';
|
|
this.name = (name) ? name : '';
|
|
},
|
|
createElement: function(){
|
|
this.thetextbox = new Element('input', {'name':this.name, 'type':'text', 'id':this.name, 'title':'', 'size':this.size, 'maxlength':this.maxlength}).setProperty("class", this.style);
|
|
|
|
return this.thetextbox;
|
|
}
|
|
});
|
|
|
|
/////////////////////////////////////////////// PASSWORD
|
|
var CFPASSWORD = new Class({
|
|
initialize: function(style, size, name){
|
|
this.style = (style) ? style : 'cf_inputbox';
|
|
this.size = (size) ? size : '50';
|
|
this.maxlength = '150';
|
|
this.name = (name) ? name : '';
|
|
},
|
|
createElement: function(){
|
|
this.thepassword = new Element('input', {'name':this.name, 'type':'password', 'id':this.name, 'title':'', 'size':this.size, 'maxlength':this.maxlength}).setProperty("class", this.style);
|
|
|
|
return this.thepassword;
|
|
}
|
|
});
|
|
|
|
/////////////////////////////////////////////// HIDDEN
|
|
var CFHIDDEN = new Class({
|
|
initialize: function(value, name){
|
|
this.value = (value) ? value : '';
|
|
this.name = (name) ? name : '';
|
|
},
|
|
createElement: function(){
|
|
this.thehidden = new Element('input', {'name':this.name, 'type':'hidden', 'id':this.name, 'value':this.value});
|
|
return this.thehidden;
|
|
}
|
|
});
|
|
/////////////////////////////////////////////// DATE PICKER
|
|
var CFDATEPICKER = new Class({
|
|
initialize: function(style, size, name){
|
|
this.style = (style) ? style : 'cf_inputbox';
|
|
this.size = (size) ? size : '50';
|
|
this.name = (name) ? name : '';
|
|
},
|
|
createElement: function(){
|
|
this.thedatepicker = new Element('input', {'name':this.name, 'type':'text', 'id':this.name, 'title':'', 'size':this.size}).setProperty("class", this.style);
|
|
|
|
this.thedatepicker.addEvent('click', function(e) {
|
|
new Calendar(this);
|
|
});
|
|
return this.thedatepicker;
|
|
}
|
|
});
|
|
|
|
/////////////////////////////////////////////// FILE
|
|
var CFFILE = new Class({
|
|
initialize: function(style, size, name){
|
|
this.style = (style) ? style : 'cf_inputbox';
|
|
this.size = (size) ? size : '20';
|
|
this.name = (name) ? name : '';
|
|
},
|
|
createElement: function(){
|
|
this.thefile = new Element('input', {'name':this.name, 'type':'file', 'id':this.name, 'title':'', 'size':this.size}).setProperty("class", this.style);
|
|
|
|
return this.thefile;
|
|
}
|
|
});
|
|
|
|
/////////////////////////////////////////////// CAPTCHA
|
|
var CFCAPTCHA = new Class({
|
|
initialize: function(style, size, name){
|
|
this.text = '{imageverification}';
|
|
},
|
|
createElement: function(){
|
|
this.thecaptcha = new Element('span');
|
|
this.thecaptcha.setText(this.text);
|
|
return this.thecaptcha;
|
|
}
|
|
});
|
|
|
|
/////////////////////////////////////////////// MULTIHOLDER
|
|
var CFMULTIHOLDER = new Class({
|
|
initialize: function(style, size, name){
|
|
this.text = '{hold}';
|
|
},
|
|
createElement: function(){
|
|
this.themultiholdertable = new Element('table', {'title':'', 'width' : '65%', 'cellpadding' :'3px', 'cellspacing':'3px'}).setProperty("class", 'multi_container');
|
|
this.themultiholdertbody = new Element('tbody', {'width' : '100%'});
|
|
this.themultiholdertr = new Element('tr', {'width' : '100%'});
|
|
this.themultiholdertd = new Element('td').setStyles({'width': '100%', 'vertical-align':'middle', 'text-align': 'center'});
|
|
this.themultiholdertd.injectInside(this.themultiholdertr);
|
|
this.themultiholdertr.injectInside(this.themultiholdertbody);
|
|
this.themultiholdertbody.injectInside(this.themultiholdertable);
|
|
//this.themultiholder.setText(this.text);
|
|
return this.themultiholdertable;
|
|
}
|
|
});
|
|
|
|
/////////////////////////////////////////////// PLACEHOLDER
|
|
var CFPLACEHOLDER = new Class({
|
|
initialize: function(style, params, text){
|
|
this.text = (text) ? text : '{code}';
|
|
this.params = (params) ? params : '';
|
|
},
|
|
createElement: function(){
|
|
this.theplaceholder = new Element('span').setProperty('params', this.params);
|
|
var elementparams = this.params.split('*,*');
|
|
for (var i = 0; i < elementparams.length; i++) {
|
|
var eparamdetails = elementparams[i].split('=');
|
|
this.theplaceholder.setProperty(eparamdetails[0], eparamdetails[1]);
|
|
}
|
|
this.theplaceholder.setText(this.text);
|
|
return this.theplaceholder;
|
|
}
|
|
});
|
|
|
|
/////////////////////////////////////////////// TEXT AREA
|
|
var CFTEXTAREA = new Class({
|
|
initialize: function(style, cols, rows, name){
|
|
this.style = (style) ? style : 'cf_inputbox';
|
|
this.cols = (cols) ? cols : '30';
|
|
this.rows = (rows) ? rows : '3';
|
|
this.name = (name) ? name : '';
|
|
},
|
|
createElement: function(){
|
|
this.thetextarea = new Element('textarea', {'name':this.name, 'cols':this.cols, 'id':this.name, 'title':'', 'rows':this.rows}).setProperty("class", this.style);
|
|
|
|
return this.thetextarea;
|
|
}
|
|
});
|
|
|
|
/////////////////////////////////////////////// DROPDOWN
|
|
var CFSELECT = new Class({
|
|
initialize: function(style, size, name){
|
|
this.style = (style) ? style : 'cf_inputbox';
|
|
this.size = (size) ? size : '1';
|
|
this.name = (name) ? name : '';
|
|
},
|
|
createElement: function(){
|
|
this.theselect = new Element('select', {'name':this.name, 'title':'', 'size':this.size, 'id':this.name, 'firstoption':'1', 'firstoptiontext':'Choose Option'}).setProperty("class", this.style);
|
|
|
|
this.newoption = new Element('option');
|
|
this.newoption.setText('option 1');
|
|
this.newoption.setProperty('value', 'option 1');
|
|
this.newoption.injectInside(this.theselect);
|
|
this.newoption2 = new Element('option');
|
|
this.newoption2.setText('option 2');
|
|
this.newoption2.setProperty('value', 'option 2');
|
|
this.newoption2.injectInside(this.theselect);
|
|
this.newoption3 = new Element('option');
|
|
this.newoption3.setText('option 3');
|
|
this.newoption3.setProperty('value', 'option 3');
|
|
this.newoption3.injectInside(this.theselect);
|
|
return this.theselect;
|
|
}
|
|
});
|
|
|
|
/////////////////////////////////////////////// CHECKBOX
|
|
var CFCHECKBOX = new Class({
|
|
initialize: function(style, size, name){
|
|
this.style = (style) ? style : 'cf_inputbox';
|
|
this.size = (size) ? size : '1';
|
|
this.name = (name) ? name : '';
|
|
},
|
|
createElement: function(){
|
|
this.thegroup = new Element('div', {'title':''}).setProperty("class", 'float_left');
|
|
var count = $('left_column').getElements('div[class=float_left]').length;
|
|
for (var i = 1; i < 4; i++) {
|
|
this.newcheck = new Element('input', {'name':this.name+count+'[]', 'value':'check '+i, 'id':this.name+'_'+count+i, 'class':'radio', "type":'checkbox'});
|
|
|
|
this.newcheck.injectInside(this.thegroup);
|
|
this.thelabel = new Element('label').setProperty("class", 'check_label');
|
|
this.thelabel.setProperty('for', this.name+'_'+count+i);
|
|
this.thelabel.setText('Check '+i);
|
|
this.thelabel.injectInside(this.thegroup);
|
|
linebreak = new Element('br');
|
|
linebreak.injectInside(this.thegroup);
|
|
}
|
|
|
|
return this.thegroup;
|
|
}
|
|
});
|
|
|
|
/////////////////////////////////////////////// RADIO
|
|
var CFRADIO = new Class({
|
|
initialize: function(style, size, name){
|
|
this.style = (style) ? style : 'cf_inputbox';
|
|
this.size = (size) ? size : '1';
|
|
this.name = (name) ? name : '';
|
|
},
|
|
createElement: function(){
|
|
//alert($('left_column').getElements('input[type=radio]').length);
|
|
var count = $('left_column').getElements('div[class=float_left]').length;
|
|
this.thegroup = new Element('div', {'title':''}).setProperty("class", 'float_left');
|
|
for (var i = 1; i < 4; i++) {
|
|
this.newradio = new Element('input', {'name':this.name+count, 'value':'radio '+i, 'id':this.name+'_'+count+i, 'class':'radio', "type":'radio'});
|
|
|
|
this.newradio.injectInside(this.thegroup);
|
|
this.thelabel = new Element('label').setProperty("class", 'radio_label');
|
|
this.thelabel.setProperty('for', this.name+'_'+count+i);
|
|
this.thelabel.setText('Radio '+i);
|
|
this.thelabel.injectInside(this.thegroup);
|
|
linebreak = new Element('br');
|
|
linebreak.injectInside(this.thegroup);
|
|
}
|
|
|
|
return this.thegroup;
|
|
}
|
|
});
|
|
|
|
|
|
////////////// Properties
|
|
var ELEMPROP = new Class({
|
|
initialize: function(ParentTag, element){
|
|
$$('div.Propertiesitem').each(function(item){
|
|
item.setStyle('display','none');
|
|
});
|
|
|
|
////////////////////////////// LABEL
|
|
if(ParentTag == 'label'){
|
|
function saveLabel(){
|
|
element.setText($('prop_'+ParentTag+'_text').value);
|
|
}
|
|
$('prop_'+ParentTag).setStyle('display','block');
|
|
$('prop_'+ParentTag+'_text').value = element.getText();
|
|
$('prop_'+ParentTag+'_done').removeEvents();
|
|
$('prop_'+ParentTag+'_done').addEvent('click', saveLabel.bindWithEvent(element));
|
|
|
|
////////////////////////////// TEXT
|
|
//} else if(ParentTag == 'span'){
|
|
} else if (element.getFirst().hasClass('cf_text')){
|
|
actual_element = element.getFirst().getFirst();
|
|
function saveSpan(){
|
|
actual_element.setText($('prop_cf_text_text').value);
|
|
}
|
|
$('prop_cf_text').setStyle('display','block');
|
|
$('prop_cf_text_text').value = actual_element.getText();
|
|
$('prop_cf_text_done').removeEvents();
|
|
$('prop_cf_text_done').addEvent('click', saveSpan.bindWithEvent(actual_element));
|
|
|
|
////////////////////////////// HEADINGs
|
|
//} else if((ParentTag == 'h1')||(ParentTag == 'h2')||(ParentTag == 'h3')||(ParentTag == 'h4')||(ParentTag == 'h5')||(ParentTag == 'h6')){
|
|
} else if (element.getFirst().hasClass('cf_heading')){
|
|
actual_element = element.getFirst().getFirst();
|
|
function saveHead(){
|
|
actual_element.setText($('prop_cf_heading_text').value);
|
|
newhead = new Element($('prop_cf_heading_size').value).setProperty("class", actual_element.getProperty('class'));
|
|
newhead.setProperty('id', actual_element.getProperty('id'));
|
|
newhead.setText(actual_element.getText());
|
|
|
|
/*newhead.addEvent('click', function(e) {
|
|
new Event(e).stop();
|
|
$$('.form_item').each(function(item2){
|
|
item2.setStyle('border', '0px solid #000');
|
|
$E('.delete_icon', item2).setStyle('display', 'none');
|
|
});
|
|
this.getParent().getParent().effect('background-color', {wait: false, duration: 100}).start('ffffff','ffffff');
|
|
this.getParent().getParent().setStyle('border', '1px solid #000');
|
|
//this.getParent().getParent().getLast().setStyle('display', 'inline');
|
|
$E('.delete_icon', this.getParent().getParent()).setStyle('display', 'inline');
|
|
this.showProperties(this.getTag());
|
|
})*/
|
|
element.showProperties(newhead.getTag());
|
|
actual_element.replaceWith(newhead);
|
|
}
|
|
$('prop_cf_heading').setStyle('display','block');
|
|
$('prop_cf_heading_text').value = actual_element.getText();
|
|
$('prop_cf_heading_size').value = actual_element.getTag().capitalize();
|
|
$('prop_cf_heading_done').removeEvents();
|
|
$('prop_cf_heading_done').addEvent('click', saveHead.bindWithEvent(actual_element));
|
|
|
|
////////////////////////////// TEXT BOX
|
|
//} else if ((ParentTag == 'input')&&(element.getProperty('type') == 'text')&&(!element.hasClass('cf_datetime'))){
|
|
} else if (element.getFirst().hasClass('cf_textbox')){
|
|
actual_element = $E('input[type=text]', element);
|
|
function saveTextBox(){
|
|
$E('label', element).setText($('prop_cf_textbox_label').value);
|
|
//$('slabel_'+actual_element.getParent().getParent().getProperty('title')).value = $('prop_cf_textbox_slabel').value;
|
|
$E('div.slabel', element).setText($('prop_cf_textbox_slabel').value);
|
|
($('prop_cf_textbox_hide_label').checked == true) ? $E('label', element).setStyle('display', 'none') : $E('label', element).setStyle('display', 'block');
|
|
$E('label', element).setStyle('width', $('prop_cf_textbox_label_width').value.trim()+'px');
|
|
actual_element.setProperty('name', $('prop_cf_textbox_field_name').value);
|
|
actual_element.setProperty('size', $('prop_cf_textbox_size').value);
|
|
actual_element.setProperty('maxlength', $('prop_cf_textbox_max').value);
|
|
$('prop_cf_textbox').getElements('input[name^=validation_]').each(function(checkbox){
|
|
actual_element.removeClass(checkbox.value);
|
|
});
|
|
$('prop_cf_textbox').getElements('input[name^=validation_]').each(function(checkbox){
|
|
if(checkbox.checked)
|
|
actual_element.addClass(checkbox.value);
|
|
});
|
|
actual_element.setProperty('title', $('prop_cf_textbox_title').value);
|
|
|
|
|
|
if($('prop_cf_textbox_description').value.trim() != ''){
|
|
if($chk($E('div.tooltipdiv', element))){
|
|
tooltipdiv = $E('div.tooltipdiv', element);
|
|
|
|
tooltipdiv.setText($('prop_cf_textbox_label').value+' :: '+$('prop_cf_textbox_description').value.trim());
|
|
tooltiplink = $E('a.tooltiplink', element);
|
|
if($chk($('tool-tip-'+actual_element.getProperty('id')))){
|
|
$('tool-tip-'+actual_element.getProperty('id')).remove();
|
|
}
|
|
var Tips1 = new ChronoTips(tooltiplink, $E('div.tooltipdiv', element).getText(), {elementid:actual_element.getProperty('id')});
|
|
}else{
|
|
tooltipdiv = new Element('div', {'class':'tooltipdiv', styles:{'display':'none'}});
|
|
tooltipdiv.setText($('prop_cf_textbox_label').value+' :: '+$('prop_cf_textbox_description').value.trim());
|
|
tooltipdiv.injectAfter(actual_element);
|
|
tooltipimg = new Element('img', {'class':"tooltipimg", 'alt':'', 'src':'components/com_chronocontact/css/images/tooltip.png', 'border':"0", 'styles':{'display':'inline', 'border':'0px solid #fff', 'margin':'0px 0px 0px 10px'}, 'width':"16", 'height':"16"});
|
|
tooltiplink = new Element('a', {'class':"tooltiplink", 'onclick':'return false;'});//, 'title':$E('div.tooltipdiv', element).getText()});
|
|
tooltipimg.injectInside(tooltiplink);
|
|
tooltiplink.injectAfter(actual_element);
|
|
var Tips1 = new ChronoTips(tooltiplink, $E('div.tooltipdiv', element).getText(), {elementid:actual_element.getProperty('id')});
|
|
}
|
|
}else{
|
|
if($chk($E('div.tooltipdiv', element)))$E('div.tooltipdiv', element).remove();
|
|
if($chk($E('a.tooltiplink', element)))$E('a.tooltiplink', element).remove();
|
|
if($chk($('tool-tip-'+actual_element.getProperty('id')))){
|
|
$('tool-tip-'+actual_element.getProperty('id')).remove();
|
|
}
|
|
}
|
|
|
|
|
|
}
|
|
if($chk($E('div.tooltipdiv', element))){
|
|
$('prop_cf_textbox_description').value = $E('div.tooltipdiv', element).getText().split(' :: ')[1];
|
|
}else{
|
|
$('prop_cf_textbox_description').value = '';
|
|
}
|
|
$('prop_cf_textbox').getElements('input[name^=validation_]').each(function(checkbox){
|
|
if(actual_element.hasClass(checkbox.value))checkbox.checked = true;
|
|
else checkbox.checked = false;
|
|
});
|
|
$('prop_cf_textbox_title').value = actual_element.getProperty('title');
|
|
$('prop_cf_textbox').setStyle('display','block');
|
|
$('prop_cf_textbox_label').value = $E('label', element).getText();
|
|
$('prop_cf_textbox_slabel').value = $E('div.slabel', element).getText();//$('slabel_'+actual_element.getParent().getParent().getProperty('title')).value;
|
|
($E('label', element).getStyle('display') == 'none') ? $('prop_cf_textbox_hide_label').checked = true : $('prop_cf_textbox_hide_label').checked = false;
|
|
$('prop_cf_textbox_label_width').value = $E('label', element).getStyle('width').toInt();
|
|
$('prop_cf_textbox_field_name').value = actual_element.getProperty('name');
|
|
$('prop_cf_textbox_size').value = actual_element.getProperty('size');
|
|
$('prop_cf_textbox_max').value = actual_element.getProperty('maxlength');
|
|
$('prop_cf_textbox_done').removeEvents();
|
|
$('prop_cf_textbox_done').addEvent('click', saveTextBox.bindWithEvent(actual_element));
|
|
|
|
////////////////////////////// DATE PICKER
|
|
//} else if ((ParentTag == 'input')&&(element.getProperty('type') == 'text')&&(element.hasClass('cf_datetime'))){
|
|
} else if (element.getFirst().hasClass('cf_datetimepicker')){
|
|
actual_element = $E('input[type=text]', element);
|
|
function saveDatePicker(){
|
|
$E('label', element).setText($('prop_cf_datetimepicker_label').value);
|
|
//$('slabel_'+actual_element.getParent().getParent().getProperty('title')).value = $('prop_cf_datetimepicker_slabel').value;
|
|
$E('div.slabel', element).setText($('prop_cf_datetimepicker_slabel').value);
|
|
($('prop_cf_datetimepicker_hide_label').checked == true) ? $E('label', element).setStyle('display', 'none') : $E('label', element).setStyle('display', 'block');
|
|
$E('label', element).setStyle('width', $('prop_cf_datetimepicker_label_width').value.trim()+'px');
|
|
actual_element.setProperty('name', $('prop_cf_datetimepicker_field_name').value);
|
|
actual_element.setProperty('id', $('prop_cf_datetimepicker_field_name').value);
|
|
|
|
actual_element.setProperty('size', $('prop_cf_datetimepicker_size').value);
|
|
//element.setProperty('maxlength', $('prop_datepicker_max').value);
|
|
$('prop_cf_datetimepicker').getElements('input[name^=validation_]').each(function(checkbox){
|
|
actual_element.removeClass(checkbox.value);
|
|
});
|
|
$('prop_cf_datetimepicker').getElements('input[name^=validation_]').each(function(checkbox){
|
|
if(checkbox.checked)
|
|
actual_element.addClass(checkbox.value);
|
|
});
|
|
actual_element.setProperty('title', $('prop_cf_datetimepicker_title').value);
|
|
if($('prop_cf_datetimepicker_description').value.trim() != ''){
|
|
if($chk($E('div.tooltipdiv', element))){
|
|
tooltipdiv = $E('div.tooltipdiv', element);
|
|
|
|
tooltipdiv.setText($('prop_cf_datetimepicker_label').value+' :: '+$('prop_cf_datetimepicker_description').value.trim());
|
|
tooltiplink = $E('a.tooltiplink', element);
|
|
if($chk($('tool-tip-'+actual_element.getProperty('id')))){
|
|
$('tool-tip-'+actual_element.getProperty('id')).remove();
|
|
}
|
|
var Tips1 = new ChronoTips(tooltiplink, $E('div.tooltipdiv', element).getText(), {elementid:actual_element.getProperty('id')});
|
|
}else{
|
|
tooltipdiv = new Element('div', {'class':'tooltipdiv', styles:{'display':'none'}});
|
|
tooltipdiv.setText($('prop_cf_datetimepicker_label').value+' :: '+$('prop_cf_datetimepicker_description').value.trim());
|
|
tooltipdiv.injectAfter(actual_element);
|
|
tooltipimg = new Element('img', {'class':"tooltipimg", 'alt':'', 'src':'components/com_chronocontact/css/images/tooltip.png', 'border':"0", 'styles':{'display':'inline', 'border':'0px solid #fff', 'margin':'0px 0px 0px 10px'}, 'width':"16", 'height':"16"});
|
|
tooltiplink = new Element('a', {'class':"tooltiplink", 'onclick':'return false;'});//, 'title':$E('div.tooltipdiv', element).getText()});
|
|
tooltipimg.injectInside(tooltiplink);
|
|
tooltiplink.injectAfter(actual_element);
|
|
var Tips1 = new ChronoTips(tooltiplink, $E('div.tooltipdiv', element).getText(), {elementid:actual_element.getProperty('id')});
|
|
}
|
|
}else{
|
|
if($chk($E('div.tooltipdiv', element)))$E('div.tooltipdiv', element).remove();
|
|
if($chk($E('a.tooltiplink', element)))$E('a.tooltiplink', element).remove();
|
|
if($chk($('tool-tip-'+actual_element.getProperty('id')))){
|
|
$('tool-tip-'+actual_element.getProperty('id')).remove();
|
|
}
|
|
}
|
|
|
|
|
|
}
|
|
if($chk($E('div.tooltipdiv', element))){
|
|
$('prop_cf_datetimepicker_description').value = $E('div.tooltipdiv', element).getText().split(' :: ')[1];
|
|
}else{
|
|
$('prop_cf_datetimepicker_description').value = '';
|
|
}
|
|
$('prop_cf_datetimepicker').getElements('input[name^=validation_]').each(function(checkbox){
|
|
if(actual_element.hasClass(checkbox.value))checkbox.checked = true;
|
|
else checkbox.checked = false;
|
|
});
|
|
$('prop_cf_datetimepicker_title').value = actual_element.getProperty('title');
|
|
$('prop_cf_datetimepicker').setStyle('display','block');
|
|
$('prop_cf_datetimepicker_size').value = actual_element.getProperty('size');
|
|
$('prop_cf_datetimepicker_label').value = $E('label', element).getText();
|
|
$('prop_cf_datetimepicker_slabel').value = $E('div.slabel', element).getText();//$('slabel_'+actual_element.getParent().getParent().getProperty('title')).value;
|
|
($E('label', element).getStyle('display') == 'none') ? $('prop_cf_datetimepicker_hide_label').checked = true : $('prop_cf_datetimepicker_hide_label').checked = false;
|
|
$('prop_cf_datetimepicker_label_width').value = $E('label', element).getStyle('width').toInt();
|
|
$('prop_cf_datetimepicker_field_name').value = actual_element.getProperty('name');
|
|
//$('prop_datepicker_max').value = actual_element.getProperty('maxlength');
|
|
$('prop_cf_datetimepicker_done').removeEvents();
|
|
$('prop_cf_datetimepicker_done').addEvent('click', saveDatePicker.bindWithEvent(actual_element));
|
|
|
|
////////////////////////////// TEXTAREA
|
|
//} else if (ParentTag == 'textarea'){
|
|
} else if (element.getFirst().hasClass('cf_textarea')){
|
|
actual_element = $E('textarea', element);
|
|
function saveTextArea(){
|
|
$E('label', element).setText($('prop_cf_textarea_label').value);
|
|
//$('slabel_'+actual_element.getParent().getParent().getProperty('title')).value = $('prop_cf_textarea_slabel').value;
|
|
$E('div.slabel', element).setText($('prop_cf_textarea_slabel').value);
|
|
($('prop_cf_textarea_hide_label').checked == true) ? $E('label', element).setStyle('display', 'none') : $E('label', element).setStyle('display', 'block');
|
|
$E('label', element).setStyle('width', $('prop_cf_textarea_label_width').value.trim()+'px');
|
|
actual_element.setProperty('name', $('prop_cf_textarea_field_name').value);
|
|
|
|
actual_element.setProperty('rows', $('prop_cf_textarea_rows').value);
|
|
actual_element.setProperty('cols', $('prop_cf_textarea_cols').value);
|
|
$('prop_cf_textarea').getElements('input[name^=validation_]').each(function(checkbox){
|
|
actual_element.removeClass(checkbox.value);
|
|
});
|
|
$('prop_cf_textarea').getElements('input[name^=validation_]').each(function(checkbox){
|
|
if(checkbox.checked)
|
|
actual_element.addClass(checkbox.value);
|
|
});
|
|
actual_element.setProperty('title', $('prop_cf_textarea_title').value);
|
|
if($('prop_cf_textarea_description').value.trim() != ''){
|
|
if($chk($E('div.tooltipdiv', element))){
|
|
tooltipdiv = $E('div.tooltipdiv', element);
|
|
|
|
tooltipdiv.setText($('prop_cf_textarea_label').value+' :: '+$('prop_cf_textarea_description').value.trim());
|
|
tooltiplink = $E('a.tooltiplink', element);
|
|
if($chk($('tool-tip-'+actual_element.getProperty('id')))){
|
|
$('tool-tip-'+actual_element.getProperty('id')).remove();
|
|
}
|
|
var Tips1 = new ChronoTips(tooltiplink, $E('div.tooltipdiv', element).getText(), {elementid:actual_element.getProperty('id')});
|
|
}else{
|
|
tooltipdiv = new Element('div', {'class':'tooltipdiv', styles:{'display':'none'}});
|
|
tooltipdiv.setText($('prop_cf_textarea_label').value+' :: '+$('prop_cf_textarea_description').value.trim());
|
|
tooltipdiv.injectAfter(actual_element);
|
|
tooltipimg = new Element('img', {'class':"tooltipimg", 'alt':'', 'src':'components/com_chronocontact/css/images/tooltip.png', 'border':"0", 'styles':{'display':'inline', 'border':'0px solid #fff', 'margin':'0px 0px 0px 10px'}, 'width':"16", 'height':"16"});
|
|
tooltiplink = new Element('a', {'class':"tooltiplink", 'onclick':'return false;'});//, 'title':$E('div.tooltipdiv', element).getText()});
|
|
tooltipimg.injectInside(tooltiplink);
|
|
tooltiplink.injectAfter(actual_element);
|
|
var Tips1 = new ChronoTips(tooltiplink, $E('div.tooltipdiv', element).getText(), {elementid:actual_element.getProperty('id')});
|
|
}
|
|
}else{
|
|
if($chk($E('div.tooltipdiv', element)))$E('div.tooltipdiv', element).remove();
|
|
if($chk($E('a.tooltiplink', element)))$E('a.tooltiplink', element).remove();
|
|
if($chk($('tool-tip-'+actual_element.getProperty('id')))){
|
|
$('tool-tip-'+actual_element.getProperty('id')).remove();
|
|
}
|
|
}
|
|
|
|
|
|
}
|
|
if($chk($E('div.tooltipdiv', element))){
|
|
$('prop_cf_textarea_description').value = $E('div.tooltipdiv', element).getText().split(' :: ')[1];
|
|
}else{
|
|
$('prop_cf_textarea_description').value = '';
|
|
}
|
|
$('prop_cf_textarea').getElements('input[name^=validation_]').each(function(checkbox){
|
|
if(actual_element.hasClass(checkbox.value))checkbox.checked = true;
|
|
else checkbox.checked = false;
|
|
});
|
|
$('prop_cf_textarea_title').value = actual_element.getProperty('title');
|
|
$('prop_cf_textarea').setStyle('display','block');
|
|
$('prop_cf_textarea_label').value = $E('label', element).getText();
|
|
$('prop_cf_textarea_slabel').value = $E('div.slabel', element).getText();//$('slabel_'+actual_element.getParent().getParent().getProperty('title')).value;
|
|
($E('label', element).getStyle('display') == 'none') ? $('prop_cf_textarea_hide_label').checked = true : $('prop_cf_textarea_hide_label').checked = false;
|
|
$('prop_cf_textarea_label_width').value = $E('label', element).getStyle('width').toInt();
|
|
$('prop_cf_textarea_field_name').value = actual_element.getProperty('name');
|
|
|
|
$('prop_cf_textarea_rows').value = actual_element.getProperty('rows');
|
|
$('prop_cf_textarea_cols').value = actual_element.getProperty('cols');
|
|
$('prop_cf_textarea_done').removeEvents();
|
|
$('prop_cf_textarea_done').addEvent('click', saveTextArea.bindWithEvent(actual_element));
|
|
|
|
////////////////////////////// DROPDOWN
|
|
//} else if (ParentTag == 'select'){
|
|
} else if (element.getFirst().hasClass('cf_dropdown')){
|
|
actual_element = $E('select', element);
|
|
function saveSelect(){
|
|
$E('label', element).setText($('prop_cf_dropdown_label').value);
|
|
//$('slabel_'+actual_element.getParent().getParent().getProperty('title')).value = $('prop_cf_dropdown_slabel').value;
|
|
$E('div.slabel', element).setText($('prop_cf_dropdown_slabel').value);
|
|
($('prop_cf_dropdown_hide_label').checked == true) ? $E('label', element).setStyle('display', 'none') : $E('label', element).setStyle('display', 'block');
|
|
$E('label', element).setStyle('width', $('prop_cf_dropdown_label_width').value.trim()+'px');
|
|
actual_element.setProperty('name', $('prop_cf_dropdown_field_name').value);
|
|
|
|
($('prop_cf_dropdown_firstoption').checked == true) ? actual_element.setProperty('firstoption', '1') : actual_element.setProperty('firstoption', '0');
|
|
($('prop_cf_dropdown_firstoptiontext').value != '') ? actual_element.setProperty('firstoptiontext', $('prop_cf_dropdown_firstoptiontext').value) : actual_element.setProperty('firstoptiontext', '');
|
|
|
|
$('prop_cf_dropdown').getElements('input[name^=validation_]').each(function(checkbox){
|
|
actual_element.removeClass(checkbox.value);
|
|
});
|
|
$('prop_cf_dropdown').getElements('input[name^=validation_]').each(function(checkbox){
|
|
if(checkbox.checked)
|
|
actual_element.addClass(checkbox.value);
|
|
});
|
|
actual_element.setProperty('title', $('prop_cf_dropdown_title').value);
|
|
/*actual_element.getElements('option').each(function(option){
|
|
option.remove();
|
|
});*/
|
|
newselect = new Element('select', {'name':actual_element.getProperty('name'), 'title':actual_element.getProperty('title'), 'size':$('prop_cf_dropdown_size').value, 'id':actual_element.getProperty('id'), 'firstoption':actual_element.getProperty('firstoption'), 'firstoptiontext':actual_element.getProperty('firstoptiontext')}).setProperty("class", actual_element.getProperty('class'));
|
|
//actual_element.setProperty('size', $('prop_cf_dropdown_size').value);
|
|
if($('prop_cf_dropdown_size').value.toInt() > 1){
|
|
newselect.setProperty('multiple', '1');
|
|
newselect.setProperty('name', actual_element.getProperty('name').replace('[]','')+'[]');
|
|
}else{
|
|
newselect.setProperty('name', actual_element.getProperty('name').replace('[]',''));
|
|
}
|
|
$('prop_cf_dropdown_options').value.split('\n').each(function(option){
|
|
if(option.trim()){
|
|
newoption = new Element('option');
|
|
newoption.setText(option.trim());
|
|
newoption.setProperty('value', option.trim());
|
|
newoption.injectInside(newselect);
|
|
}
|
|
});
|
|
actual_element.replaceWith(newselect);
|
|
if($('prop_cf_dropdown_description').value.trim() != ''){
|
|
if($chk($E('div.tooltipdiv', element))){
|
|
tooltipdiv = $E('div.tooltipdiv', element);
|
|
|
|
tooltipdiv.setText($('prop_cf_dropdown_label').value+' :: '+$('prop_cf_dropdown_description').value.trim());
|
|
tooltiplink = $E('a.tooltiplink', element);
|
|
if($chk($('tool-tip-'+newselect.getProperty('id')))){
|
|
$('tool-tip-'+newselect.getProperty('id')).remove();
|
|
}
|
|
var Tips1 = new ChronoTips(tooltiplink, $E('div.tooltipdiv', element).getText(), {elementid:newselect.getProperty('id')});
|
|
}else{
|
|
tooltipdiv = new Element('div', {'class':'tooltipdiv', styles:{'display':'none'}});
|
|
tooltipdiv.setText($('prop_cf_dropdown_label').value+' :: '+$('prop_cf_dropdown_description').value.trim());
|
|
tooltipdiv.injectAfter(newselect);
|
|
tooltipimg = new Element('img', {'class':"tooltipimg", 'alt':'', 'src':'components/com_chronocontact/css/images/tooltip.png', 'border':"0", 'styles':{'display':'inline', 'border':'0px solid #fff', 'margin':'0px 0px 0px 10px'}, 'width':"16", 'height':"16"});
|
|
tooltiplink = new Element('a', {'class':"tooltiplink", 'onclick':'return false;'});//, 'title':$E('div.tooltipdiv', element).getText()});
|
|
tooltipimg.injectInside(tooltiplink);
|
|
tooltiplink.injectAfter(newselect);
|
|
var Tips1 = new ChronoTips(tooltiplink, $E('div.tooltipdiv', element).getText(), {elementid:newselect.getProperty('id')});
|
|
}
|
|
}else{
|
|
if($chk($E('div.tooltipdiv', element)))$E('div.tooltipdiv', element).remove();
|
|
if($chk($E('a.tooltiplink', element)))$E('a.tooltiplink', element).remove();
|
|
if($chk($('tool-tip-'+newselect.getProperty('id')))){
|
|
$('tool-tip-'+newselect.getProperty('id')).remove();
|
|
}
|
|
}
|
|
newselect.getParent().getParent().showProperties(newselect.getParent().getParent().getTag());
|
|
|
|
}
|
|
if($chk($E('div.tooltipdiv', element))){
|
|
$('prop_cf_dropdown_description').value = $E('div.tooltipdiv', element).getText().split(' :: ')[1];
|
|
}else{
|
|
$('prop_cf_dropdown_description').value = '';
|
|
}
|
|
$('prop_cf_dropdown').getElements('input[name^=validation_]').each(function(checkbox){
|
|
if(actual_element.hasClass(checkbox.value))checkbox.checked = true;
|
|
else checkbox.checked = false;
|
|
});
|
|
$('prop_cf_dropdown_title').value = actual_element.getProperty('title');
|
|
$('prop_cf_dropdown').setStyle('display','block');
|
|
$('prop_cf_dropdown_label').value = $E('label', element).getText();
|
|
$('prop_cf_dropdown_slabel').value = $E('div.slabel', element).getText();//$('slabel_'+actual_element.getParent().getParent().getProperty('title')).value;
|
|
($E('label', element).getStyle('display') == 'none') ? $('prop_cf_dropdown_hide_label').checked = true : $('prop_cf_dropdown_hide_label').checked = false;
|
|
$('prop_cf_dropdown_label_width').value = $E('label', element).getStyle('width').toInt();
|
|
$('prop_cf_dropdown_field_name').value = actual_element.getProperty('name');
|
|
|
|
$('prop_cf_dropdown_size').value = actual_element.getProperty('size');
|
|
|
|
(actual_element.getProperty('firstoption') == '1') ? $('prop_cf_dropdown_firstoption').checked = true : $('prop_cf_dropdown_firstoption').checked = false;
|
|
$('prop_cf_dropdown_firstoptiontext').value = actual_element.getProperty('firstoptiontext');
|
|
|
|
|
|
$('prop_cf_dropdown_options').value = ''; //setText('');
|
|
var prop_cf_dropdown_options = Array(actual_element.getElements('input').length);
|
|
var counter = 0;
|
|
actual_element.getElements('option').each(function(option){
|
|
//$('prop_cf_dropdown_options').value = $('prop_cf_dropdown_options').value + input.getProperty('value') +',';
|
|
prop_cf_dropdown_options[counter] = option.getProperty('value');
|
|
counter = counter + 1;
|
|
});
|
|
$('prop_cf_dropdown_options').value = prop_cf_dropdown_options.join("\n");
|
|
|
|
$('prop_cf_dropdown_done').removeEvents();
|
|
$('prop_cf_dropdown_done').addEvent('click', saveSelect.bindWithEvent(actual_element));
|
|
|
|
////////////////////////////// CHECKBOXes BOX
|
|
//} else if(ParentTag == 'div'){
|
|
//if(element.getFirst().getProperty('type') == 'checkbox'){
|
|
} else if (element.getFirst().hasClass('cf_checkbox')){
|
|
actual_element = $E('div[class=float_left]', element);
|
|
ParentTag = actual_element.getFirst().getProperty('type');
|
|
function saveCheckbox(){
|
|
$E('label', element).setText($('prop_cf_checkbox_label').value);
|
|
//$('slabel_'+actual_element.getParent().getParent().getProperty('title')).value = $('prop_cf_checkbox_slabel').value;
|
|
$E('div.slabel', element).setText($('prop_cf_checkbox_slabel').value);
|
|
($('prop_cf_checkbox_hide_label').checked == true) ? $E('label', element).setStyle('display', 'none') : $E('label', element).setStyle('display', 'block');
|
|
$E('label', element).setStyle('width', $('prop_cf_checkbox_label_width').value.trim()+'px');
|
|
//actual_element.setProperty('name', $('prop_cf_checkbox_field_name').value);
|
|
actual_element.setProperty('title', $('prop_cf_checkbox_title').value);
|
|
|
|
actual_element.setHTML('');
|
|
check_number = 1;
|
|
var count = $('left_column').getElements('div[class=float_left]').indexOf(actual_element);
|
|
$('prop_cf_checkbox_options').value.split('\n').each(function(check){
|
|
if(check.trim()){
|
|
newcheck = new Element('input', {'name':'check'+count+'[]', 'value':check.trim(), 'id':'check_'+count+check_number, 'class':'radio', "type":'checkbox'});
|
|
//newcheck.setProperty('value', check);
|
|
//newcheck.setProperty('name', check.replace(" ", "_"));
|
|
//newcheck.setProperty('id', check.replace(" ", "_"));
|
|
//newcheck.setProperty('class', 'radio');
|
|
newcheck.injectInside(actual_element);
|
|
checklabel = new Element('label').setProperty("class", 'check_label');
|
|
checklabel.setProperty('for', 'check_'+count+check_number);
|
|
checklabel.setText(check.trim());
|
|
checklabel.injectInside(actual_element);
|
|
linebreak = new Element('br');
|
|
linebreak.injectInside(actual_element);
|
|
check_number = check_number + 1;
|
|
}
|
|
});
|
|
|
|
|
|
|
|
$('prop_cf_checkbox').getElements('input[name^=validation_]').each(function(checkbox){
|
|
$E('input[type=checkbox]', actual_element).removeClass(checkbox.value);
|
|
});
|
|
$('prop_cf_checkbox').getElements('input[name^=validation_]').each(function(checkbox){
|
|
if(checkbox.checked)
|
|
$E('input[type=checkbox]', actual_element).addClass(checkbox.value);
|
|
});
|
|
if($('prop_cf_checkbox_description').value.trim() != ''){
|
|
if($chk($E('div.tooltipdiv', element))){
|
|
tooltipdiv = $E('div.tooltipdiv', element);
|
|
|
|
tooltipdiv.setText($('prop_cf_checkbox_label').value+' :: '+$('prop_cf_checkbox_description').value.trim());
|
|
tooltiplink = $E('a.tooltiplink', element);
|
|
if($chk($('tool-tip-'+actual_element.getProperty('id')))){
|
|
$('tool-tip-'+actual_element.getProperty('id')).remove();
|
|
}
|
|
var Tips1 = new ChronoTips(tooltiplink, $E('div.tooltipdiv', element).getText(), {elementid:actual_element.getProperty('id')});
|
|
}else{
|
|
tooltipdiv = new Element('div', {'class':'tooltipdiv', styles:{'display':'none'}});
|
|
tooltipdiv.setText($('prop_cf_checkbox_label').value+' :: '+$('prop_cf_checkbox_description').value.trim());
|
|
tooltipdiv.injectAfter(actual_element);
|
|
tooltipimg = new Element('img', {'class':"tooltipimg", 'alt':'', 'src':'components/com_chronocontact/css/images/tooltip.png', 'border':"0", 'styles':{'display':'inline', 'border':'0px solid #fff', 'margin':'0px 0px 0px 10px'}, 'width':"16", 'height':"16"});
|
|
tooltiplink = new Element('a', {'class':"tooltiplink", 'onclick':'return false;'});//, 'title':$E('div.tooltipdiv', element).getText()});
|
|
tooltipimg.injectInside(tooltiplink);
|
|
tooltiplink.injectAfter(actual_element);
|
|
var Tips1 = new ChronoTips(tooltiplink, $E('div.tooltipdiv', element).getText(), {elementid:actual_element.getProperty('id')});
|
|
}
|
|
}else{
|
|
if($chk($E('div.tooltipdiv', element)))$E('div.tooltipdiv', element).remove();
|
|
if($chk($E('a.tooltiplink', element)))$E('a.tooltiplink', element).remove();
|
|
if($chk($('tool-tip-'+actual_element.getProperty('id')))){
|
|
$('tool-tip-'+actual_element.getProperty('id')).remove();
|
|
}
|
|
}
|
|
|
|
|
|
}
|
|
if($chk($E('div.tooltipdiv', element))){
|
|
$('prop_cf_checkbox_description').value = $E('div.tooltipdiv', element).getText().split(' :: ')[1];
|
|
}else{
|
|
$('prop_cf_checkbox_description').value = '';
|
|
}
|
|
$('prop_cf_checkbox').getElements('input[name^=validation_]').each(function(checkbox){
|
|
if($E('input[type=checkbox]', actual_element).hasClass(checkbox.value))checkbox.checked = true;
|
|
else checkbox.checked = false;
|
|
});
|
|
$('prop_cf_checkbox_title').value = actual_element.getProperty('title');
|
|
$('prop_cf_checkbox').setStyle('display','block');
|
|
$('prop_cf_checkbox_label').value = $E('label', element).getText();
|
|
|
|
($E('label', element).getStyle('display') == 'none') ? $('prop_cf_checkbox_hide_label').checked = true : $('prop_cf_checkbox_hide_label').checked = false;
|
|
$('prop_cf_checkbox_slabel').value = $E('div.slabel', element).getText();//$('slabel_'+actual_element.getParent().getParent().getProperty('title')).value;
|
|
$('prop_cf_checkbox_label_width').value = $E('label', element).getStyle('width').toInt();
|
|
//$('prop_cf_checkbox_field_name').value = actual_element.getProperty('name');
|
|
|
|
$('prop_cf_checkbox_options').value = '';//setText('');
|
|
var prop_cf_checkbox_options = Array(actual_element.getElements('input').length);
|
|
var counter = 0;
|
|
actual_element.getElements('input').each(function(input){//alert($('prop_cf_checkbox_options').innerHTML); alert(input.getProperty('value'));
|
|
//$('prop_cf_checkbox_options').value = $('prop_cf_checkbox_options').value + input.getProperty('value') +',';
|
|
prop_cf_checkbox_options[counter] = input.getProperty('value');
|
|
counter = counter + 1;
|
|
});
|
|
$('prop_cf_checkbox_options').value = prop_cf_checkbox_options.join("\n");
|
|
$('prop_cf_checkbox_done').removeEvents();
|
|
$('prop_cf_checkbox_done').addEvent('click', saveCheckbox.bindWithEvent(actual_element));
|
|
|
|
////////////////////////////// RADIOs BOX
|
|
//} else if(element.getFirst().getProperty('type') == 'radio'){
|
|
} else if (element.getFirst().hasClass('cf_radiobutton')){
|
|
actual_element = $E('div[class=float_left]', element);
|
|
ParentTag = actual_element.getFirst().getProperty('type');
|
|
function saveRadio(){
|
|
$E('label', element).setText($('prop_cf_radiobutton_label').value);
|
|
//$('slabel_'+actual_element.getParent().getParent().getProperty('title')).value = $('prop_cf_radiobutton_slabel').value;
|
|
$E('div.slabel', element).setText($('prop_cf_radiobutton_slabel').value);
|
|
($('prop_cf_radiobutton_hide_label').checked == true) ? $E('label', element).setStyle('display', 'none') : $E('label', element).setStyle('display', 'block');
|
|
$E('label', element).setStyle('width', $('prop_cf_radiobutton_label_width').value.trim()+'px');
|
|
//actual_element.setProperty('name', $('prop_cf_radiobutton_field_name').value);
|
|
actual_element.setProperty('title', $('prop_cf_radiobutton_title').value);
|
|
|
|
actual_element.setHTML('');
|
|
radio_number = 1;
|
|
var count = $('left_column').getElements('div[class=float_left]').indexOf(actual_element);
|
|
$('prop_cf_radiobutton_options').value.split('\n').each(function(radio){
|
|
if(radio.trim()){
|
|
newradio = new Element('input', {'name':'radio'+count, 'value':radio.trim(), 'id':'radio_'+count+radio_number, 'class':'radio', "type":'radio'});
|
|
//newradio.setProperty('value', radio);
|
|
//newradio.setProperty('name', 'radio'+count);
|
|
//newradio.setProperty('id', radio.replace(" ", "_")+count);
|
|
//newradio.setProperty('class', 'radio');
|
|
newradio.injectInside(actual_element);
|
|
radiolabel = new Element('label').setProperty("class", 'radio_label');
|
|
radiolabel.setProperty('for', 'radio_'+count+radio_number);
|
|
radiolabel.setText(radio.trim());
|
|
radiolabel.injectInside(actual_element);
|
|
linebreak = new Element('br');
|
|
linebreak.injectInside(actual_element);
|
|
radio_number = radio_number + 1;
|
|
}
|
|
});
|
|
$('prop_cf_radiobutton').getElements('input[name^=validation_]').each(function(checkbox){
|
|
$E('input[type=radio]', actual_element).removeClass(checkbox.value);
|
|
});
|
|
$('prop_cf_radiobutton').getElements('input[name^=validation_]').each(function(checkbox){
|
|
if(checkbox.checked)
|
|
$E('input[type=radio]', actual_element).addClass(checkbox.value);
|
|
});
|
|
if($('prop_cf_radiobutton_description').value.trim() != ''){
|
|
if($chk($E('div.tooltipdiv', element))){
|
|
tooltipdiv = $E('div.tooltipdiv', element);
|
|
|
|
tooltipdiv.setText($('prop_cf_radiobutton_label').value+' :: '+$('prop_cf_radiobutton_description').value.trim());
|
|
tooltiplink = $E('a.tooltiplink', element);
|
|
if($chk($('tool-tip-'+actual_element.getProperty('id')))){
|
|
$('tool-tip-'+actual_element.getProperty('id')).remove();
|
|
}
|
|
var Tips1 = new ChronoTips(tooltiplink, $E('div.tooltipdiv', element).getText(), {elementid:actual_element.getProperty('id')});
|
|
}else{
|
|
tooltipdiv = new Element('div', {'class':'tooltipdiv', styles:{'display':'none'}});
|
|
tooltipdiv.setText($('prop_cf_radiobutton_label').value+' :: '+$('prop_cf_radiobutton_description').value.trim());
|
|
tooltipdiv.injectAfter(actual_element);
|
|
tooltipimg = new Element('img', {'class':"tooltipimg", 'alt':'', 'src':'components/com_chronocontact/css/images/tooltip.png', 'border':"0", 'styles':{'display':'inline', 'border':'0px solid #fff', 'margin':'0px 0px 0px 10px'}, 'width':"16", 'height':"16"});
|
|
tooltiplink = new Element('a', {'class':"tooltiplink", 'onclick':'return false;'});//, 'title':$E('div.tooltipdiv', element).getText()});
|
|
tooltipimg.injectInside(tooltiplink);
|
|
tooltiplink.injectAfter(actual_element);
|
|
var Tips1 = new ChronoTips(tooltiplink, $E('div.tooltipdiv', element).getText(), {elementid:actual_element.getProperty('id')});
|
|
}
|
|
}else{
|
|
if($chk($E('div.tooltipdiv', element)))$E('div.tooltipdiv', element).remove();
|
|
if($chk($E('a.tooltiplink', element)))$E('a.tooltiplink', element).remove();
|
|
if($chk($('tool-tip-'+actual_element.getProperty('id')))){
|
|
$('tool-tip-'+actual_element.getProperty('id')).remove();
|
|
}
|
|
}
|
|
|
|
|
|
}
|
|
if($chk($E('div.tooltipdiv', element))){
|
|
$('prop_cf_radiobutton_description').value = $E('div.tooltipdiv', element).getText().split(' :: ')[1];
|
|
}else{
|
|
$('prop_cf_radiobutton_description').value = '';
|
|
}
|
|
$('prop_cf_radiobutton').getElements('input[name^=validation_]').each(function(checkbox){
|
|
if($E('input[type=radio]', actual_element).hasClass(checkbox.value))checkbox.checked = true;
|
|
else checkbox.checked = false;
|
|
});
|
|
$('prop_cf_radiobutton_title').value = actual_element.getProperty('title');
|
|
$('prop_cf_radiobutton').setStyle('display','block');
|
|
$('prop_cf_radiobutton_label').value = $E('label', element).getText();
|
|
|
|
|
|
($E('label', element).getStyle('display') == 'none') ? $('prop_cf_radiobutton_hide_label').checked = true : $('prop_cf_radiobutton_hide_label').checked = false;
|
|
$('prop_cf_radiobutton_label_width').value = $E('label', element).getStyle('width').toInt();
|
|
//$('prop_cf_radiobutton_field_name').value = actual_element.getProperty('name');
|
|
$('prop_cf_radiobutton_slabel').value = $E('div.slabel', element).getText();//$('slabel_'+actual_element.getParent().getParent().getProperty('title')).value;
|
|
$('prop_cf_radiobutton_options').value = ''; //setText('');
|
|
var prop_cf_radiobutton_options = Array(actual_element.getElements('input').length);
|
|
var counter = 0;
|
|
actual_element.getElements('input').each(function(input){
|
|
//$('prop_cf_radiobutton_options').value = $('prop_cf_radiobutton_options').value + input.getProperty('value') +',';
|
|
prop_cf_radiobutton_options[counter] = input.getProperty('value');
|
|
counter = counter + 1;
|
|
});
|
|
$('prop_cf_radiobutton_options').value = prop_cf_radiobutton_options.join("\n");
|
|
$('prop_cf_radiobutton_done').removeEvents();
|
|
$('prop_cf_radiobutton_done').addEvent('click', saveRadio.bindWithEvent(actual_element));
|
|
//}
|
|
|
|
////////////////////////////// SUBMIT BUTTON
|
|
//} else if ((ParentTag == 'input')&&(element.getProperty('type') == 'submit')){
|
|
} else if (element.getFirst().hasClass('cf_button')){
|
|
actual_element = $E('input[type=button]', element);
|
|
function saveButton(){
|
|
actual_element.setProperty('value', $('prop_cf_button_text').value);
|
|
if($('prop_cf_button_reset').value == '1'){
|
|
Reset = $E('input[type=reset]', element);
|
|
if(!Reset){
|
|
Reset = new Element('input').setProperty("type", 'reset');
|
|
Reset.setProperty('value', 'Reset');
|
|
Reset.injectAfter(actual_element);
|
|
}
|
|
}else{
|
|
Reset = $E('input[type=reset]', element);
|
|
if(Reset)Reset.remove();
|
|
}
|
|
if($('prop_cf_button_description').value.trim() != ''){
|
|
if($chk($E('div.tooltipdiv', element))){
|
|
tooltipdiv = $E('div.tooltipdiv', element);
|
|
|
|
tooltipdiv.setText($('prop_cf_button_text').value+' :: '+$('prop_cf_button_description').value.trim());
|
|
tooltiplink = $E('a.tooltiplink', element);
|
|
if($chk($('tool-tip-'+actual_element.getProperty('id')))){
|
|
$('tool-tip-'+actual_element.getProperty('id')).remove();
|
|
}
|
|
var Tips1 = new ChronoTips(tooltiplink, $E('div.tooltipdiv', element).getText(), {elementid:actual_element.getProperty('id')});
|
|
}else{
|
|
tooltipdiv = new Element('div', {'class':'tooltipdiv', styles:{'display':'none'}});
|
|
tooltipdiv.setText($('prop_cf_button_text').value+' :: '+$('prop_cf_button_description').value.trim());
|
|
tooltipdiv.injectAfter(actual_element);
|
|
tooltipimg = new Element('img', {'class':"tooltipimg", 'alt':'', 'src':'components/com_chronocontact/css/images/tooltip.png', 'border':"0", 'styles':{'display':'inline', 'border':'0px solid #fff', 'margin':'0px 0px 0px 10px'}, 'width':"16", 'height':"16"});
|
|
tooltiplink = new Element('a', {'class':"tooltiplink", 'onclick':'return false;'});//, 'title':$E('div.tooltipdiv', element).getText()});
|
|
tooltipimg.injectInside(tooltiplink);
|
|
tooltiplink.injectAfter(actual_element);
|
|
var Tips1 = new ChronoTips(tooltiplink, $E('div.tooltipdiv', element).getText(), {elementid:actual_element.getProperty('id')});
|
|
}
|
|
}else{
|
|
if($chk($E('div.tooltipdiv', element)))$E('div.tooltipdiv', element).remove();
|
|
if($chk($E('a.tooltiplink', element)))$E('a.tooltiplink', element).remove();
|
|
if($chk($('tool-tip-'+actual_element.getProperty('id')))){
|
|
$('tool-tip-'+actual_element.getProperty('id')).remove();
|
|
}
|
|
}
|
|
|
|
|
|
}
|
|
if($chk($E('div.tooltipdiv', element))){
|
|
$('prop_cf_button_description').value = $E('div.tooltipdiv', element).getText().split(' :: ')[1];
|
|
}else{
|
|
$('prop_cf_button_description').value = '';
|
|
}
|
|
$('prop_cf_button').setStyle('display','block');
|
|
Resetb = $E('input[type=reset]', element);
|
|
if(Resetb)$('prop_cf_button_reset').value = '1';
|
|
$('prop_cf_button_text').value = actual_element.getProperty('value');
|
|
$('prop_cf_button_done').removeEvents();
|
|
$('prop_cf_button_done').addEvent('click', saveButton.bindWithEvent(actual_element));
|
|
|
|
////////////////////////////// FILE UPLOAD BOX
|
|
//} else if ((ParentTag == 'input')&&(element.getProperty('type') == 'file')){
|
|
} else if (element.getFirst().hasClass('cf_fileupload')){
|
|
actual_element = $E('input[type=file]', element);
|
|
function saveFile(){
|
|
$E('label', element).setText($('prop_cf_fileupload_label').value);
|
|
//$('slabel_'+actual_element.getParent().getParent().getProperty('title')).value = $('prop_cf_fileupload_slabel').value;
|
|
$E('div.slabel', element).setText($('prop_cf_fileupload_slabel').value);
|
|
($('prop_cf_fileupload_hide_label').checked == true) ? $E('label', element).setStyle('display', 'none') : $E('label', element).setStyle('display', 'block');
|
|
$E('label', element).setStyle('width', $('prop_cf_fileupload_label_width').value.trim()+'px');
|
|
var oldfilename = actual_element.getProperty('name');
|
|
actual_element.setProperty('name', $('prop_cf_fileupload_field_name').value);
|
|
$('prop_cf_fileupload').getElements('input[name^=validation_]').each(function(checkbox){
|
|
actual_element.removeClass(checkbox.value);
|
|
});
|
|
$('prop_cf_fileupload').getElements('input[name^=validation_]').each(function(checkbox){
|
|
if(checkbox.checked)
|
|
actual_element.addClass(checkbox.value);
|
|
});
|
|
actual_element.setProperty('title', $('prop_cf_fileupload_title').value);
|
|
//var uploadfields = new Array();
|
|
//var field;
|
|
if($('uploadfields').value.trim()){
|
|
var uploadfields = $('uploadfields').value.trim().split(',');
|
|
var i = 0;
|
|
var set = 0;
|
|
uploadfields.each(function(field){
|
|
//alert(field);
|
|
var field_data = field.split(':');
|
|
if(field_data[0] == actual_element.getProperty('name')){
|
|
uploadfields[i] = actual_element.getProperty('name')+ ':' + $('prop_cf_fileupload_extensions').value + '{' + $('prop_cf_fileupload_maxsize').value + '-' + $('prop_cf_fileupload_minsize').value + '}';
|
|
//alert(uploadfields[i]);
|
|
set = 1;
|
|
}else{
|
|
if(field_data[0] == oldfilename){
|
|
uploadfields[i] = actual_element.getProperty('name')+ ':' + $('prop_cf_fileupload_extensions').value + '{' + $('prop_cf_fileupload_maxsize').value + '-' + $('prop_cf_fileupload_minsize').value + '}';
|
|
//alert(uploadfields[i]);
|
|
set = 1;
|
|
}
|
|
//nothing
|
|
}
|
|
i = i + 1;
|
|
});
|
|
if(!set)uploadfields[uploadfields.length] = actual_element.getProperty('name')+ ':' + $('prop_cf_fileupload_extensions').value + '{' + $('prop_cf_fileupload_maxsize').value + '-' + $('prop_cf_fileupload_minsize').value + '}';
|
|
$('uploadfields').value = uploadfields.join(',');
|
|
}else{
|
|
$('uploadfields').value = actual_element.getProperty('name')+ ':' + $('prop_cf_fileupload_extensions').value + '{' + $('prop_cf_fileupload_maxsize').value + '-' + $('prop_cf_fileupload_minsize').value + '}';
|
|
}
|
|
//alert(uploadfields.length);
|
|
/*for(var field in uploadfields){alert(field);
|
|
var field_data = uploadfields[field].split(':');
|
|
if(field_data == actual_element.getProperty('id')){uploadfields[field] = actual_element.getProperty('id')+ ':' + $('prop_cf_fileupload_extensions').value;}
|
|
}
|
|
$('uploadfields').value = uploadfields.join(',');*/
|
|
//$('uploadfields').value = actual_element.getProperty('id')+ ':' + $('prop_cf_fileupload_extensions').value;
|
|
//actual_element.setProperty('value', $('prop_'+actual_element.getProperty('type')+'_text').value);
|
|
if($('prop_cf_fileupload_description').value.trim() != ''){
|
|
if($chk($E('div.tooltipdiv', element))){
|
|
tooltipdiv = $E('div.tooltipdiv', element);
|
|
|
|
tooltipdiv.setText($('prop_cf_fileupload_label').value+' :: '+$('prop_cf_fileupload_description').value.trim());
|
|
tooltiplink = $E('a.tooltiplink', element);
|
|
if($chk($('tool-tip-'+actual_element.getProperty('id')))){
|
|
$('tool-tip-'+actual_element.getProperty('id')).remove();
|
|
}
|
|
var Tips1 = new ChronoTips(tooltiplink, $E('div.tooltipdiv', element).getText(), {elementid:actual_element.getProperty('id')});
|
|
}else{
|
|
tooltipdiv = new Element('div', {'class':'tooltipdiv', styles:{'display':'none'}});
|
|
tooltipdiv.setText($('prop_cf_fileupload_label').value+' :: '+$('prop_cf_fileupload_description').value.trim());
|
|
tooltipdiv.injectAfter(actual_element);
|
|
tooltipimg = new Element('img', {'class':"tooltipimg", 'alt':'', 'src':'components/com_chronocontact/css/images/tooltip.png', 'border':"0", 'styles':{'display':'inline', 'border':'0px solid #fff', 'margin':'0px 0px 0px 80px'}, 'width':"16", 'height':"16"});
|
|
tooltiplink = new Element('a', {'class':"tooltiplink", 'onclick':'return false;'});//, 'title':$E('div.tooltipdiv', element).getText()});
|
|
tooltipimg.injectInside(tooltiplink);
|
|
tooltiplink.injectAfter(actual_element);
|
|
var Tips1 = new ChronoTips(tooltiplink, $E('div.tooltipdiv', element).getText(), {elementid:actual_element.getProperty('id')});
|
|
}
|
|
}else{
|
|
if($chk($E('div.tooltipdiv', element)))$E('div.tooltipdiv', element).remove();
|
|
if($chk($E('a.tooltiplink', element)))$E('a.tooltiplink', element).remove();
|
|
if($chk($('tool-tip-'+actual_element.getProperty('id')))){
|
|
$('tool-tip-'+actual_element.getProperty('id')).remove();
|
|
}
|
|
}
|
|
|
|
|
|
}
|
|
if($chk($E('div.tooltipdiv', element))){
|
|
$('prop_cf_fileupload_description').value = $E('div.tooltipdiv', element).getText().split(' :: ')[1];
|
|
}else{
|
|
$('prop_cf_fileupload_description').value = '';
|
|
}
|
|
$('prop_cf_fileupload').setStyle('display','block');
|
|
$('prop_cf_fileupload_label').value = $E('label', element).getText();
|
|
$('prop_cf_fileupload').getElements('input[name^=validation_]').each(function(checkbox){
|
|
if(actual_element.hasClass(checkbox.value))checkbox.checked = true;
|
|
else checkbox.checked = false;
|
|
});
|
|
$('prop_cf_fileupload_title').value = actual_element.getProperty('title');
|
|
($E('label', element).getStyle('display') == 'none') ? $('prop_cf_fileupload_hide_label').checked = true : $('prop_cf_fileupload_hide_label').checked = false;
|
|
$('prop_cf_fileupload_label_width').value = $E('label', element).getStyle('width').toInt();
|
|
$('prop_cf_fileupload_field_name').value = actual_element.getProperty('name');
|
|
$('prop_cf_fileupload_slabel').value = $E('div.slabel', element).getText();//$('slabel_'+actual_element.getParent().getParent().getProperty('title')).value;
|
|
$('prop_cf_fileupload_extensions').value = '';
|
|
$('prop_cf_fileupload_maxsize').value = '';
|
|
$('prop_cf_fileupload_minsize').value = '';
|
|
var uploadfields = $('uploadfields').value.trim().split(',');
|
|
uploadfields.each(function(field){
|
|
var field_data = field.split(':');
|
|
if(field_data[0] == actual_element.getProperty('name')){
|
|
var field_data2 = field_data[1].split('{');
|
|
var field_data3 = field_data2[1].split('-');
|
|
$('prop_cf_fileupload_extensions').value = field_data2[0];
|
|
$('prop_cf_fileupload_maxsize').value = field_data3[0];
|
|
$('prop_cf_fileupload_minsize').value = field_data3[1].replace('}', '');
|
|
}else{
|
|
//nothing
|
|
}
|
|
});
|
|
//$('prop_'+actual_element.getProperty('type')+'_text').value = actual_element.getProperty('value');
|
|
$('prop_cf_fileupload_done').removeEvents();
|
|
$('prop_cf_fileupload_done').addEvent('click', saveFile.bindWithEvent(actual_element));
|
|
|
|
|
|
////////////////////////////// CAPTCHA
|
|
//} else if ((ParentTag == 'input')&&(element.getProperty('type') == 'file')){
|
|
} else if (element.getFirst().hasClass('cf_captcha')){
|
|
actual_element = $E('span', element);
|
|
function saveCaptcha(){
|
|
$E('label', element).setText($('prop_cf_captcha_label').value);
|
|
($('prop_cf_captcha_hide_label').checked == true) ? $E('label', element).setStyle('display', 'none') : $E('label', element).setStyle('display', 'block');
|
|
$E('label', element).setStyle('width', $('prop_cf_captcha_label_width').value.trim()+'px');
|
|
//element.setProperty('value', $('prop_'+element.getProperty('type')+'_text').value);
|
|
if($('prop_cf_captcha_description').value.trim() != ''){
|
|
if($chk($E('div.tooltipdiv', element))){
|
|
tooltipdiv = $E('div.tooltipdiv', element);
|
|
|
|
tooltipdiv.setText($('prop_cf_captcha_label').value+' :: '+$('prop_cf_captcha_description').value.trim());
|
|
tooltiplink = $E('a.tooltiplink', element);
|
|
if($chk($('tool-tip-'+actual_element.getProperty('id')))){
|
|
$('tool-tip-'+actual_element.getProperty('id')).remove();
|
|
}
|
|
var Tips1 = new ChronoTips(tooltiplink, $E('div.tooltipdiv', element).getText(), {elementid:actual_element.getProperty('id')});
|
|
}else{
|
|
tooltipdiv = new Element('div', {'class':'tooltipdiv', styles:{'display':'none'}});
|
|
tooltipdiv.setText($('prop_cf_captcha_label').value+' :: '+$('prop_cf_captcha_description').value.trim());
|
|
tooltipdiv.injectAfter(actual_element);
|
|
tooltipimg = new Element('img', {'class':"tooltipimg", 'alt':'', 'src':'components/com_chronocontact/css/images/tooltip.png', 'border':"0", 'styles':{'display':'inline', 'border':'0px solid #fff', 'margin':'0px 0px 0px 10px'}, 'width':"16", 'height':"16"});
|
|
tooltiplink = new Element('a', {'class':"tooltiplink", 'onclick':'return false;'});//, 'title':$E('div.tooltipdiv', element).getText()});
|
|
tooltipimg.injectInside(tooltiplink);
|
|
tooltiplink.injectAfter(actual_element);
|
|
var Tips1 = new ChronoTips(tooltiplink, $E('div.tooltipdiv', element).getText(), {elementid:actual_element.getProperty('id')});
|
|
}
|
|
}else{
|
|
if($chk($E('div.tooltipdiv', element)))$E('div.tooltipdiv', element).remove();
|
|
if($chk($E('a.tooltiplink', element)))$E('a.tooltiplink', element).remove();
|
|
if($chk($('tool-tip-'+actual_element.getProperty('id')))){
|
|
$('tool-tip-'+actual_element.getProperty('id')).remove();
|
|
}
|
|
}
|
|
|
|
|
|
}
|
|
if($chk($E('div.tooltipdiv', element))){
|
|
$('prop_cf_captcha_description').value = $E('div.tooltipdiv', element).getText().split(' :: ')[1];
|
|
}else{
|
|
$('prop_cf_captcha_description').value = '';
|
|
}
|
|
$('prop_cf_captcha').setStyle('display','block');
|
|
$('prop_cf_captcha_label').value = $E('label', element).getText();
|
|
|
|
($E('label', element).getStyle('display') == 'none') ? $('prop_cf_captcha_hide_label').checked = true : $('prop_cf_captcha_hide_label').checked = false;
|
|
$('prop_cf_captcha_label_width').value = $E('label', element).getStyle('width').toInt();
|
|
//$('prop_'+element.getProperty('type')+'_text').value = element.getProperty('value');
|
|
$('prop_cf_captcha_done').removeEvents();
|
|
$('prop_cf_captcha_done').addEvent('click', saveCaptcha.bindWithEvent(actual_element));
|
|
////////////////////////////// PASSWORD BOX
|
|
//} else if ((ParentTag == 'input')&&(element.getProperty('type') == 'password')){
|
|
} else if (element.getFirst().hasClass('cf_password')){
|
|
actual_element = $E('input[type=password]', element);
|
|
function savePasswordBox(){
|
|
$E('label', element).setText($('prop_cf_password_label').value);
|
|
//$('slabel_'+actual_element.getParent().getParent().getProperty('title')).value = $('prop_cf_password_slabel').value;
|
|
$E('div.slabel', element).setText($('prop_cf_password_slabel').value);
|
|
($('prop_cf_password_hide_label').checked == true) ? $E('label', element).setStyle('display', 'none') : $E('label', element).setStyle('display', 'block');
|
|
$E('label', element).setStyle('width', $('prop_cf_password_label_width').value.trim()+'px');
|
|
actual_element.setProperty('name', $('prop_cf_password_field_name').value);
|
|
|
|
actual_element.setProperty('size', $('prop_cf_password_size').value);
|
|
actual_element.setProperty('maxlength', $('prop_cf_password_max').value);
|
|
$('prop_cf_password').getElements('input[name^=validation_]').each(function(checkbox){
|
|
actual_element.removeClass(checkbox.value);
|
|
});
|
|
$('prop_cf_password').getElements('input[name^=validation_]').each(function(checkbox){
|
|
if(checkbox.checked)
|
|
actual_element.addClass(checkbox.value);
|
|
});
|
|
actual_element.setProperty('title', $('prop_cf_password_title').value);
|
|
if($('prop_cf_password_description').value.trim() != ''){
|
|
if($chk($E('div.tooltipdiv', element))){
|
|
tooltipdiv = $E('div.tooltipdiv', element);
|
|
|
|
tooltipdiv.setText($('prop_cf_password_label').value+' :: '+$('prop_cf_password_description').value.trim());
|
|
tooltiplink = $E('a.tooltiplink', element);
|
|
if($chk($('tool-tip-'+actual_element.getProperty('id')))){
|
|
$('tool-tip-'+actual_element.getProperty('id')).remove();
|
|
}
|
|
var Tips1 = new ChronoTips(tooltiplink, $E('div.tooltipdiv', element).getText(), {elementid:actual_element.getProperty('id')});
|
|
}else{
|
|
tooltipdiv = new Element('div', {'class':'tooltipdiv', styles:{'display':'none'}});
|
|
tooltipdiv.setText($('prop_cf_password_label').value+' :: '+$('prop_cf_password_description').value.trim());
|
|
tooltipdiv.injectAfter(actual_element);
|
|
tooltipimg = new Element('img', {'class':"tooltipimg", 'alt':'', 'src':'components/com_chronocontact/css/images/tooltip.png', 'border':"0", 'styles':{'display':'inline', 'border':'0px solid #fff', 'margin':'0px 0px 0px 10px'}, 'width':"16", 'height':"16"});
|
|
tooltiplink = new Element('a', {'class':"tooltiplink", 'onclick':'return false;'});//, 'title':$E('div.tooltipdiv', element).getText()});
|
|
tooltipimg.injectInside(tooltiplink);
|
|
tooltiplink.injectAfter(actual_element);
|
|
var Tips1 = new ChronoTips(tooltiplink, $E('div.tooltipdiv', element).getText(), {elementid:actual_element.getProperty('id')});
|
|
}
|
|
}else{
|
|
if($chk($E('div.tooltipdiv', element)))$E('div.tooltipdiv', element).remove();
|
|
if($chk($E('a.tooltiplink', element)))$E('a.tooltiplink', element).remove();
|
|
if($chk($('tool-tip-'+actual_element.getProperty('id')))){
|
|
$('tool-tip-'+actual_element.getProperty('id')).remove();
|
|
}
|
|
}
|
|
|
|
|
|
}
|
|
if($chk($E('div.tooltipdiv', element))){
|
|
$('prop_cf_password_description').value = $E('div.tooltipdiv', element).getText().split(' :: ')[1];
|
|
}else{
|
|
$('prop_cf_password_description').value = '';
|
|
}
|
|
$('prop_cf_password').getElements('input[name^=validation_]').each(function(checkbox){
|
|
if(actual_element.hasClass(checkbox.value))checkbox.checked = true;
|
|
else checkbox.checked = false;
|
|
});
|
|
$('prop_cf_password').setStyle('display','block');
|
|
$('prop_cf_password_label').value = $E('label', element).getText();
|
|
$('prop_cf_password_title').value = actual_element.getProperty('title');
|
|
($E('label', element).getStyle('display') == 'none') ? $('prop_cf_password_hide_label').checked = true : $('prop_cf_password_hide_label').checked = false;
|
|
$('prop_cf_password_label_width').value = $E('label', element).getStyle('width').toInt();
|
|
$('prop_cf_password_field_name').value = actual_element.getProperty('name');
|
|
$('prop_cf_password_slabel').value = $E('div.slabel', element).getText();//$('slabel_'+actual_element.getParent().getParent().getProperty('title')).value;
|
|
$('prop_cf_password_size').value = actual_element.getProperty('size');
|
|
$('prop_cf_password_max').value = actual_element.getProperty('maxlength');
|
|
$('prop_cf_password_done').removeEvents();
|
|
$('prop_cf_password_done').addEvent('click', savePasswordBox.bindWithEvent(actual_element));
|
|
////////////////////////////// HIDDEN FIELD
|
|
} else if (element.getFirst().hasClass('cf_hidden')){
|
|
actual_element = $E('input[type=hidden]', element);
|
|
function savehiddenBox(){
|
|
actual_element.setProperty('name', $('prop_cf_hidden_name').value);
|
|
actual_element.value = $('prop_cf_hidden_value').value;
|
|
}
|
|
$('prop_cf_hidden').setStyle('display','block');
|
|
$('prop_cf_hidden_name').value = actual_element.getProperty('name');
|
|
$('prop_cf_hidden_value').value = actual_element.getProperty('value');
|
|
$('prop_cf_hidden_done').removeEvents();
|
|
$('prop_cf_hidden_done').addEvent('click', savehiddenBox.bindWithEvent(actual_element));
|
|
////////////////////////////// PLACEHOLDER
|
|
} else if (element.getFirst().hasClass('cf_placeholder')){
|
|
actual_element = $E('span', element);
|
|
function saveplaceholder(){
|
|
var elementparamstring = element.getFirst().getFirst().getProperty('params');
|
|
var elementparams = elementparamstring.split('*,*');
|
|
for (var i = 0; i < elementparams.length; i++) {
|
|
var eparamdetails = elementparams[i].split('=');
|
|
actual_element.setProperty(eparamdetails[0], $('prop_cf_placeholder_'+element.getFirst().getProperty('number')+'_'+eparamdetails[0]).value);
|
|
}
|
|
}
|
|
$('prop_cf_placeholder_'+element.getFirst().getProperty('number')).setStyle('display','block');
|
|
var elementparamstring = element.getFirst().getFirst().getProperty('params');
|
|
var elementparams = elementparamstring.split('*,*');
|
|
for (var i = 0; i < elementparams.length; i++) {
|
|
var eparamdetails = elementparams[i].split('=');
|
|
$('prop_cf_placeholder_'+element.getFirst().getProperty('number')+'_'+eparamdetails[0]).value = actual_element.getProperty(eparamdetails[0]);
|
|
}
|
|
$('prop_cf_placeholder_'+element.getFirst().getProperty('number')+'_done').removeEvents();
|
|
$('prop_cf_placeholder_'+element.getFirst().getProperty('number')+'_done').addEvent('click', saveplaceholder.bindWithEvent(actual_element));
|
|
////////////////////////////// MULTIHOLDER
|
|
} else if (element.getFirst().hasClass('cf_multiholder')){
|
|
actual_element = $E('table', element);
|
|
function savemultiholder(){
|
|
$E('label', element).setText($('prop_cf_multiholder_label').value);
|
|
$E('div.slabel', element).setText($('prop_cf_multiholder_slabel').value);
|
|
($('prop_cf_multiholder_hide_label').checked == true) ? $E('label', element).setStyle('display', 'none') : $E('label', element).setStyle('display', 'block');
|
|
$E('label', element).setStyle('width', $('prop_cf_multiholder_label_width').value.trim()+'px');
|
|
//actual_element.setProperty('name', $('prop_cf_multiholder_field_name').value);
|
|
//actual_element.setProperty('title', $('prop_cf_multiholder_title').value);
|
|
new_themultiholdertable = new Element('table', {'title':'', 'width' : '65%', 'cellpadding' :'3px', 'cellspacing':'3px'}).setProperty("class", 'multi_container');
|
|
new_themultiholdertbody = new Element('tbody', {'width' : '100%'});
|
|
new_themultiholdertbody.injectInside(new_themultiholdertable);
|
|
new_themultiholdertr = new Element('tr', {'width' : '100%'});
|
|
//new_themultiholdertd = new Element('td', {'width' : '100%'}).setStyles({'width': '100%', 'vertical-align':'middle', 'text-align': 'center'});
|
|
//new_themultiholdertd.injectInside(new_themultiholdertr);
|
|
new_themultiholdertr.injectInside(new_themultiholdertbody);
|
|
$('prop_cf_multiholder_options').value.split(',').each(function(option){
|
|
if(option.trim()){
|
|
new_themultiholdertd = new Element('td').setStyles({'width': 'auto', 'vertical-align':'middle', 'text-align': 'center'}).setText(option);
|
|
new_themultiholdertd.injectInside(new_themultiholdertr);
|
|
}
|
|
});
|
|
actual_element.replaceWith(new_themultiholdertable);
|
|
new_themultiholdertable.getParent().getParent().showProperties(new_themultiholdertable.getParent().getParent().getTag());
|
|
}
|
|
|
|
//$('prop_cf_multiholder_title').value = actual_element.getProperty('title');
|
|
$('prop_cf_multiholder').setStyle('display','block');
|
|
$('prop_cf_multiholder_label').value = $E('label', element).getText();
|
|
$('prop_cf_multiholder_slabel').value = $E('div.slabel', element).getText();
|
|
($E('label', element).getStyle('display') == 'none') ? $('prop_cf_multiholder_hide_label').checked = true : $('prop_cf_multiholder_hide_label').checked = false;
|
|
$('prop_cf_multiholder_label_width').value = $E('label', element).getStyle('width').toInt();
|
|
//$('prop_cf_multiholder_field_name').value = actual_element.getProperty('name');
|
|
|
|
//$('prop_cf_multiholder_size').value = actual_element.getProperty('size');
|
|
|
|
$('prop_cf_multiholder_options').value = '';
|
|
var prop_cf_multiholder_options = Array(actual_element.getElements('td').length);
|
|
var counter = 0;
|
|
actual_element.getElements('td').each(function(option){
|
|
prop_cf_multiholder_options[counter] = option.getText();
|
|
counter = counter + 1;
|
|
});
|
|
$('prop_cf_multiholder_options').value = prop_cf_multiholder_options.join(",");
|
|
|
|
$('prop_cf_multiholder_done').removeEvents();
|
|
$('prop_cf_multiholder_done').addEvent('click', savemultiholder.bindWithEvent(actual_element));
|
|
} else {}
|
|
//$('temparea').setText($('cart').innerHTML);
|
|
return this;
|
|
}
|
|
});
|