title: Document.write JavasScript
body: <p>How do I transform the first section of this <code>document.write</code> code into a popup link? Note the first part says <code>"&lt;a href=\"\/popups\/fed_budget.asp\"&gt;&lt;img src=\"http:\/images\/video_graphic.jpg\</code>, etc. How do I change that button link (<code>video_graphic.jpg</code>) to a popup instead of taking me to a different page? This is what I currently have:</p>
  
  <pre><code>document.write("&lt;td width=\"251px\"&gt;&lt;a href=\"\/popups\/fed_budget.asp\"&gt;&lt;img src=\"http:\/images\/video_graphic.jpg\" alt=\"Video Graphic\" \/&gt;&lt;\/a&gt;&lt;\/td&gt;");
  document.write("&lt;td style=\"padding-top:30px; padding-left:10px; padding-right:10px\"&gt;");
  
  document.write("&lt;b class=\"blue_text\"&gt;Recent News&lt;\/b&gt;&lt;br \/&gt;&lt;br \/&gt;");
  document.write("&lt;strong&gt;&lt;a    href=\"\/news\/newshub\/articles\/federal_budget_2014.asp\"&gt;Your Federal Budget Update&lt;\/a&gt;  &lt;\/strong&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;b class=\"blue_text\"&gt;New&lt;\/b&gt;&lt;br    \/&gt;");
  
  document.write("Read our run-down on the super side of this year's Budget.&lt;br \/&gt;&lt;br   \/&gt;&lt;br \/&gt;");
  document.write("&lt;strong&gt;&lt;a href=\"\/news\/newshub\/articles\/EOFY_Tips_tricks.asp\"&gt;EOFY tips and tricks&lt;\/a&gt;&lt;\/strong&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;b class=\"blue_text\"&gt;New&lt;\/b&gt;&lt;br \/&gt;");
  document.write("Six strategies to help you get your super in shape.&lt;br \/&gt;&lt;br \/&gt;");
  document.write("&lt;\/td&gt;");
  document.write("&lt;\/tr&gt;");
  document.write("&lt;\/table&gt;");
  </code></pre>