HTML code:
<Div class = "Modal fade" id = "nopermissionmodal"> <Div class = "modal-dialog"> <Div class = "modal-content"> <Div class = "Modal -header "> <% -- <button type =" button "class =" close "data-dismiss =" Modal "Aria-hidden =" true "> × </button> -- %> <button type = "button" class = "close" onclick = "window. history. go (-1 ); "> × </button> <H4 class =" modal-title "id =" nopermissionmodallabel "> system message </H4> </div> <Div class =" modal-body "> <IFRAME id = "nopermissioniframe" width = "100%" Height = "50%" frameborder = "0"> </iframe> </div> <Div class = "modal-footer"> <% -- <button type = "button" class = "BTN-Default" data-dismiss = "Modal"> close </button> -- %> <button class = "BTN-Default" type = "button" onclick = "window. history. go (-1 ); "> close </button> </div> <input type =" button "value =" pop-up modal box iframe "Class = "BTN-primary" id =" Btnclick ">
JS Code:
$(function(){ $("#btnclick").click(function(){ var frameSrc = "../ErrorPages/NoPermission.html"; $("#NoPermissioniframe").attr("src", frameSrc); $('#NoPermissionModal').modal({ show: true, backdrop: 'static' }); });});
:
Use the bootstrap framework to pop up the IFRAME page. In the pop-up mode box, enter the manned IFRAME page.