X-Git-Url: https://delta.frontaccounting.com/gitweb/?a=blobdiff_plain;f=js%2Finserts.js;h=33bff885f6bd22d0f6ed166aa2e68ca4f166ecc3;hb=412b79dc32855f813d03a8a6dd9debd45bb308f5;hp=c3ff6e1f54a5d704b4f1bb0942cb1f9df3cde72f;hpb=6453c26ae71a40c195dc5adb51dde5ca4cebff84;p=fa-stable.git diff --git a/js/inserts.js b/js/inserts.js index c3ff6e1f..33bff885 100644 --- a/js/inserts.js +++ b/js/inserts.js @@ -1,6 +1,8 @@ +var _focus; + function debug(msg) { - document.getElementById('msgbox').innerHTML= - document.getElementById('msgbox').innerHTML+'
'+msg + box = document.getElementById('msgbox') + box.innerHTML= box.innerHTML+'
'+msg } function progbar(container) { @@ -9,6 +11,15 @@ function progbar(container) { user.loadtxt+""; } +function save_focus(e) { + _focus = e.name||e.id; + var h = document.getElementById('hints'); + if (h) { + h.style.display = e.title && e.title.length ? 'inline' : 'none'; + h.innerHTML = e.title ? e.title : ''; + } +} + function _expand(tabobj) { var ul = tabobj.parentNode.parentNode; @@ -20,7 +31,7 @@ function _expand(tabobj) { alltabs[i].className = "ajaxbutton" //deselect all tabs } tabobj.className = "current"; - JsHttpRequest.request(tabobj.name) + JsHttpRequest.request(tabobj) } } @@ -31,21 +42,24 @@ function expandtab(tabcontentid, tabnumber) { } function _set_combo_input(e) { -// e.onkeydown=function(event) { - e.onblur=function(event) { - event = event||window.event; - if(!this.back) { - var but_name = this.name.substring(0, this.name.length-4)+'button'; - var button = document.getElementsByName(but_name)[0]; - var select = document.getElementsByName(this.getAttribute('rel'))[0]; - var byid = this.className=='combo'; - if(button) { // if *_button set submit search request - JsHttpRequest.request(but_name); - } - return false; - } - }; - e.onkeyup = function() { + e.setAttribute('_last', e.value); + e.onblur=function() { + var but_name = this.name.substring(0, this.name.length-4)+'button'; + var button = document.getElementsByName(but_name)[0]; + var select = document.getElementsByName(this.getAttribute('rel'))[0]; + save_focus(select); +// submit request if there is submit_on_change option set and +// search field has changed. + if (button && (this.value != this.getAttribute('_last'))) { + JsHttpRequest.request(button); + } else if(this.className=='combo2') { + this.style.display = 'none'; + select.style.display = 'inline'; + setFocus(select.name); + } + return false; + }; + e.onkeyup = function(ev) { var select = document.getElementsByName(this.getAttribute('rel'))[0]; if(select && select.selectedIndex>=0) { var len = select.length; @@ -60,141 +74,145 @@ function _set_combo_input(e) { } } } - }; - e.onkeydown = function(ev) { -// this.lastkey = event.keyCode; - this.back = (ev||window.event).shiftKey; // save shift state for onblur handler - } + }; + e.onkeydown = function(ev) { + ev = ev||window.event; + key = ev.keyCode||ev.which; + if(key == 13) { + this.blur(); + return false; + } + } } -function _set_combo_select(e) { - - e.onblur = function(event) { - event = event||window.event; - if(!this.back && this.selectedIndex>=0) { - var sname = '_'+this.name+'_update'; - var box = document.getElementsByName(this.getAttribute('rel'))[0]; - var opt = this.options[this.selectedIndex]; - var byid = this.className=='combo'; - var update = document.getElementsByName(sname)[0]; - if (opt.value != 0) { - if(box) box.value = byid ? opt.value : opt.text; - if(update) { - if(update.className == 'combo_select') { - document.getElementsByName('_focus')[0].value=this.name; - JsHttpRequest.request(sname); - } else { - update.click(); - this.focus(); - } - } +function _update_box(s) { + var byid = s.className=='combo'; + var rel = s.getAttribute('rel'); + var box = document.getElementsByName(rel)[0]; + if(box && s.selectedIndex>=0) { + var opt = s.options[s.selectedIndex]; + if(box) { + box.value = byid ? opt.value : opt.text; + box.setAttribute('_last', box.value); } - this.size = 1; - } - return true; + } +} + +function _set_combo_select(e) { + // When combo position is changed via js (eg from searchbox) + // no onchange event is generated. To ensure proper change + // signaling we must track selectedIndex in onblur handler. + e.setAttribute('_last', e.selectedIndex); + e.onblur = function() { + if(this.className=='combo') + _update_box(this); + if (this.selectedIndex != this.getAttribute('_last')) + this.onchange(); } e.onchange = function() { - if (this.options[this.selectedIndex].value==0) - document.getElementsByName(this.getAttribute('rel'))[0].value=''; + var s = this; + + if(s.className=='combo') + _update_box(s); + if(s.selectedIndex>=0) { + var sname = '_'+s.name+'_update'; + var update = document.getElementsByName(sname)[0]; + if(update) { + JsHttpRequest.request(update); + } + } + return true; } -/* e.onkeydown = function(event) { - event = event||window.event; - if(event.keyCode==13) { - var box = document.getElementsByName(this.getAttribute('rel'))[0]; - this.style.display='none'; - box.style.display=''; - this.back=true; - box.focus(); - } + e.onkeydown = function(event) { + event = event||window.event; + key = event.keyCode||event.which; + var box = document.getElementsByName(this.getAttribute('rel'))[0]; + if (box && key == 32 && this.className == 'combo2') { + this.style.display = 'none'; + box.style.display = 'inline'; + box.value=''; + setFocus(box.name); + return false; + } } -*/} +} /* Behaviour definitions */ var inserts = { - '.amount': function(element) { - if(element.onblur==undefined) { - var dec = element.getAttribute("dec"); - element.onblur = function() { - price_format(this.name, get_amount(this.name), dec); - }; - } - }, - 'select': function(element) { - if(element.onfocus==undefined) { - element.onfocus = function() { - document.getElementsByName('_focus')[0].value = element.name; + 'input': function(e) { + if(e.onfocus==undefined) { + e.onfocus = function() { + save_focus(this); + if (this.className == 'combo') + this.select(); }; - element.onkeydown = function(event) { - event = event||window.event; - this.back = event.shiftKey; // save shift state for onblur handler - this.lastkey = event.keyCode; - if (event.keyCode==32) { - if(this.init_size==undefined) - this.init_size = this.size; - if(this.init_size<=1) { - if(this.size>1) { - this.size = 1; - } else{ - var sel = this.selectedIndex; - this.size = this.options.length; - if(this.size>10) this.size = 10; - this.selectedIndex = sel; - } - } - } - }; - element.onblur = function() { - if(this.init_size<=1) - this.size = 1; - }; - var c = element.className; - if (c == 'combo' || c == 'combo2') -// if (element.onblur==undefined) { - _set_combo_select(element); -// } } - }, - 'input': function(element) { // we do not want to change focus on submit - if(element.type!='submit' && element.onfocus==undefined) { - element.onfocus = function() { - document.getElementsByName('_focus')[0].value = element.name; - }; - var c = element.className; - if (c == 'combo' || c == 'combo2') { - if(element.onkeydown==undefined) { - _set_combo_input(element); - } - } + if (e.className == 'combo' || e.className == 'combo2') { + _set_combo_input(e); } }, - 'input.combo_submit': function(element) { + 'input.combo_submit,input.combo_select,input.combo2': + function(e) { // this hides search button for js enabled browsers - element.style.display = 'none'; - }, - 'input.combo_select': function(element) { - // this hides select button for js enabled browsers - element.style.display = 'none'; + e.style.display = 'none'; }, - 'input.combo_reload': function(element) { - element.style.display = 'none'; - }, - 'input.ajaxsubmit': function(e) { + 'input.ajaxsubmit,input.editbutton,input.navibutton': + function(e) { e.onclick = function() { - JsHttpRequest.request(this.name); - return false; + JsHttpRequest.request(this); + return false; } }, - 'input.editbutton': function(e) { - e.onclick = function() { - JsHttpRequest.request(this.name); - return false; - } + '.amount': function(e) { + if(e.onblur==undefined) { + e.onblur = function() { + var dec = this.getAttribute("dec"); + price_format(this.name, get_amount(this.name), dec); + }; + } + }, + '.searchbox': // emulated onchange event handling for text inputs + function(e) { + e.setAttribute('_last_val', e.value); + e.setAttribute('autocomplete', 'off'); //must be off when calling onblur + e.onblur = function() { + var val = this.getAttribute('_last_val'); + if (val != this.value) { + this.setAttribute('_last_val', this.value); + JsHttpRequest.request('_'+this.name+'_changed', this.form); + } + } + e.onkeydown = function(ev) { + ev = ev||window.event; + key = ev.keyCode||ev.which; + if (key == 13 && (this.value != this.getAttribute('_last_val'))) { + this.blur(); + return false; + } + } + }, + 'select': function(e) { + if(e.onfocus==undefined) { + e.onfocus = function() { + save_focus(this); + }; + var c = e.className; + if (c == 'combo' || c == 'combo2') + _set_combo_select(e); + } + }, + 'textarea,a': function(e) { + if(e.onfocus==undefined) { + e.onfocus = function() { + save_focus(this); + }; + } }, 'ul.ajaxtabs': function(ul) { var ulist=ul.getElementsByTagName("li"); - for (var x=0; x