<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>