title: How to display a hosted url in a particular div by onclick
body: <p>I am trying to display a hosted url application in a particular div though an onclick on the anchor and this should open in same tab.</p>
  
  <p><strong>Code in Context</strong></p>
  
  <pre><code> &lt;div class="container-fluid text-center col-md-12 collapse out" id="orange" style="height: 30px; background-color: orange"&gt;
  
   &lt;a type="button" class="btn btn-success" id="btnk" href="http://www.google.com" onclick="return go(this);"&gt;Google&lt;/a&gt;
  
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>Function used for the above</strong></p>
  
  <pre><code>function go(obj) {
              var page = obj.href;
              document.getElementById('g2g').innerHTML = '&lt;object data="' + page + '" type="text/html"&gt;&lt;embed src="' + page + '" type="text/html" /&gt;&lt;/object&gt;';
              return false;
          }
      });
  
      function setURL(url) {
          document.getElementById('g2g').src = url;
      }
  </code></pre>
  
  <p>This <strong>Google link needs to open in the following div</strong></p>
  
  <pre><code>&lt;div class="container-fluid text-center col-md-12" id="g2g"&gt;
          &lt;div class="row content"&gt;
  
  
                      &lt;div id="map" class="fill" style="z-index: 100;"&gt;
                      &lt;/div&gt;
  
  
          &lt;/div&gt;
  
      &lt;/div&gt; 
  </code></pre>
  
  <p>Currently it opens in same tab but not in that particular div expected. Suggestions will be appreciated.</p>