title: Display Object in The Same Page after Click on Hyper-Link
body: <p>I am working on a web page that will go on pure HTML5 and small Javascript.</p>
  
  <p>I want to create menu near page text, that will include and display the contens of other html page when i click on one of the menu links. like that:</p>
  
  <p><a href="http://i.stack.imgur.com/ravwC.png" rel="nofollow">http://i.stack.imgur.com/ravwC.png</a></p>
  
  <p>I read about frames and i frames and i decided that i dont want to use them, but to use Object instead.</p>
  
  <p>Here what i have i mind:</p>
  
  <pre><code>&lt;center&gt;
  &lt;right&gt;
  &lt;li&gt;link 1&lt;/li&gt;
  &lt;li&gt;link 2&lt;/li&gt;
  &lt;li&gt;link 3&lt;/li&gt;
  &lt;/right&gt;
  &lt;left&gt;
  &lt;object data="text.html" type="text/html"&gt;&lt;/object&gt;
  &lt;/left&gt;
  &lt;/center&gt;
  </code></pre>
  
  <p>How do i display and change the contents from other html file in the same page, while clicking on menu link? </p>