title: Displaying different data in tabs based on a variable
body: <p>I am creating a view for users to easily switch between data they want to see. 
  The scenario: User is a manager of a group with a number of stores with different franchises. Our dashboard allows him to view collated results for all the stores. At the moment, the user has a separate login for each franchise. I want to be able to show both in one login by using tabs.</p>
  
  <p>I have created two buttones</p>
  
  <pre><code>&lt;button class="tab tablinks active" onclick="openCity(event, 'table_products')"&gt;Franchise 1 &lt;/button&gt;
  &lt;button class="tab tablinks" onclick="openCity(event, 'products_location')"&gt;Franchise 2&lt;/button&gt;
  </code></pre>
  
  <p>And then 2 divs with corresponding IDs </p>
  
  <pre><code>&lt;div id="table_products" class="tabcontent" width="100%" &gt;
  &lt;?
      include 'load_table.php';
  ?&gt;
  &lt;/div&gt;
  
  &lt;div id="products_location" class="tabcontent" style="display: block" width="100%" &gt;
  &lt;?
      include ('load_table.php');
  ?&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I also have javascript to switch the CSS styles of style display. I am struggling with passing the variable to the correct file in order to know which franchise data to display.</p>
  
  <p>I have tried </p>
  
  <pre><code>include ('load_table.php?franchise=a');
  </code></pre>
  
  <p>but that didn't work, since PHP looks for that exact file name. I have also tried </p>
  
  <pre><code>include 'https://www.example.io/platformDev2/load_table.php?franchise=a';
  </code></pre>
  
  <p>but that is throwing up an error as well, saying that file doesn't exist. Is there another way in which I can achieve what I need? </p>