title: How to capture an image(url) inside iframe?
body: <p>Here I am trying to capture the image(url) inside an iframe. But it is not working. Here is my code:</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;div id="iframe"&gt;
      &lt;table width="100%" border="0" align="left" cellpadding="0" cellspacing="0" class="border2"&gt;
          &lt;tr&gt;
              &lt;td height="403"&gt;
                  &lt;asp:UpdatePanel ID="Update" runat="server" UpdateMode="Conditional"&gt;
                      &lt;ContentTemplate&gt;
                          &lt;iframe id="IFTrendAnalysis" name="IFTrendAnalysis" scrolling="auto" runat="server" width="100%" height="403" frameborder="0"&gt;&lt;/iframe&gt;
                      &lt;/ContentTemplate&gt;
                      &lt;Triggers&gt;
                          &lt;asp:AsyncPostBackTrigger ControlID="imgBTNSalesTrendChart" /&gt;
                      &lt;/Triggers&gt;
                  &lt;/asp:UpdatePanel&gt;
              &lt;/td&gt;
          &lt;/tr&gt;
      &lt;/table&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>and image path(generated dynamically)</p>
  
  <blockquote>
    <p><a href="http://10.232.151.132:8080/pentaho/getImage?image=picture658447691538512233.png" rel="nofollow">http://10.232.151.132:8080/pentaho/getImage?image=picture658447691538512233.png</a></p>
  </blockquote>
  
  <p>and</p>
  
  <pre><code>$(function () {
      $("#MainContent_IFTrendAnalysis img").click(function () {
          var update = $("&lt;div&gt;").append(
              $("&lt;img&gt;").attr("src", $(this).attr("src"))
          ).html();
  
          $("#content").val(function (i, v) {
              return v + update;
          });
      });
  });
  </code></pre>
  
  <p>Any suggestions?</p>