title: JavaScript issues with lengthy URLs and special characters
body: <p>I am using the following code but I have noticed that when I change the dashboard URL array to include lengthy XML URLs that include characters like "#", "-", and "=" and I have several URLs listed in the array, only the first URL is processed and the other two are ignored.</p>
  
  <p>For example, the URLs might be like:</p>
  
  <pre><code>dashboards: [
  {url:"http://www.abc-drf-qaz.mydomain.details/folder1/folder2/job#f=Qwerty/fff/FFF.xml",time:5},
  {url:"http://www.abc-drf-qaz.mydomain.details/folder1/folder2/job#f=Qwerty/ggg/GGG.xml",time:5},
  {url:"http://www.abc-drf-qaz.mydomain.details/folder1/folder2/job#f=Qwerty/hhh/HHH.xml",time:5} ],
  </code></pre>
  
  <p>Can people please suggest what could be happening, such as:</p>
  
  <ul>
  <li>Is there a limitation of length with the data URL in the array? <br/></li>
  <li>Are the characters "#", "=", "-" preventing the 2nd and 3rd URLs from processing? <br/></li>
  <li>That the URL is an XML URL? <br/></li>
  <li>Something else?</li>
  </ul>
  
  <p>Only the first URL in the array is being processed and all others are ignored.</p>
  
  <pre><code>&lt;html lang="en"&gt;
  &lt;head&gt;
  &lt;title&gt;Dashboard Example&lt;/title&gt;
  &lt;style type="text/css"&gt;
  body, html { margin: 0; padding: 0; width: 100%; height: 100%; overflow: hidden; }
  iframe { border: none; }
  &lt;/style&gt;
  &lt;script type="text/javascript"&gt;
  var Dash = {
      nextIndex: 0,
      dashboards:
         [{
            url: "http://www.abc-drf-qaz.mydomain.details/folder1/folder2/job#f=Qwerty/fff/FFF.xml",
            time: 5
          },
          {
            url: "http://www.abc-drf-qaz.mydomain.details/folder1/folder2/job#f=Qwerty/ggg/GGG.xml",
            time: 5
          },
          {
            url: "http://www.abc-drf-qaz.mydomain.details/folder1/folder2/job#f=Qwerty/hhh/HHH.xml",
            time: 5
          }],
      display: function()
      {
          var dashboard = Dash.dashboards[Dash.nextIndex];
          frames["displayArea"].location.href = dashboard.url;
          Dash.nextIndex = (Dash.nextIndex + 1) % Dash.dashboards.length;
          setTimeout(Dash.display, dashboard.time * 1000);
      }
  };
  
  window.onload = Dash.display;
  &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;iframe name="displayArea" width="100%" height="100%"&gt;&lt;/iframe&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>