title: HREF attribute not working inside an IFRAME
body: <p>I have an iframe to preview some data.</p>
  
  <p>The data is stored in a javascript variable :</p>
  
  <pre><code>var s = '&lt;html&gt;&lt;head&gt;&lt;/head&gt;&lt;body&gt;&lt;a href="#"&gt;Hello_world&lt;/a&gt;&lt;/body&gt;&lt;/html&gt;';
  </code></pre>
  
  <p>I am passing the data [<code>passing s</code>] to the iframe <code>SRC</code> attribute via Javascript.</p>
  
  <p>Here is the code :</p>
  
  <pre><code>document.getElementById('output_iframe1').src = "data:text/html;charset=utf-8," + escape(s);
  </code></pre>
  
  <p>So the data is loaded on the iframe except <code>&lt;a&gt;</code> elements.</p>
  
  <p><code>The Problem is</code> I can see <code>text</code> but not links. However, the element events are working fine(click,hover etc).</p>
  
  <p>I inspected through Firebug and all are working well there.</p>
  
  <p>I changed the <code>HREF</code> attribute to <code>http://somesite/file.html</code> on Firebug and amazingly it worked, but not with <code>#</code>.</p>
  
  <p>Actually what i am doing wrong ??
  Why i cant see <code>LINKS</code> without <code>http://</code> ?</p>
  
  <p>Thank you .</p>
  
  <p>Update 1 : I tested it with latest Firefox 8.0 and it works well,also checked with Google Chrome [Works well,but clicking on any links disappearing all the links],<code>Yeah as usual IE failed in all cases,it looks like IE doesn't know what is an Iframe</code></p>