mirror of
https://github.com/EGroupware/egroupware.git
synced 2024-12-23 23:29:31 +01:00
b43a9982e3
- Remove the need for the user to have access to the eTemplate app - Fix some settings being lost, and inability to clear the widget
236 lines
5.8 KiB
JavaScript
236 lines
5.8 KiB
JavaScript
|
|
<!--
|
|
/**
|
|
* Javascript file for AJAX select widget
|
|
*
|
|
* @author Nathan Gray <nathangray@sourceforge.net>
|
|
*
|
|
* @param widget_id the id of the ajax_select_widget
|
|
* @param onchange function to call if the value of the select widget is changed
|
|
* @param options the query object containing callback and settings
|
|
*
|
|
* @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License
|
|
* @package etemplate
|
|
* @subpackage extensions
|
|
* @link http://www.egroupware.org
|
|
*
|
|
* @version $Id$
|
|
*/
|
|
-->
|
|
|
|
//xajaxDebug = 1;
|
|
var current_app = 'etemplate';
|
|
|
|
function ajax_select_widget_setup(widget_id, onchange, options, currentapp) {
|
|
current_app = currentapp;
|
|
if(onchange) {
|
|
if(onchange == 1) {
|
|
onchange = function() {submitit(this.form, this.value);};
|
|
} else {
|
|
eval("onchange = function(e) { " + onchange + ";}");
|
|
}
|
|
|
|
var value = document.getElementById(widget_id + '[value]');
|
|
if(value) {
|
|
if(value.addEventListener) {
|
|
value.addEventListener('change', onchange, true);
|
|
} else {
|
|
var old = (value.onchange) ? value.onchange : function() {};
|
|
value.onchange = function() {
|
|
old();
|
|
onchange;
|
|
};
|
|
}
|
|
}
|
|
}
|
|
|
|
var widget = document.getElementById(widget_id + '[search]');
|
|
if(widget) {
|
|
widget.setAttribute('autocomplete', 'off');
|
|
|
|
if(widget.addEventListener) {
|
|
widget.addEventListener('keyup', change, true);
|
|
widget.addEventListener('blur', hideBox, false);
|
|
} else {
|
|
widget.onkeyup = change;
|
|
widget.onblur = hideBox;
|
|
}
|
|
|
|
// Set results
|
|
var results = document.createElement('div');
|
|
results.id = widget_id + '[results]';
|
|
results.className = 'resultBox';
|
|
results.style.position = 'absolute';
|
|
results.style.zIndex = 50;
|
|
results.options = options;
|
|
results.innerHTML = "";
|
|
|
|
widget.parentNode.appendChild(results);
|
|
}
|
|
|
|
var value = document.getElementById(widget_id + '[value]');
|
|
if(value) {
|
|
value.style.display = 'none';
|
|
}
|
|
}
|
|
|
|
|
|
function change(e, value) {
|
|
if(!e) {
|
|
var e = window.event;
|
|
}
|
|
if(e.target) {
|
|
var target = e.target;
|
|
} else if (e.srcElement) {
|
|
var target = e.srcElement;
|
|
}
|
|
if(target) {
|
|
if (target.nodeType == 3) { // defeat Safari bug
|
|
target = target.parentNode;
|
|
}
|
|
var id = target.id;
|
|
var value = target.value;
|
|
} else if (e) {
|
|
var id = e;
|
|
if(value) {
|
|
var value = value;
|
|
} else {
|
|
var value = e.value;
|
|
}
|
|
var set_id = id.substr(0, id.lastIndexOf('['));
|
|
}
|
|
|
|
var base_id = id.substr(0, id.lastIndexOf('['));
|
|
if(document.getElementById(base_id + '[results]')) {
|
|
set_id = base_id + '[results]';
|
|
} else {
|
|
set_id = base_id + '[search]';
|
|
}
|
|
|
|
var query = document.getElementById(set_id).options;
|
|
if(document.getElementById(base_id + '[filter]')) {
|
|
query.filter = document.getElementById(base_id + '[filter]').value;
|
|
}
|
|
|
|
// Hide selectboxes for IE
|
|
if(document.all) {
|
|
var selects = document.getElementsByTagName('select');
|
|
for(var i = 0; i < selects.length; i++) {
|
|
selects[i].style.visibility = 'hidden';
|
|
}
|
|
}
|
|
xajax_doXMLHTTP(current_app + ".ajax_select_widget.ajax_search.etemplate", id, value, set_id, query);
|
|
}
|
|
|
|
|
|
/* Remove options from a results box
|
|
* @param id - The id of the select
|
|
*/
|
|
function remove_ajax_results(id) {
|
|
if(document.getElementById(id)) {
|
|
var element = document.getElementById(id);
|
|
if (element.tagName == 'DIV') {
|
|
element.innerHTML = '';
|
|
}
|
|
}
|
|
}
|
|
|
|
/* Add an option to a result box
|
|
* @param id - The id of the result box
|
|
* @param key - The key of the option
|
|
* @param value - The value of the option
|
|
* @param row - The html for the row to display
|
|
*/
|
|
function add_ajax_result(id, key, value, row) {
|
|
var resultbox = document.getElementById(id);
|
|
if(resultbox) {
|
|
if (resultbox.tagName == 'DIV') {
|
|
var base_id = resultbox.id.substr(0, resultbox.id.lastIndexOf('['));
|
|
var search_id = base_id + '[search]';
|
|
var value_id = base_id + '[value]';
|
|
|
|
resultbox.style.display = 'block';
|
|
var result = document.createElement('div');
|
|
|
|
result.className = (resultbox.childNodes.length % 2) ? 'row_on' : 'row_off';
|
|
if(key) {
|
|
result.value = new Object();
|
|
result.value.key = key;
|
|
result.value.value = value;
|
|
result.value.search_id = search_id;
|
|
result.value.value_id = value_id;
|
|
|
|
result.innerHTML = row;
|
|
|
|
// when they click, add that item to the value hidden textbox
|
|
if(result.addEventListener) {
|
|
result.addEventListener('click', select_result, true);
|
|
} else {
|
|
result.onclick = select_result;
|
|
}
|
|
} else {
|
|
result.innerHTML += row + "<br />";
|
|
}
|
|
resultbox.appendChild(result);
|
|
}
|
|
}
|
|
}
|
|
|
|
function select_result(e) {
|
|
// when they click, add that item to the value textbox & call onchange()
|
|
if(!e) {
|
|
var e = window.event;
|
|
}
|
|
if(e.target) {
|
|
var target = e.target;
|
|
} else if (e.srcElement) {
|
|
var target = e.srcElement;
|
|
}
|
|
while(!target.value && target != document) {
|
|
target = target.parentNode;
|
|
}
|
|
|
|
var value = document.getElementById(target.value.value_id);
|
|
var search = document.getElementById(target.value.search_id);
|
|
if(value) {
|
|
value.value = target.value.key;
|
|
}
|
|
if(search) {
|
|
search.value = target.value.value;
|
|
try {
|
|
value.onchange(e);
|
|
} catch (err) {
|
|
//no onchange;
|
|
var event = document.createEvent('HTMLEvents');
|
|
event.initEvent('change', true, true);
|
|
value.dispatchEvent(event);
|
|
}
|
|
}
|
|
}
|
|
|
|
function hideBox(e) {
|
|
if(!e) {
|
|
var e = window.event;
|
|
}
|
|
if(e.target) {
|
|
var target = e.target;
|
|
} else if (e.srcElement) {
|
|
var target = e.srcElement;
|
|
}
|
|
if(target) {
|
|
if (target.nodeType == 3) { // defeat Safari bug
|
|
target = target.parentNode;
|
|
}
|
|
}
|
|
var set_id = target.id.substr(0, target.id.lastIndexOf('[')) + '[results]';
|
|
setTimeout("document.getElementById('" + set_id + "').style.display = 'none'", 200);
|
|
var selects = document.getElementsByTagName('select');
|
|
|
|
// Un-hide select boxes for IE
|
|
if(document.all) {
|
|
for(var i = 0; i < selects.length; i++) {
|
|
selects[i].style.visibility = 'visible';
|
|
}
|
|
}
|
|
}
|