New area to report status messages and errors
[misc/kostenrechnung] / lib / functions.js
1 /*
2  * Small AJAX framework
3  */
4 function ajax_request_callback(req)
5 {
6     if (req.readyState == 4 && req.status == 200) {
7         var data = json_parse(req.responseText);
8
9         if (typeof data.error == 'string') {
10             alert("Error in AJAX backend:\n" + data.error);
11             error('Fehler im AJAX-Backend');
12         } else if (req.oncomplete)
13             req.oncomplete(data);
14     }
15 }
16
17 function ajax_request(func,params,oncomplete)
18 {
19     var req = new XMLHttpRequest();
20     if (!req) return;
21
22     var params = 'func=' + func + '&' + params;
23     req.open ("POST", 'ajax/ajax.php');
24     req.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
25     req.setRequestHeader("Content-length", params.length);
26     req.setRequestHeader("Connection", "close");
27     if (typeof oncomplete == 'function') {
28         req.onreadystatechange = function() { ajax_request_callback(req); }
29         req.oncomplete = oncomplete;
30     }
31     req.send(params);
32 }
33
34 function info(msg)
35 {
36     var status = document.getElementById('status');
37     if (!status) return;
38
39     status.innerHTML = msg;
40     status.className = 'status_ok';
41 }
42
43 function error(msg)
44 {
45     var status = document.getElementById('status');
46     if (!status) return;
47
48     status.innerHTML = msg;
49     status.className = 'status_error';
50 }
51
52 function set_value(id, value)
53 {
54     var obj = document.getElementById(id);
55     if (!obj) return;
56
57     if (obj.nodeName.toLowerCase() == 'input'
58         && obj.type.toLowerCase() == 'checkbox')
59         if (value) obj.checked = true;
60         else obj.checked = false;
61     else if (obj.nodeName.toLowerCase() == 'input'
62         || obj.nodeName.toLowerCase() == 'textarea')
63         obj.value = value;
64     else if (obj.nodeName.toLowerCase() == 'span')
65         obj.innerHTML = value;
66     else if (obj.nodeName.toLowerCase() == 'select')
67         for (var i=0; i < obj.options.length; i++)
68             if (obj.options[i].value == value)
69                 obj.selectedIndex = i;
70 }
71
72 /*
73  * Form functions
74  */
75 function form_save(obj)
76 {
77     return false;
78 }
79
80 /*
81  * Table functions
82  */
83 function details_callback(data)
84 {
85     for (var id in data)
86         set_value('detail_'+id, data[id]);
87 }
88
89 function fetch_callback(data)
90 {
91     for (var id in data)
92         set_value('edit_'+id, data[id]);
93 }
94
95 /*
96  * Rico functions
97  */
98 function gridDrillDown(e)
99 {
100     if (e.originalTarget && e.originalTarget.target && e.originalTarget.target == '_top')
101         return;
102
103     var id = 0; // Column 0 contains ID
104     var row = grid.edit.drillDown(e,0,0);
105     var cell = grid.columns[id].cell(row);
106     if (!cell) return;
107     var value = cell.innerHTML;
108
109     if (document.getElementById('details')) {
110         var params = 'source=' + grid.tableId.substr(5) + '&id=' + value;
111         ajax_request('details', params, details_callback);
112     }
113
114     if (document.getElementById('form_edit')) {
115         var params = 'source=' + grid.tableId.substr(5) + '&id=' + value;
116         ajax_request('fetch', params, fetch_callback);
117     }
118 }