title: Linking to another html page in google apps script does not seem to work
body: <p>I have tried the answer provided for <a href="https://stackoverflow.com/questions/15668119/linking-to-another-html-page-in-google-apps-script">linking to another html page in google apps script</a>, but it will not go back to page my1, I get a blank screen. In fact, I tried to expand it by adding a third page, my3 and having two buttons on each page...</p>
  
  <blockquote>
    <p>example:</p>
    
    <p>my1.html has buttons "my2" &amp; "my3"</p>
    
    <p>my2.html has buttons "my1" &amp; "my3"</p>
    
    <p>my3.html has buttons "my1" &amp; "my2"</p>
  </blockquote>
  
  <p>From my1, I can go to either my2 or my3, however from either my2 or my3, pressing any button, I get a blank screen and when refreshed, end up back at my1...</p>
  
  <p>Thank you.</p>
  
  <p>Code.gs</p>
  
  <pre><code>/**
   * Get the URL for the Google Apps Script running as a WebApp.
   */
  function getScriptUrl() {
   var url = ScriptApp.getService().getUrl();
   return url;
  }
  
  /**
   * Get "home page", or a requested page.
   * Expects a 'page' parameter in querystring.
   *
   * @param {event} e Event passed to doGet, with querystring
   * @returns {String/html} Html to be served
   */
  function doGet(e) {
    Logger.log( Utilities.jsonStringify(e) );
    if (!e.parameter.page) {
      // When no specific page requested, return "home page"
      return HtmlService.createTemplateFromFile('my1').evaluate();
    }
    // else, use page parameter to pick an html file from the script
    return HtmlService.createTemplateFromFile(e.parameter['page']).evaluate();
  }
  </code></pre>
  
  <p>my1.html</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
    &lt;body&gt;
      &lt;h1&gt;Source = my1.html&lt;/h1&gt;
      &lt;?var url = getScriptUrl();?&gt;&lt;a href='&lt;?=url?&gt;?page=my2.html'&gt; &lt;input type='button' name='button' value='my2.html'&gt;&lt;/a&gt;
      &lt;?var url = getScriptUrl();?&gt;&lt;a href='&lt;?=url?&gt;?page=my3.html'&gt; &lt;input type='button' name='button' value='my3.html'&gt;&lt;/a&gt;
    &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>my2.html</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
    &lt;body&gt;
      &lt;h1&gt;Source = my2.html&lt;/h1&gt;
      &lt;?var url = getScriptUrl();?&gt;&lt;a href='&lt;?=url?&gt;?page=my1'&gt; &lt;input type='button' name='button' value='my1.html'&gt;&lt;/a&gt;
      &lt;?var url = getScriptUrl();?&gt;&lt;a href='&lt;?=url?&gt;?page=my3'&gt; &lt;input type='button' name='button' value='my3.html'&gt;&lt;/a&gt;
    &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>my3.html</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
    &lt;body&gt;
      &lt;h1&gt;Source = my3.html&lt;/h1&gt;
      &lt;?var url = getScriptUrl();?&gt;&lt;a href='&lt;?=url?&gt;?page=my1'&gt; &lt;input type='button' name='button' value='my1.html'&gt;&lt;/a&gt;
      &lt;?var url = getScriptUrl();?&gt;&lt;a href='&lt;?=url?&gt;?page=my2'&gt; &lt;input type='button' name='button' value='my2.html'&gt;&lt;/a&gt;
    &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>