js/utils.js

   1 //
   2 //      JsHttpRequest class extensions.
   3 //
   4 // Main functions for asynchronus form submitions
   5 //      Trigger is the source of request and can have following forms:
   6 //      - input object - all form values are also submited
   7 //  - arbitrary string - POST var trigger with value 1 is added to request;
   8 //              if form parameter exists also form values are submited, otherwise
   9 //              request is directed to current location
  10 //
  11     JsHttpRequest.request= function(trigger, form) {
  12                 var mark = document.getElementById('ajaxmark');
  13                 if(mark) mark.style.visibility = 'visible';
  14                 if (trigger.tagName=='A') {
  15                         var content = {};
  16                         var upload = 0;
  17                         var url = trigger.href;
  18                         if (trigger.id) content[trigger.id] = 1;
  19                 } else {
  20                 var submitObj = typeof(trigger) == "string" ?
  21                         document.getElementsByName(trigger)[0] : trigger;
  22
  23                 form = form || (submitObj && submitObj.form);
  24
  25                 var upload = form && form.enctype=='multipart/form-data';
  26
  27                 var url = form ? form.action :
  28                   window.location.toString();
  29
  30                 var content = this.formInputs(trigger, form, upload);
  31
  32                 if (!form) url = url.substring(0, url.indexOf('?'));
  33
  34                 if (!submitObj)
  35                         content[trigger] = 1;
  36
  37                 }
  38                         // this is to avoid caching problems
  39                 content['_random'] = Math.random()*1234567;
  40
  41         JsHttpRequest.query(
  42             (upload ? "form." : "")+"POST "+url, // force form loader
  43                 content,
  44             // Function is called when an answer arrives.
  45             function(result, errors) {
  46                 // Write the answer.
  47                         var newwin = 0;
  48                 if (result) {
  49                           for(var i in result ) {
  50                           atom = result[i];
  51                           cmd = atom['n'];
  52                           property = atom['p'];
  53                           type = atom['c'];
  54                           id = atom['t'];
  55                           data = atom['data'];
  56 //                              debug(cmd+':'+property+':'+type+':'+id);
  57                         // seek element by id if there is no elemnt with given name
  58                           objElement = document.getElementsByName(id)[0] || document.getElementById(id);
  59                   if(cmd=='as') {
  60                                   eval("objElement.setAttribute('"+property+"',"+data+");");
  61                           } else if(cmd=='up') {
  62 //                              if(!objElement) alert('No element "'+id+'"');
  63                                 if(objElement) {
  64                             if (objElement.tagName == 'INPUT' || objElement.tagName == 'TEXTAREA')
  65                                   objElement.value = data;
  66                             else
  67                                   objElement.innerHTML = data; // selector, div, span etc
  68                                 }
  69                           } else if(cmd=='di') { // disable/enable element
  70                                   objElement.disabled = data;
  71                           } else if(cmd=='fc') { // set focus
  72                                   _focus = data;
  73                           } else if(cmd=='js') {        // evaluate js code
  74                                   eval(data);
  75                           } else if(cmd=='rd') {        // client-side redirection
  76                                   window.location = data;
  77                           } else if(cmd=='pu') {        // pop-up
  78                                   newwin = 1;
  79                                   window.open(data,'REP_WINDOW','toolbar=no,scrollbar=no,resizable=yes,menubar=no');
  80                           } else {
  81                                   errors = errors+'<br>Unknown ajax function: '+cmd;
  82                         }
  83                   }
  84
  85         // Write errors to the debug div.
  86                   document.getElementById('msgbox').innerHTML = errors;
  87                   var mark = document.getElementById('ajaxmark');
  88                   if(mark) mark.style.visibility = 'hidden';
  89
  90                   Behaviour.apply();
  91
  92                   if (errors.length>0)
  93                         window.scrollTo(0,0);
  94                         //document.getElementById('msgbox').scrollIntoView(true);
  95           // Restore focus if we've just lost focus because of DOM element refresh
  96                         if(!newwin) {
  97                                 setFocus();
  98                         }
  99                 }
 100             },
 101             false  // do not disable caching
 102         );
 103     }
 104         // collect all form input values plus inp trigger value
 105         JsHttpRequest.formInputs = function(inp, objForm, upload)
 106         {
 107                 var submitObj = inp;
 108                 var q = {};
 109
 110                 if (typeof(inp) == "string")
 111                         submitObj = document.getElementsByName(inp)[0];
 112                 else
 113                         submitObj = inp;
 114
 115                 objForm = objForm || (submitObj && submitObj.form);
 116
 117                 if (objForm)
 118                 {
 119                         var formElements = objForm.elements;
 120                         for( var i=0; i < formElements.length; i++)
 121                         {
 122                           var el = formElements[i];
 123                           var name = el.name;
 124                                 if (!el.name) continue;
 125                                 if(upload) { // for form containing file inputs collect all
 126                                         // form elements and add value of trigger submit button
 127                                         // (internally form is submitted via form.submit() not button click())
 128                                         q[name] = submitObj.type=='submit' && el==submitObj ? el.value : el;
 129                                         continue;
 130                                 }
 131                                 if (el.type )
 132                                   if(
 133                                   ((el.type == 'radio' || el.type == 'checkbox') && el.checked == false)
 134                                   || (el.type == 'submit' && (!submitObj || el.name!=submitObj.name)))
 135                                         continue;
 136                                 if (el.disabled && el.disabled == true)
 137                                         continue;
 138                                 if (name)
 139                                 {
 140                                         if(el.type=='select-multiple')
 141                                         {
 142                                                 for (var j = 0; j < el.length; j++)
 143                                                 {
 144                                                         if (el.options[j].selected == true)
 145                                                                 q[name] = el.options[j].value;
 146                                                 }
 147                                         }
 148                                         else
 149                                         {
 150                                                 q[name] = el.value;
 151                                         }
 152                                 }
 153                         }
 154                 }
 155                 return q;
 156         }
 157 //
 158 //      User price formatting
 159 //
 160 function price_format(post, num, dec, label, color) {
 161         var el = label ? document.getElementById(post) : document.getElementsByName(post)[0];
 162         //num = num.toString().replace(/\$|\,/g,'');
 163         if(isNaN(num))
 164                 num = "0";
 165         sign = (num == (num = Math.abs(num)));
 166         if(dec<0) dec = 2;
 167         decsize = Math.pow(10, dec);
 168         num = Math.floor(num*decsize+0.50000000001);
 169         cents = num%decsize;
 170         num = Math.floor(num/decsize).toString();
 171         for( i=cents.toString().length; i<dec; i++){
 172                 cents = "0" + cents;
 173         }
 174         for (var i = 0; i < Math.floor((num.length-(1+i))/3); i++)
 175                 num = num.substring(0,num.length-(4*i+3))+user.ts+
 176                         num.substring(num.length-(4*i+3));
 177          num = ((sign)?'':'-') + num;
 178          if(dec!=0) num = num + user.ds + cents;
 179         if(label)
 180             el.innerHTML = num;
 181         else
 182             el.value = num;
 183         if(color) {
 184                         el.style.color = (sign) ? '' : '#FF0000';
 185         }
 186 }
 187
 188 function get_amount(doc, label) {
 189             if(label)
 190                 var val = document.getElementById(doc).innerHTML;
 191             else
 192                 var val = document.getElementsByName(doc)[0].value;
 193                 val = val.replace(new RegExp('\\'+user.ts, 'g'),'');
 194                 val = val.replace(new RegExp('\\'+user.ds, 'g'),'.');
 195                 return 1*val;
 196 }
 197
 198 function goBack() {
 199         if (window.history.length <= 1)
 200          window.close();
 201         else
 202          window.history.go(-1);
 203 }
 204
 205 function setFocus(name, byId) {
 206   if(document.location.pathname.indexOf('index.php') != -1) {
 207         // this is application menu page - set focus on first link
 208         // var el = document.getElementById('msgbox');
 209         // TODO find first link after msgbox and set focus
 210   }
 211   if(!name) {
 212         if (_focus)
 213                 name = _focus;  // last focus set in onfocus handlers
 214         else
 215          if (document.forms.length) {   // no current focus (first page display) -  set it from from last form
 216           var cur = document.getElementsByName('_focus')[document.forms.length-1];
 217           if(cur) name = cur.value;
 218         }
 219   }
 220   if(byId)
 221         el = document.getElementById(name);
 222   else
 223         el = document.getElementsByName(name)[0];
 224
 225   if(el && el.focus) {
 226     // The timeout is needed to prevent unpredictable behaviour on IE & Gecko.
 227     // Using tmp var prevents crash on IE5
 228
 229     var tmp = function() {el.focus(); if (el.select) el.select();};
 230         setTimeout(tmp, 0);
 231   }
 232 }