title: call page in iframe with bootstrap modal?
body: <p>I use <a href="http://jschr.github.io/bootstrap-modal/bs3.html" rel="nofollow">this</a> Bootsrap modal plugin and call some page in it. When a  page needs postback or redirection, it does not happen in modal, it changes the page. So I want it to show pages in iframe which is in boostrap modal. </p>
  
  <p>this is my modal func. code; how should I modify it for show contents in iframe?</p>
  
  <pre><code>$.fn.modal.defaults.spinner = $.fn.modalmanager.defaults.spinner =
        '&lt;div class="loading-spinner" style="width: 200px; margin-left: -100px;"&gt;' +
          '&lt;div class="progress progress-striped active"&gt;' +
            '&lt;div class="progress-bar" style="width: 100%;"&gt;&lt;/div&gt;' +
          '&lt;/div&gt;' +
        '&lt;/div&gt;';
  
      $.fn.modalmanager.defaults.resize = true;
  
      var $modal = $('#ajax-modal');
  
      $('.modal-edit').on('click', function () {
          // create the backdrop and wait for next modal to be triggered
          $('body').modalmanager('loading');
  
          var edit = $(this).attr("data-id");
          setTimeout(function () {
          $modal.load('User.aspx?edit=' + edit + '', '', function () {
              $modal.modal();
          });
          }, 100);
      });
  </code></pre>
  
  <p>this is my modal modal div:</p>
  
  <pre><code>  &lt;div id="ajax-modal" class="modal fade" tabindex="-1" data-width="760" data-replace="true"&gt;
    &lt;/div&gt;
  </code></pre>