Populate a container by clicking a link ...currently it does this on load
<pre><code>&lt;script type="text/javascript"&gt;

$(document).ready(function() {
$("a").click(function(event) {
  alert("Thanks for visiting!");
  });
 });
&lt;/script&gt;

&lt;style&gt;
 div.iframe-link {
 position: relative;
 float: left;
 width: 175px;
 height: 205px;
 margin: 0 1em 1em 0;
 border: 3px solid blue;
 }

  a.iframe-link {
  position: absolute;
  top:0;
  right: 0;
  bottom: 0;
  left: 0;
}
&lt;/style&gt;
&lt;/head&gt;

&lt;body&gt;

&lt;a href="swedish.html"&gt;click link to populate container&lt;/a&gt;&lt;br&gt;  

&lt;!-- note: it populates the container at load currently ... I only want it to 
populate     after clicking the link --&gt;  
&lt;div class="iframe-link"&gt;  
&lt;iframe src="swedish.html?style=sandbeach" style=" border-width:2 " width="175"     
height="175" frameborder="2" scrolling="no"&gt;&lt;/iframe&gt;
&lt;/div&gt;   


&lt;/body&gt;
&lt;/html&gt; 
</code></pre>
