title: Open a div in parent window of iFrame
body: <p>I have a page which has an iFrame to another page and what I am looking for is to click a button with this code inside the iframe:</p>
  
  <pre><code>&lt;td class="id-center"&gt;                 
      &lt;div class="bs-example"&gt;
          &lt;a id="comments" href="comments.php?id=$id"  name="comments" value="$id" data-toggle="modal" data-target=".bs-example-modal-lg\" class="btn btn-primary btn-default center-1"&gt;&lt;span class="glyphicon glyphicon-comment"&gt;&lt;/span&gt;&lt;/a&gt;
      &lt;/div&gt; 
  &lt;/td&gt;
  </code></pre>
  
  <p>which can then open the following overlay pop up box in the parent window:</p>
  
  <pre><code>&lt;!-- Large modal --&gt;
  
  &lt;div style="width:90%;" class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel"&gt;
    &lt;div class="modal-dialog modal-lg"&gt;
      &lt;div class="modal-content"&gt;
          &lt;div class="modal-header"&gt;
          &lt;button type="button" class="close" data-dismiss="modal" aria-label="Close"&gt;&lt;span aria-hidden="true"&gt;×&lt;/span&gt;&lt;/button&gt;
          &lt;h4 class="modal-title" id="myLargeModalLabel"&gt;Add a comment&lt;/h4&gt;
          &lt;/div&gt;
          &lt;!-- Body of popup --&gt;
          &lt;div class="modal-body"&gt;
              Test
          &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I'm doing this with Bootstrap 3. Any help would be appreciated! </p>