1 /**********************************************************************
2 Copyright (C) FrontAccounting, LLC.
3 Released under the terms of the GNU General Public License, GPL,
4 as published by the Free Software Foundation, either version 3
5 of the License, or (at your option) any later version.
6 This program is distributed in the hope that it will be useful,
7 but WITHOUT ANY WARRANTY; without even the implied warranty of
8 MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.
9 See the License here <http://www.gnu.org/licenses/gpl-3.0.html>.
10 ***********************************************************************/
13 'alt': false, // whether is the Alt key pressed
14 'list': false, // list of all elements with hotkey used recently
15 'focus': -1 // currently selected list element
18 function save_focus(e) {
19 _focus = e.name||e.id;
20 var h = document.getElementById('hints');
22 h.style.display = e.title && e.title.length ? 'inline' : 'none';
23 h.innerHTML = e.title ? e.title : '';
27 function _expand(tabobj) {
29 var ul = tabobj.parentNode.parentNode;
30 var alltabs=ul.getElementsByTagName("button");
31 var frm = tabobj.form;
33 if (ul.getAttribute("rel")){
34 for (var i=0; i<alltabs.length; i++){
35 alltabs[i].className = "ajaxbutton" //deselect all tabs
37 tabobj.className = "current";
38 JsHttpRequest.request(tabobj)
42 //interface for selecting a tab (plus expand corresponding content)
43 function expandtab(tabcontentid, tabnumber) {
44 var tabs = document.getElementById(tabcontentid);
45 _expand(tabs.getElementsByTagName("input")[tabnumber]);
48 function _set_combo_input(e) {
49 e.setAttribute('_last', e.value);
51 var but_name = this.name.substring(0, this.name.length-4)+'button';
52 var button = document.getElementsByName(but_name)[0];
53 var select = document.getElementsByName(this.getAttribute('rel'))[0];
55 // submit request if there is submit_on_change option set and
56 // search field has changed.
58 if (button && (this.value != this.getAttribute('_last'))) {
59 JsHttpRequest.request(button);
60 } else if(this.className=='combo2') {
61 this.style.display = 'none';
62 select.style.display = 'inline';
67 e.onkeyup = function(ev) {
68 var select = document.getElementsByName(this.getAttribute('rel'))[0];
69 if(select && select.selectedIndex>=0) {
70 var len = select.length;
71 var byid = this.className=='combo' || this.className=='combo3';
72 var ac = this.value.toUpperCase();
73 select.options[select.selectedIndex].selected = false;
74 for (i = 0; i < len; i++) {
75 var txt = byid ? select.options[i].value : select.options[i].text;
76 if (this.className=='combo3') {
77 if(txt.toUpperCase().indexOf(ac) == 0) {
78 select.options[i].selected = true;
82 if(txt.toUpperCase().indexOf(ac) >= 0) {
83 select.options[i].selected = true;
90 e.onkeydown = function(ev) {
91 ev = ev||window.event;
92 key = ev.keyCode||ev.which;
100 function _update_box(s) {
101 var byid = s.className=='combo' || s.className=='combo3';
102 var rel = s.getAttribute('rel');
103 var box = document.getElementsByName(rel)[0];
104 if(box && s.selectedIndex>=0) {
105 var opt = s.options[s.selectedIndex];
108 box.value = byid ? opt.value : opt.text;
109 box.setAttribute('_last', box.value);
110 return old != box.value
115 function _set_combo_select(e) {
116 // When combo position is changed via js (eg from searchbox)
117 // no onchange event is generated. To ensure proper change
118 // signaling we must track selectedIndex in onblur handler.
119 e.setAttribute('_last', e.selectedIndex);
120 e.onblur = function() {
121 var box = document.getElementsByName(this.getAttribute('rel'))[0];
122 // if(this.className=='combo')
123 // _update_box(this);
124 if ((this.selectedIndex != this.getAttribute('_last'))
125 ||((this.className=='combo' || this.className=='combo3') && _update_box(this))
129 e.onchange = function() {
131 this.setAttribute('_last', this.selectedIndex);
132 if(s.className=='combo' || this.className=='combo3')
134 if(s.selectedIndex>=0) {
135 var sname = '_'+s.name+'_update';
136 var update = document.getElementsByName(sname)[0];
138 JsHttpRequest.request(update);
143 e.onkeydown = function(event) {
144 event = event||window.event;
145 key = event.keyCode||event.which;
146 var box = document.getElementsByName(this.getAttribute('rel'))[0];
147 if (box && key == 32 && this.className == 'combo2') {
148 this.style.display = 'none';
149 box.style.display = 'inline';
159 function callEditor(key) {
160 var el = document.getElementsByName(editors[key][1])[0];
161 if(_w) _w.close(); // this is really necessary to have window on top in FF2 :/
162 _w = open(editors[key][0]+el.value+'&popup=1',
163 "edit","Scrollbars=0,resizable=0,width=800,height=600");
164 if (_w.opener == null)
166 editors._call = key; // store call point for passBack
170 function passBack(value) {
173 var back = o.editors[o.editors._call]; // form input bindings
174 var to = o.document.getElementsByName(back[1])[0];
176 if (to[0] != undefined)
177 to[0].value = value; // ugly hack to set selector to any value
179 // update page after item selection
180 o.JsHttpRequest.request('_'+to.name+'_update', to.form);
188 Behaviour definitions
191 'input': function(e) {
192 if(e.onfocus==undefined) {
193 e.onfocus = function() {
195 if (this.className == 'combo' || this.className == 'combo3')
199 if (e.className == 'combo' || e.className == 'combo2' || e.className == 'combo3') {
203 if(e.type == 'text' ) {
204 e.onkeydown = function(ev) {
205 ev = ev||window.event;
206 key = ev.keyCode||ev.which;
208 if(e.className == 'searchbox') e.onblur();
215 'input.combo2,input[aspect="fallback"]':
217 // this hides search button for js enabled browsers
218 e.style.display = 'none';
222 // this shows divs for js enabled browsers only
223 e.style.display = 'block';
225 // '.ajaxsubmit,.editbutton,.navibutton': // much slower on IE7
226 'button.ajaxsubmit,input.ajaxsubmit,input.editbutton,button.editbutton,button.navibutton':
228 e.onclick = function() {
230 var asp = e.getAttribute('aspect')
231 if (asp && asp.indexOf('process') !== -1)
232 JsHttpRequest.request(this, null, 60000);
234 JsHttpRequest.request(this);
238 'button': function(e) {
240 var func = _validate[e.name];
243 if (typeof old != 'function' || old == func) { // prevent multiply binding on ajax update
246 e.onclick = function() {
248 { old(); return true;}
256 '.amount': function(e) {
257 if(e.onblur==undefined) {
258 e.onblur = function() {
259 var dec = this.getAttribute("dec");
260 price_format(this.name, get_amount(this.name), dec);
264 '.searchbox': // emulated onchange event handling for text inputs
266 e.setAttribute('_last_val', e.value);
267 e.setAttribute('autocomplete', 'off'); //must be off when calling onblur
268 e.onblur = function() {
269 var val = this.getAttribute('_last_val');
270 if (val != this.value) {
271 this.setAttribute('_last_val', this.value);
272 JsHttpRequest.request('_'+this.name+'_changed', this.form);
276 'button[aspect*selector], button[aspect*abort], input[aspect*selector]': function(e) {
277 e.onclick = function() {
278 passBack(this.getAttribute('rel'));
282 'button[aspect=popup]': function(e) {
284 e.onclick = function() {
285 // this.form.target = '_blank';
288 if(_w) _w.close(); // this is really necessary to have window on top in FF2 :/
289 _w = open(document.location+'popup=1',
290 "edit","Scrollbars=0,resizable=0,width=800,height=600, top=50,left=50");
291 if (_w.opener == null)
293 // editors._call = key; // store call point for passBack
294 // _w.moveTo(50, 50);
299 'select': function(e) {
300 if(e.onfocus==undefined) {
301 e.onfocus = function() {
305 if (c == 'combo' || c == 'combo2' || c == 'combo3')
306 _set_combo_select(e);
309 'a.printlink': function(l) {
310 l.onclick = function() {
312 JsHttpRequest.request(this, null, 60000);
316 'a': function(e) { // traverse menu
317 e.onkeydown = function(ev) {
318 ev = ev||window.event;
319 key = ev.keyCode||ev.which;
320 if(key==37 || key==38 || key==39 || key==40) {
321 move_focus(key, e, document.links);
322 ev.returnValue = false;
327 'ul.ajaxtabs': function(ul) {
328 var ulist=ul.getElementsByTagName("li");
329 for (var x=0; x<ulist.length; x++){ //loop through each LI e
330 var tab=ulist[x].getElementsByTagName("button")[0];
331 if(tab.onclick==undefined) {
332 // ? var modifiedurl=ulistlink.getAttribute("href").replace(/^http:\/\/[^\/]+\//i, "http://"+window.location.hostname+"/")
333 var url = tab.form.action
334 tab.onclick=function(){
341 /* 'tr.editrow': function(e) {
342 e.onkeydown = function(ev) {
343 ev = ev||window.event;
344 key = ev.keyCode||ev.which;
346 // Find & click additem/update button
348 } else if(key == 27) {
354 *//* '#msgbox': function(e) {
355 // this is to avoid changing div height after ajax update in IE7
356 e.style.display = e.innerHTML.length ? 'block' : 'none';
359 'a.date_picker': function(e) {
360 // this un-hides data picker for js enabled browsers
361 e.href = date_picker(this.getAttribute('rel'));
362 e.style.display = '';
363 e.tabindex = -1; // skip in tabbing order
368 function stopEv(ev) {
369 if(ev.preventDefault) {
371 ev.stopPropagation();
373 ev.returnValue = false;
374 ev.cancelBubble = true;
380 Modified accesskey system. While Alt key is pressed letter keys moves
381 focus to next marked link. Alt key release activates focused link.
383 function setHotKeys() {
384 document.onkeydown = function(ev) {
385 ev = ev||window.event;
386 key = ev.keyCode||ev.which;
387 if (key == 18 && !ev.ctrlKey) { // start selection, skip Win AltGr
392 else if (ev.altKey && !ev.ctrlKey && ((key>47 && key<58) || (key>64 && key<91))) {
393 key = String.fromCharCode(key);
394 var n = _hotkeys.focus;
395 var l = document.getElementsBySelector('[accesskey='+key+']');
398 for (var i=0; i<cnt; i++) {
400 // check also if the link is visible
401 if (l[n].accessKey==key && l[n].scrollWidth) {
403 // The timeout is needed to prevent unpredictable behaviour on IE.
404 var tmp = function() {l[_hotkeys.focus].focus();};
411 if((ev.ctrlKey && key == 13) || key == 27) {
412 _hotkeys.alt = false; // cancel link selection
414 ev.cancelBubble = true;
415 if(ev.stopPropagation) ev.stopPropagation();
416 // activate submit/escape form
417 for(var j=0; j<this.forms.length; j++) {
418 var form = this.forms[j];
419 for (var i=0; i<form.elements.length; i++){
420 var el = form.elements[i];
421 var asp = el.getAttribute('aspect');
424 if (el.className!='editbutton' && (asp && asp.indexOf('selector') !== -1) && (key==13 || key==27)) {
425 passBack(key==13 ? el.getAttribute('rel') : false);
426 ev.returnValue = false;
429 if (((asp && asp.indexOf('default') !== -1) && key==13)||((asp && asp.indexOf('cancel') !== -1) && key==27)) {
431 if (asp.indexOf('process') !== -1)
432 JsHttpRequest.request(el, null, 60000);
434 JsHttpRequest.request(el);
435 ev.returnValue = false;
440 ev.returnValue = false;
443 if (editors && editors[key]) {
445 return stopEv(ev); // prevent default binding
449 document.onkeyup = function(ev) {
450 ev = ev||window.event;
451 key = ev.keyCode||ev.which;
453 if (_hotkeys.alt==true) {
455 _hotkeys.alt = false;
456 if (_hotkeys.focus>=0) {
457 var link = _hotkeys.list[_hotkeys.focus];
461 if (link.target=='_blank') {
462 window.open(link.href,'','toolbar=no,scrollbar=no,resizable=yes,menubar=no,width=900,height=500');
463 openWindow(link.href,'_blank');
465 window.location = link.href;
474 Behaviour.register(inserts);
476 Behaviour.addLoadEvent(setFocus);
477 Behaviour.addLoadEvent(setHotKeys);