title: Javascript postback running BUT NOT returning values in bootstrap 4
body: <p>Am running into a problem with my postback javascript function in ASP / BootStrap environment.
  I have searched stackoverflow for a solution, I couldn't find any that resolved my problem.</p>
  
  <p>My problem is the following: when I Onclick an image, the page reload (it appears that the post back works) bit it's not returning any value for that post back.</p>
  
  <p>In my example, <code>onclick="__EVENTSPARAM('events_insertmaintenance','10774');</code>
  should execute a specific code. </p>
  
  <pre><code>Sub insertmaintenance() 
      id = request("events_insertmaintenance")
      blablabla
  end sub 
  </code></pre>
  
  <p>My <code>request("events_insertmaintenance")</code> is returning null value, but in my example it should return 10774.</p>
  
  <p>Here is the code. I removed extra blabla to make it short but it will gave you an idea about my page code structure.</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html dir="ltr" lang="en"&gt;
  
  &lt;head&gt;
      &lt;meta charset="iso-8859-1"&gt;
      &lt;meta http-equiv="X-UA-Compatible" content="IE=edge"&gt;
      &lt;!-- Tell the browser to be responsive to screen width --&gt;
      &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;
      &lt;meta name="description" content=""&gt;
      &lt;meta name="author" content=""&gt;
      &lt;!-- Favicon icon --&gt;
      &lt;link rel="icon" type="image/png" sizes="16x16" href="bootstrap/assets/images/favicon.png"&gt;
      &lt;title&gt;Cloud VGP&lt;/title&gt;
      &lt;!-- Custom CSS --&gt;
      &lt;link href="bootstrap/assets/extra-libs/c3/c3.min.css" rel="stylesheet"&gt;
      &lt;link href="bootstrap/assets/libs/chartist/dist/chartist.min.css" rel="stylesheet"&gt;
      &lt;link href="bootstrap/assets/extra-libs/jvector/jquery-jvectormap-2.0.2.css" rel="stylesheet" /&gt;
      &lt;!-- Custom CSS --&gt;
      &lt;link href="bootstrap/dist/css/style.min.css" rel="stylesheet"&gt;
      &lt;link href="bootstrap/assets/extra-libs/datatables.net-bs4/css/dataTables.bootstrap4.css" rel="stylesheet"&gt;
      &lt;!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries --&gt;
      &lt;!-- WARNING: Respond.js doesn't work if you view the page via file:// --&gt;
      &lt;!--[if lt IE 9]&gt;
              &lt;script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"&gt;&lt;/script&gt;
              &lt;script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"&gt;&lt;/script&gt;
          &lt;![endif]--&gt;
      &lt;style&gt;
  
      &lt;/style&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
  
      &lt;form id="Form_ID" name="Form_ID" method="POST" action="Shopa_VGP_Customers_Init.asp?which=5685&amp;idfield=contactid&amp;table=customers&amp;database=&amp;xtab=2"&gt;
  
          &lt;img name="events_insertmaintenance" id="events_insertmaintenance" src="images/ConfigurationTools.png" **onclick="__EVENTSPARAM('events_insertmaintenance','10774');**"&gt;
  
              &lt;input type="hidden" id="IsPageLoaded" name="IsPageLoaded" value="1" /&gt;
              &lt;input type="hidden" id="Events_Name" name="Events_Name" value="" /&gt;
              &lt;input type="hidden" id="Param_Events" name="Param_Events" value="" /&gt;
              &lt;input type="hidden" name="which" value="5685" /&gt;
              &lt;input type="hidden" name="table" value="customers" /&gt;
              &lt;input type="hidden" id="frm_Inspections_xString" name="frm_Inspections_xString" value="0" /&gt;
              &lt;input type="hidden" id="frm_Invoices_xString" name="frm_Invoices_xString" value="0" /&gt;
      &lt;/form&gt;
  
  
      &lt;script src="bootstrap/assets/libs/jquery/dist/jquery.min.js"&gt;&lt;/script&gt;
      &lt;!-- Bootstrap tether Core JavaScript --&gt;
      &lt;script src="bootstrap/assets/libs/popper.js/dist/umd/popper.min.js"&gt;&lt;/script&gt;
      &lt;script src="bootstrap/assets/libs/bootstrap/dist/js/bootstrap.min.js"&gt;&lt;/script&gt;
      &lt;!-- apps --&gt;
      &lt;script src="bootstrap/dist/js/app-style-switcher.js"&gt;&lt;/script&gt;
      &lt;script src="bootstrap/dist/js/feather.min.js"&gt;&lt;/script&gt;
      &lt;!-- slimscrollbar scrollbar JavaScript --&gt;
      &lt;script src="bootstrap/assets/libs/perfect-scrollbar/dist/perfect-scrollbar.jquery.min.js"&gt;&lt;/script&gt;
      &lt;script src="bootstrap/assets/extra-libs/sparkline/sparkline.js"&gt;&lt;/script&gt;
      &lt;!--Wave Effects --&gt;
      &lt;!-- themejs --&gt;
      &lt;!--Menu sidebar --&gt;
      &lt;script src="bootstrap/dist/js/sidebarmenu.js"&gt;&lt;/script&gt;
      &lt;!--Custom JavaScript --&gt;
      &lt;script src="bootstrap/dist/js/custom.min.js"&gt;&lt;/script&gt;
      &lt;!--Toasts --&gt;
      &lt;script type="text/javascript"&gt;
          $('.toast').toast('show');
      &lt;/script&gt;
      &lt;!--DataTables --&gt;
      &lt;script src="bootstrap/assets/extra-libs/datatables.net/js/jquery.dataTables.min.js"&gt;&lt;/script&gt;
      &lt;script src="bootstrap/dist/js/pages/datatable/datatable-basic.init.js"&gt;&lt;/script&gt;
      &lt;script src="bootstrap/assets/extra-libs/prism/prism.js"&gt;&lt;/script&gt;
  
      &lt;script language="javascript"&gt;
          var theForm = document.forms['Form_ID'];
          if (!theForm) {
              theForm = document.Form_ID;
          }
          var __SETVALUE = function() {
              for (var i = 0; i &lt; (arguments.length); i = i + 2) {
                  $(arguments[i]).value = arguments[i + 1];
              }
          }
          var __EVENTS = function(_events_name) {
              $('Events_Name').value = _events_name;
              theForm.submit();
          }
          var __EVENTSPARAM = function(_events_name, _events_param) {
              $('Events_Name').value = _events_name;
              $('Param_Events').value = _events_param;
              theForm.submit();
          }
          var __CONFIRM = function(_text) {
              return confirm(_text);
          }
          var __DOPOSTBACK = function() {
              for (var i = 0; i &lt; (arguments.length); i = i + 2) {
                  $(arguments[i]).value = arguments[i + 1];
              }
              theForm.submit();
          }
  
          if ($('div_id_inspections') != null) {
              setTimeout("$('div_id_inspections').scrollTop=0", 0);
          }
          if ($('div_id_factures') != null) {
              setTimeout("$('div_id_factures').scrollTop=0", 0);
          }
      &lt;/script&gt;
  
      &lt;script&gt;
          datePickerController.createDatePicker({
              formElements: {
                  "dp_datefacture": "%d/%m/%Y"
              }
          });
      &lt;/script&gt;
  
  &lt;/body&gt;
  
  &lt;/html&gt;
  </code></pre>