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
  13
  14                 var submitObj = typeof(trigger) == "string" ?
  15                         document.getElementsByName(trigger)[0] : trigger;
  16
  17                 form = form || (submitObj && submitObj.form);
  18
  19                 var url = form ? form.action :
  20                   window.location.toString();
  21
  22                 if (!form) url = url.substring(0, url.indexOf('?'));
  23
  24                 var values = this.formValues(trigger, form);
  25                 if (!submitObj)
  26                         values[trigger] = 1;
  27                 // this is to avoid caching problems
  28                 values['_random'] = Math.random()*1234567;
  29         JsHttpRequest.query(
  30             'POST '+url, // backend
  31                 values,
  32             // Function is called when an answer arrives.
  33             function(result, errors) {
  34                 // Write the answer.
  35                 if (result) {
  36                           for(var i in result ) {
  37                           atom = result[i];
  38                           cmd = atom['n'];
  39                           property = atom['p'];
  40                           type = atom['c'];
  41                           id = atom['t'];
  42                           data = atom['data'];
  43 //                              debug(cmd+':'+property+':'+type+':'+id);
  44                         // seek element by id if there is no elemnt with given name
  45                           objElement = document.getElementsByName(id)[0] || document.getElementById(id);
  46                   if(cmd=='as') {
  47                                   eval("objElement.setAttribute('"+property+"',"+data+");");
  48                           } else if(cmd=='up') {
  49 //                              if(!objElement) debug('No element "'+id+'"');
  50                             if (objElement.tagName == 'INPUT' || objElement.tagName == 'TEXTAREA')
  51                                   objElement.value = data;
  52                             else
  53                                   objElement.innerHTML = data; // selector, div, span etc
  54                           } else if(cmd=='di') { // disable/enable element
  55                                   objElement.disabled = data;
  56                           } else if(cmd=='fc') { // set focus
  57                                   _focus = data;
  58                           } else if(cmd=='js') {        // evaluate js code
  59                                   eval(data);
  60                           } else if(cmd=='rd') {        // client-side redirection
  61                                   window.location = data;
  62                           } else {
  63                                   errors = errors+'<br>Unknown ajax function: '+cmd;
  64                         }
  65                   }
  66
  67         // Write errors to the debug div.
  68                   document.getElementById('msgbox').innerHTML = errors;
  69
  70                   Behaviour.apply();
  71                   if (errors.length>0)
  72                         window.scrollTo(0,0);
  73                         //document.getElementById('msgbox').scrollIntoView(true);
  74           // Restore focus if we've just lost focus because of DOM element refresh
  75                   setFocus();
  76                 }
  77             },
  78             false  // do not disable caching
  79         );
  80     }
  81         // returns input field values submitted when form button 'name' is pressed
  82         //
  83         JsHttpRequest.formValues = function(inp, objForm)
  84         {
  85                 var submitObj = inp;
  86                 var q = {};
  87
  88
  89                 if (typeof(inp) == "string")
  90                         submitObj = document.getElementsByName(inp)[0];
  91                 else
  92                         submitObj = inp;
  93
  94                 objForm = objForm || (submitObj && submitObj.form);
  95
  96                 if (objForm)
  97                 {
  98                         var formElements = objForm.elements;
  99                         for( var i=0; i < formElements.length; i++)
 100                         {
 101                           var el = formElements[i];
 102                                 if (!el.name) continue;
 103                                 if (el.type )
 104                                   if(
 105                                   ((el.type == 'radio' || el.type == 'checkbox') && el.checked == false)
 106                                   || (el.type == 'submit' && (!submitObj || el.name!=submitObj.name)))
 107                                         continue;
 108                                 if (el.disabled && el.disabled == true)
 109                                         continue;
 110                                 var name = el.name;
 111                                 if (name)
 112                                 {
 113                                         if(el.type=='select-multiple')
 114                                         {
 115                                                 for (var j = 0; j < el.length; j++)
 116                                                 {
 117                                                         if (el.options[j].selected == true)
 118                                                                 q[name] = el.options[j].value;
 119                                                 }
 120                                         }
 121                                         else
 122                                         {
 123                                                 q[name] = el.value;
 124                                         }
 125                                 }
 126                         }
 127                 }
 128                 return q;
 129         }
 130 //
 131 //      User price formatting
 132 //
 133 function price_format(post, num, dec, label, color) {
 134         var el = label ? document.getElementById(post) : document.getElementsByName(post)[0];
 135         //num = num.toString().replace(/\$|\,/g,'');
 136         if(isNaN(num))
 137                 num = "0";
 138         sign = (num == (num = Math.abs(num)));
 139         if(dec<0) dec = 2;
 140         decsize = Math.pow(10, dec);
 141         num = Math.floor(num*decsize+0.50000000001);
 142         cents = num%decsize;
 143         num = Math.floor(num/decsize).toString();
 144         for( i=cents.toString().length; i<dec; i++){
 145                 cents = "0" + cents;
 146         }
 147         for (var i = 0; i < Math.floor((num.length-(1+i))/3); i++)
 148                 num = num.substring(0,num.length-(4*i+3))+user.ts+
 149                         num.substring(num.length-(4*i+3));
 150          num = ((sign)?'':'-') + num;
 151          if(dec!=0) num = num + user.ds + cents;
 152         if(label)
 153             el.innerHTML = num;
 154         else
 155             el.value = num;
 156         if(color) {
 157                         el.style.color = (sign) ? '' : '#FF0000';
 158         }
 159 }
 160
 161 function get_amount(doc, label) {
 162             if(label)
 163                 var val = document.getElementById(doc).innerHTML;
 164             else
 165                 var val = document.getElementsByName(doc)[0].value;
 166                 val = val.replace(new RegExp('\\'+user.ts, 'g'),'');
 167                 val = val.replace(new RegExp('\\'+user.ds, 'g'),'.');
 168                 return 1*val;
 169 }
 170
 171 function goBack() {
 172         if (window.history.length <= 1)
 173          window.close();
 174         else
 175          window.history.go(-1);
 176 }
 177
 178 function setFocus(name, byId) {
 179
 180   if(!name) {
 181         if (_focus)
 182                 name = _focus;  // last focus set in onfocus handlers
 183         else
 184          if (document.forms.length) {   // no current focus (first page display) -  set it from from last form
 185           var cur = document.getElementsByName('_focus')[document.forms.length-1];
 186           if(cur) name = cur.value;
 187         }
 188   }
 189   if(byId)
 190         el = document.getElementById(name);
 191   else
 192         el = document.getElementsByName(name)[0];
 193
 194   if(el && el.focus) {
 195     // The timeout is needed to prevent unpredictable behaviour on IE & Gecko.
 196     // Using tmp var prevents crash on IE5
 197
 198     var tmp = function() {el.focus(); if (el.select) el.select();};
 199         setTimeout(tmp, 0);
 200   }
 201 }