js/inserts.js

   1 var _focus;
   2
   3 function debug(msg) {
   4     box = document.getElementById('msgbox')
   5         box.innerHTML= box.innerHTML+'<br>'+msg
   6 }
   7
   8 function progbar(container) {
   9     container.innerHTML= "<center><img src='"+
  10         user.theme+"images/progressbar1.gif' /> "+
  11         user.loadtxt+"</center>";
  12 }
  13
  14 function save_focus(e) {
  15   _focus = e.name||e.id;
  16   var h = document.getElementById('hints');
  17   if (h) {
  18         h.style.display = e.title && e.title.length ? 'inline' : 'none';
  19         h.innerHTML = e.title ? e.title : '';
  20   }
  21 }
  22
  23 function _expand(tabobj) {
  24
  25   var ul = tabobj.parentNode.parentNode;
  26   var alltabs=ul.getElementsByTagName("input");
  27   var frm = tabobj.form;
  28
  29   if (ul.getAttribute("rel")){
  30         for (var i=0; i<alltabs.length; i++){
  31           alltabs[i].className = "ajaxbutton"  //deselect all tabs
  32         }
  33         tabobj.className = "current";
  34         JsHttpRequest.request(tabobj)
  35   }
  36 }
  37
  38 //interface for selecting a tab (plus expand corresponding content)
  39 function expandtab(tabcontentid, tabnumber) {
  40   var tabs = document.getElementById(tabcontentid);
  41  _expand(tabs.getElementsByTagName("input")[tabnumber]);
  42 }
  43
  44 function _set_combo_input(e) {
  45                 e.setAttribute('_last', e.value);
  46                 e.onblur=function() {
  47                   var but_name = this.name.substring(0, this.name.length-4)+'button';
  48                   var button = document.getElementsByName(but_name)[0];
  49                   var select = document.getElementsByName(this.getAttribute('rel'))[0];
  50                   save_focus(select);
  51 // submit request if there is submit_on_change option set and
  52 // search field has changed.
  53                   if (button && (this.value != this.getAttribute('_last'))) {
  54                         JsHttpRequest.request(button);
  55                   } else if(this.className=='combo2') {
  56                                 this.style.display = 'none';
  57                                 select.style.display = 'inline';
  58                                 setFocus(select.name);
  59                   }
  60                   return false;
  61                 };
  62                 e.onkeyup = function(ev) {
  63                         var select = document.getElementsByName(this.getAttribute('rel'))[0];
  64                         if(select && select.selectedIndex>=0) {
  65                           var len = select.length;
  66                           var byid = this.className=='combo';
  67                           var ac = this.value.toUpperCase();
  68                           select.options[select.selectedIndex].selected = false;
  69                           for (i = 0; i < len; i++) {
  70                                 var txt = byid ? select.options[i].value : select.options[i].text;
  71                                 if (txt.toUpperCase().indexOf(ac) >= 0) {
  72                                   select.options[i].selected = true;
  73                                   break;
  74                                 }
  75                           }
  76                         }
  77                   };
  78           e.onkeydown = function(ev) {
  79                         ev = ev||window.event;
  80                         key = ev.keyCode||ev.which;
  81                         if(key == 13) {
  82                           this.blur();
  83                           return false;
  84                         }
  85                   }
  86 }
  87
  88 function _update_box(s) {
  89         var byid = s.className=='combo';
  90         var rel = s.getAttribute('rel');
  91         var box = document.getElementsByName(rel)[0];
  92                 if(box && s.selectedIndex>=0) {
  93                           var opt = s.options[s.selectedIndex];
  94                                 if(box) {
  95                                   box.value = byid ? opt.value : opt.text;
  96                                   box.setAttribute('_last', box.value);
  97                                 }
  98                 }
  99 }
 100
 101 function _set_combo_select(e) {
 102                 e.onblur = function() {
 103                         if(this.className=='combo')
 104                             _update_box(this);
 105                 }
 106                 e.onchange = function() {
 107                         var s = this;
 108
 109                         if(s.className=='combo')
 110                             _update_box(s);
 111                         if(s.selectedIndex>=0) {
 112                                  var sname = '_'+s.name+'_update';
 113                                  var update = document.getElementsByName(sname)[0];
 114                                  if(update) {
 115                                             JsHttpRequest.request(update);
 116                                 }
 117                         }
 118                         return true;
 119                 }
 120                 e.onkeydown = function(event) {
 121                     event = event||window.event;
 122                     key = event.keyCode||event.which;
 123                     var box = document.getElementsByName(this.getAttribute('rel'))[0];
 124                     if (box && key == 32 && this.className == 'combo2') {
 125                             this.style.display = 'none';
 126                             box.style.display = 'inline';
 127                                 box.value='';
 128                                 setFocus(box.name);
 129                             return false;
 130                          }
 131                 }
 132 }
 133
 134 /*
 135  Behaviour definitions
 136 */
 137 var inserts = {
 138         'input': function(e) {
 139                 if(e.onfocus==undefined) {
 140                         e.onfocus = function() {
 141                             save_focus(this);
 142                                 if (this.className == 'combo')
 143                                         this.select();
 144                         };
 145                 }
 146                 if (e.className == 'combo' || e.className == 'combo2') {
 147                                 _set_combo_input(e);
 148                 }
 149         },
 150         'input.combo_submit,input.combo_select,input.combo2':
 151         function(e) {
 152             // this hides search button for js enabled browsers
 153             e.style.display = 'none';
 154         },
 155         'input.ajaxsubmit,input.editbutton,input.navibutton':
 156         function(e) {
 157             e.onclick = function() {
 158                 JsHttpRequest.request(this);
 159                 return false;
 160             }
 161         },
 162     '.amount': function(e) {
 163                 if(e.onblur==undefined) {
 164                   var dec = e.getAttribute("dec");
 165                   e.onblur = function() {
 166                         price_format(this.name, get_amount(this.name), dec);
 167                   };
 168                 }
 169         },
 170         '.searchbox': // emulated onchange event handling for text inputs
 171                 function(e) {
 172                         e.setAttribute('_last_val', e.value);
 173                         e.setAttribute('autocomplete', 'off'); //must be off when calling onblur
 174                         e.onblur = function() {
 175                                 var val = this.getAttribute('_last_val');
 176                                 if (val != this.value) {
 177                                         this.setAttribute('_last_val', this.value);
 178                                         JsHttpRequest.request('_'+this.name+'_changed', this.form);
 179                                 }
 180                         }
 181                 e.onkeydown = function(ev) {
 182                                 ev = ev||window.event;
 183                                 key = ev.keyCode||ev.which;
 184                                 if (key == 13 && (this.value != this.getAttribute('_last_val'))) {
 185                                         this.blur();
 186                                         return false;
 187                                 }
 188                         }
 189                 },
 190         'select': function(e) {
 191                 if(e.onfocus==undefined) {
 192                         e.onfocus = function() {
 193                             save_focus(this);
 194                         };
 195                   var c = e.className;
 196                   if (c == 'combo' || c == 'combo2')
 197                         _set_combo_select(e);
 198                 }
 199         },
 200         'textarea,a': function(e) {
 201                 if(e.onfocus==undefined) {
 202                         e.onfocus = function() {
 203                             save_focus(this);
 204                         };
 205                 }
 206         },
 207         'ul.ajaxtabs':  function(ul) {
 208             var ulist=ul.getElementsByTagName("li");
 209             for (var x=0; x<ulist.length; x++){ //loop through each LI e
 210                 var ulistlink=ulist[x].getElementsByTagName("input")[0];
 211                 if(ulistlink.onclick==undefined) {
 212 // ?  var modifiedurl=ulistlink.getAttribute("href").replace(/^http:\/\/[^\/]+\//i, "http://"+window.location.hostname+"/")
 213                     var url = ulistlink.form.action
 214                     ulistlink.onclick=function(){
 215                         _expand(this);
 216                         return false;
 217                     }
 218                 }
 219             }
 220         },
 221         '#msgbox': function(e) {
 222         // this is to avoid changing div height after ajax update in IE7
 223           e.style.display = e.innerHTML.length ? 'block' : 'none';
 224         }
 225 /* TODO
 226         'a.date_picker':  function(e) {
 227             // this un-hides data picker for js enabled browsers
 228             e.href = date_picker(this.getAttribute('rel'));
 229             e.style.display = '';
 230             e.tabindex = -1; // skip in tabbing order
 231         }
 232 */
 233 };
 234
 235 Behaviour.register(inserts);
 236
 237 Behaviour.addLoadEvent(setFocus);