<div class="modal hide fade in banner-preview" id="<%= @preview_obj.id %>">
  <div class="modal-header">
    <a class="close" data-dismiss="modal">×</a>
    <h3><%= t(:preview) %></h3>
  </div>
  <div class="modal-body">
    <p class="">
      <iframe src=<%= @preview_obj.get_preview_link %> style="width:1024px;height:300px" >

        </iframe>
    </p>
  </div>
  <div class="modal-footer">
    
    <a href="#" class="btn" data-dismiss="modal"><%= t(:close) %></a>
  </div>
  <div>
    <script type="text/javascript" src="/static/kernel.js"></script>
    <script type="text/javascript">
      $(document).ready(function() {

    $(".modal").on("hidden", function () {
    $("#show_preview").remove();
      });
      
      $("iframe").load(function(){
          // Get the body element
          var frameBody = $("iframe").contents().find("body");

          // Get all links inside the BODY tag
          $('a', frameBody).click(function(e){
                  //Disable all default actions       
                  e.preventDefault();
          });
          $('input', frameBody).attr("disabled", true);
      });
    });
    </script>
  </div>
</div>