egroupware/etemplate/js/etemplate.js

256 lines
7.3 KiB
JavaScript

/**
* eGroupWare eTemplate Extension - AJAX Select Widget
*
* @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License
* @package etemplate
* @subpackage api
* @link http://www.egroupware.org
* @author Ralf Becker <RalfBecker@outdoor-training.de>
* @version $Id$
*/
function submitit(form,name)
{
//alert(name+' pressed');
form.submit_button.value = name;
form.submit();
return false;
}
function set_element(form,name,value)
{
//alert('set_element: '+name+'='+value);
for (i = 0; i < form.length; i++)
{
if (form.elements[i].name == name)
{
//alert('set_element: '+name+'='+value);
form.elements[i].value = value;
//alert(name+'='+form.elements[i].value);
}
}
}
function set_element2(form,name,vname)
{
//alert('set_element2: '+name+'='+vname);
for (i = 0; i < form.length; i++)
{
if (form.elements[i].name == vname)
{
value = form.elements[i].value;
}
}
//alert('set_element2: '+name+'='+value);
for (i = 0; i < form.length; i++)
{
if (form.elements[i].name == name)
{
form.elements[i].value = value;
}
}
}
function activate_tab(tab,all_tabs,name)
{
var tabs = all_tabs.split('|');
var parts = tab.split('.');
var last_part = parts.length-1;
for (n = 0; n < tabs.length; n++)
{
var t = tabs[n];
if (t.indexOf('.') < 0 && parts.length > 1)
{
parts[last_part] = t;
t = parts.join('.');
}
document.getElementById(t).style.display = t == tab ? 'inline' : 'none';
document.getElementById(t+'-tab').className = 'etemplate_tab'+(t == tab ? '_active th' : ' row_on');
}
// activate FCK in newly activated tab for Gecko browsers
if (!document.all)
{
try {
var t = document.getElementById(tab);
var inputs = t.getElementsByTagName('input');
for (i = 0; i < inputs.length;i++) {
editor = FCKeditorAPI.GetInstance(inputs[i].name);
if (editor && editor.EditorDocument && editor.EditMode == FCK_EDITMODE_WYSIWYG) {
editor.SwitchEditMode();
editor.SwitchEditMode();
break;
}
}
}
catch(e) { } // ignore the error if FCKeditorAPI is not loaded
}
if (name) {
set_element(document.eTemplate,name,tab);
}
}
/* proxy to to add options to a selectbox, needed by IE, but works everywhere */
function selectbox_add_option(id,label,value,do_onchange)
{
selectBox = document.getElementById(id);
/*alert('selectbox_add_option('+id+','+label+','+value+') '+selectBox);*/
var search_val = value.split(':');
for (i=0; i < selectBox.length; i++) {
var selectvalue = selectBox.options[i].value.split(':');
if (selectvalue[0] == search_val[0]) {
selectBox.options[i] = null;
selectBox.options[selectBox.length] = new Option(label,value,false,true);
break;
}
}
if (i >= selectBox.length) {
selectBox.options[selectBox.length] = new Option(label,value,false,true);
}
if (selectBox.onchange && do_onchange) selectBox.onchange();
}
/* toggles all checkboxes named name in form form, to be used as custom javascript in onclick of a button/image */
function toggle_all(form,name)
{
var all_set = true;
/* this is for use with a sub-grid. To use it pass "true" as third parameter */
if(toggle_all.arguments.length > 2 && toggle_all.arguments[2] == true)
{
el = form.getElementsByTagName("input");
for (var i = 0; i < el.length; i++)
{
if(el[i].name.substr(el[i].name.length-12,el[i].name.length) == '[checkbox][]' && el[i].checked)
{
all_set = false;
break;
}
}
for (var i = 0; i < el.length; i++)
{
if(el[i].name.substr(el[i].name.length-12,el[i].name.length) == '[checkbox][]')
{
el[i].checked = all_set;
}
}
}
else
{
var checkboxes = document.getElementsByName(name);
for (var i = 0; i < checkboxes.length; i++)
{
if (!checkboxes[i].checked)
{
all_set = false;
break;
}
}
for (var i = 0; i < checkboxes.length; i++)
{
checkboxes[i].checked = !all_set;
}
}
}
/* gets the values of the named widgets (use the etemplate-name, not the form-name) and creates an url from it */
function values2url(form,names)
{
url = '';
names = names.split(',');
for(i=0; i < names.length; i++)
{
form_name = names[i];
b = form_name.indexOf('[');
if (b < 0) {
form_name = 'exec['+form_name+']';
} else {
form_name = 'exec['+form_name.slice(0,b-1)+']'+form_name.slice(b,99);
}
//alert('Searching for '+form_name);
for (f=0; f < form.elements.length; f++) {
element = form.elements[f];
//alert('checking '+element.name);
if (element.name.slice(0,form_name.length) == form_name) {
//alert('found '+element.name+', value='+element.value);
if (element.type == 'checkbox' || element.type == 'radio') { // checkbox or radio
if (element.checked) url += '&'+element.name+'='+element.value;
} else if (element.options) { // selectbox
for(opt=0; opt < element.options.length; opt++) {
//alert('found '+element.name+' option['+opt+'] = '+element.options[opt].value+ ' = '.element.options[opt].text+': '+element.options[opt].selected);
if (element.options[opt].selected) url += '&'+element.name+(element.name.indexOf('[]') >= 0 || !element.multiple ? '=' : '[]=')+element.options[opt].value;
}
} else if (element.value != null) {
url += '&'+element.name+'='+element.value;
}
}
}
}
//alert('url='+url);
return url+'&etemplate_exec_id='+form['etemplate_exec_id'].value;
}
// sets value (v) of style property (p) for all given elements of type (t) and class (c)
// eg. set_style_by_class('td','hide','visibility','visible')
function set_style_by_class(t,c,p,v)
{
//alert('set_style_by_class('+t+','+c+','+p+','+v+')');
var elements;
if(t == '*') {
// '*' not supported by IE/Win 5.5 and below
elements = (document.all) ? document.all : document.getElementsByTagName('*');
} else {
elements = document.getElementsByTagName(t);
}
for(var i = 0; i < elements.length; i++){
var node = elements.item(i);
for(var j = 0; j < node.attributes.length; j++) {
if(node.attributes.item(j).nodeName.toLowerCase() == 'class') {
if(node.attributes.item(j).nodeValue == c) {
eval('node.style.' + p + " = '" +v + "'");
}
}
}
}
}
function xajax_eT_wrapper(obj) {
if (typeof(obj) == 'object') {
set_style_by_class('div','popupManual noPrint','display','none');
set_style_by_class('div','ajax-loader','display','inline');
obj.form.submit_button.value = obj.name;
var menuaction = obj.form.action.replace(/.+menuaction=/,'');
xajax_doXMLHTTP(menuaction+'./etemplate/process_exec', xajax.getFormValues(obj.form));
}
else {
set_style_by_class('div','ajax-loader','display','none');
set_style_by_class('div','popupManual noPrint','display','inline');
}
}
function disable_button(id) {
document.getElementById(id).disabled = 'true';
document.getElementById(id).style.color = 'gray';
}
function enable_button(id) {
document.getElementById(id).disabled = 'false';
document.getElementById(id).style.color = '';
}
// returns selected checkboxes from given 'var form' which REAL names end with 'var suffix'
function get_selected(form,suffix) {
selected = '';
el = form.getElementsByTagName('input');
for (var i = 0; i < el.length; i++) {
if(el[i].name.substr(el[i].name.length-suffix.length,el[i].name.length) == suffix && el[i].checked) {
if(selected.length > 0) {
selected += ',';
}
selected += el[i].value;
}
}
return selected;
}