Use the Bootstrap framework to pop up the iframe page. In the pop-up mode box, the manned iframe page, bootstrapiframe

Source: Internet
Author: User

Use the Bootstrap framework to pop up the iframe page. In the pop-up mode box, the manned iframe page, bootstrapiframe
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> 


Js Code:

$(function(){    $("#btnclick").click(function(){        var frameSrc = "../ErrorPages/NoPermission.html";        $("#NoPermissioniframe").attr("src", frameSrc);        $('#NoPermissionModal').modal({ show: true, backdrop: 'static' });    });});


:








If a jsp page is embedded in iframe, a div layer needs to be popped up in iframe, but this div cannot exceed the iframe range.

Ideas:
Define the div layer in the parent window. The pop-up div function is defined as a method popupDiv. On the iframe page, call the method of the parent window:
Window. parent. popupDiv ().

If a jsp page is embedded in iframe, a div layer needs to be popped up in iframe, but this div cannot exceed the iframe range. You have solved the problem.

The pop-up layer in iframe cannot pop out.

To implement this pop-up layer, there is only one way to pass the content you want to bring up to the main framework, and then pop up in the main framework.

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.