title: How to see content inside div tags in apex page?
body: <p>Locationbox is an external system that services like google maps. You can review an example here;</p>
  
  <p><a href="http://www.locationbox.com.tr/web/demo/displaymap.jsp" rel="nofollow">http://www.locationbox.com.tr/web/demo/displaymap.jsp</a></p>
  
  <p>I want to deploy it to salesforce platform.
  First script tag retrieves javascript code from locationbox service. After working startup(), it sets a dynamic content to <strong><em>div id="map"...</em></strong> in document. There are several png images in the dynamic content. The code below works locally as html files but it doesn't work in apex page. (the function x() works as expected in apex page.)</p>
  
  <p>I am using the following code in apex page.</p>
  
  <pre><code>&lt;apex:page&gt;
      &lt;script language="Javascript" src="http://www.locationbox.com.tr/locationbox/services?Key=mykey&amp;Cmd=API&amp;Typ=JS"&lt;script language="JavaScript"&gt;
  
          var mapper  = new IMapper();
          window.addEventListener('load', function() {alert('OK1'); x();}, false);
          window.addEventListener('load', function() {alert('OK1'); startup();}, false);
  
          function startup() {
              mapper.initMap(41.1, 29.1, 7);
              mapper.addNavigationPanel();
              MVGlobalVariables();
              return;
          }
          function x() {
              document.getElementById("map").innerHTML = 2;
          }
      &lt;/script&gt;
  
      &lt;div id="map" style="border: 1px solid black; width:100%; height:100%; z-index: 0; position:relative; -moz-user-select:none;   background-color: lightgrey;" tabindex="0"&gt;1&lt;/div&gt;
  &lt;/apex:page&gt;
  </code></pre>