title: AJAX including pages without loading
body: <p>I'm having a challenge:</p>
  
  <p>How do I reload a <code>&lt;div&gt;</code> on page using AJAX, without loading bars and without disappearing while the content is loaded.</p>
  
  <p>I want to keep previously generated content as long as new content is loaded. </p>
  
  <p>This is my script but when loading the content in a loop it blinks:</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
  function showCargo_34(urlparms)
                    {
  
                    if (window.XMLHttpRequest)
                      {// code for IE7+, Firefox, Chrome, Opera, Safari
                      xmlhttpshowCargo_34=new XMLHttpRequest();
                      }
                    else
                      {// code for IE6, IE5
                      xmlhttpshowCargo_34=new ActiveXObject("Microsoft.XMLHTTP");
                      }
                    xmlhttpshowCargo_34.onreadystatechange=function()
                      {
                      if (xmlhttpshowCargo_34.readyState==4 &amp;&amp; xmlhttpshowCargo_34.status==200)
                        {
                        document.getElementById("Cargo_34").innerHTML=xmlhttpshowCargo_34.responseText;
                        }
                      }
                    xmlhttpshowCargo_34.open("GET","modules/desktop/desktop/script_cargo.php?"+urlparms,true);    // modules/catalogitem/script_categorylist.php?"+urlparms
                    xmlhttpshowCargo_34.send();
                    };
  &lt;/script&gt;
          &lt;div id="Cargo_34"&gt;&lt;/div&gt;
          &lt;script&gt;
          function repeat_Cargo_34() {
              showCargo_34('baseid=1&amp;moduleid=10&amp;gridmoduleid=133&amp;speed=180&amp;x=3&amp;y=4');
              setTimeout( repeat_Cargo_34, 20000);
          };
  
  
          repeat_Cargo_34();                                   
          &lt;/script&gt;
  </code></pre>