title: Quote issue in HTML, Javascript, .innerHTML, switch and case
body: <p>I'm modifying a websense block page to include a few functions based on a variable: $*WS_BLOCKREASON*$. I know the potential output of this variable, and I want to have a specific function for. </p>
  
  <p>The issue is that the page is not passing even the default case to the '&lt;'div'>' contents. Essentially I need the contents of the <code>&lt;div id="helpDiv"&gt;</code> to be a whole set of text including the button. Script below:</p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
  &lt;meta http-equiv="Content-Type" content="text/html; charset=UTF-8"&gt;
  &lt;title&gt;Access to this site is blocked&lt;/title&gt;
  &lt;link rel="stylesheet" href="/en/Custom/master.css" type="text/css"&gt;
  &lt;script type="text/javascript" language="javascript" src="/en/Default/master.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" language="javascript" src="/en/Default/base64.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" language="javascript" src="/en/Custom/security.js"&gt;&lt;/script&gt;
  &lt;style type="text/css"&gt;
          .style1
          {
              width: 130px;
             height: 70px;
          }
      &lt;/style&gt;
  &lt;/head&gt;
  &lt;body&gt;
  
  &lt;!--[if lt IE 7]&gt; &lt;div style="width: 725px; height: 381px;"&gt; &lt;![endif] --&gt;
          &lt;img alt="BHI" class="style1" 
              src="/en/Custom/other.gif" /&gt;&lt;br /&gt;
          &lt;br /&gt;
          &lt;br /&gt;
  &lt;div style="border: 1px solid #285EA6;width: 99.5%; max-width: 915px; overflow: hidden; margin-left: 1px; background-color: #EEF2F7;"&gt;
      &lt;iframe src="$*WS_BLOCKMESSAGE_PAGE*$*WS_SESSIONID*$" title="BHI_BLOCK" 
          name="ws_block" frameborder="0" scrolling="no" 
          style="width:100%; height: 200px; margin-bottom: 0px;"&gt;
      &lt;/iframe&gt;
  &lt;hr /&gt;
      &lt;!-- onload=function() possible fix --&gt;
      &lt;script type="text/javascript"&gt;
      var blockReason=$*WS_BLOCKREASON*$;
  
      switch (blockReason)
          {
          case 'This Websense category is filtered: &lt;b&gt;Uncategorized&lt;/b&gt;.':
              document.getElementById('helpDiv').innerHTML='&lt;p style="margin-left: 10px"&gt;Help:&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;INPUT TYPE="button" VALUE="Submit UNCATEGORIZED website to Websense" onClick="parent.location=\'mailto:suggest@websense.com?subject=Uncategorized Website&amp;body=Please review and correctly categorize the website that is listed below:%0A%0A' + $*WS_URL*$ + '%0A%0AThank you.\'"&gt;&lt;/p&gt;\
              &lt;hr /&gt;\
              &lt;p style="margin-left: 64px"&gt;Clicking on the above button will open your mail client to send an e-mail to Websense for recategorization of the above site.&lt;/p&gt;\
              &lt;p style="margin-left: 64px"&gt;You will receive a confirmation e-mail and a case number from Websense indicating your request is proccessing.&lt;/p&gt;\
              &lt;p style="margin-left: 64px"&gt;Please note the response time for your request will vary. Allow to three to four (3-4) hours for updates to take effect once approved.&lt;/p&gt;\
              &lt;p style="margin-left: 64px"&gt;If you have any questions, please contact SOLV at &lt;a href=tel:+18772222222&gt;+1 877 2222222&lt;a/&gt; or &lt;a href=http://solv:8093/CAisd/pdmweb.exe?OP=JUST_GRONK_IT+HTMPL=about.htmpl target="_blank"&gt;this link.&lt;/a&gt;&lt;/p&gt;';
          break;
  
          case 'This Websense category is filtered: &lt;b&gt;Parked Domain&lt;/b&gt;.':
              document.getElementById('helpDiv').innerHTML='&lt;p&gt;Parked domain&lt;/p&gt;';
          break;
  
          default:
              document.getElementById('helpDiv').innerHTML='&lt;p&gt;No Block message help.&lt;/p&gt;';
          }
      &lt;/script&gt;
      &lt;div frameborder="0" scrolling="no" style="width:100%; height: auto; margin-bottom: 0px;" id="helpDiv"&gt;
      &lt;/div&gt;
  &lt;iframe src="$*WS_BLOCKOPTION_PAGE*$*WS_SESSIONID*$" name="ws_blockoption" 
          frameborder="0" scrolling="no" style="width:100%; height: auto;"&gt;
          &lt;p&gt;To enable further options, view this page with a browser that supports iframes&lt;/p&gt;
      padding: 2px 0px;"&gt;
          &lt;div style="clear: both; overflow: hidden; height:1px;"&gt;&lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  &lt;!--[if lt IE 7]&gt; &lt;/div&gt; &lt;![endif]--&gt;
  &lt;div id="light" class="white_content"&gt;&lt;/div&gt;
  &lt;div id="fade" class="black_overlay"&gt;&lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>