Jquery BlockUI Iframe - PullRequest
Новая
       5

Jquery BlockUI Iframe

0 голосов
/ 02 февраля 2011

Я хочу заблокировать элемент IFRAME с помощью плагина BlockUI jQuery.

Пожалуйста, дайте мне пример, как это сделать.

Ответы [ 3 ]

1 голос
/ 02 февраля 2011

Рассматривали ли вы просмотр документов BlockUI?

Я думаю http://jquery.malsup.com/block/#element это именно то, что вы хотите. Я не совсем уверен, работает ли это в случае, если iframe загрузил внешний сайт, хотя, похоже, он изменяет DOM элемента, а не просто создает оверлей вне элемента.

0 голосов
/ 01 августа 2011

включает скрипт jquery.min.js перед jquery.block.js, рабочий пример: 

<html>
<head runat="server">
    <title>BlockUISample</title>
    <script src="<%: Url.Content("~/Scripts/jquery-1.4.4.min.js") %>" type="text/javascript"></script>
    <script src="<%: Url.Content("~/Scripts/jquery.blockUI.js") %>" type="text/javascript"></script>
    <script type="text/javascript">
        $(function () {
            $('#btn').click(function () {
                $('#iframeContainer').block({ message: null });
            });
        }); 
    </script>
</head>
<body>
    <div>
        <input type="button" id="btn" value="block"></input>
        <div id="iframeContainer" style="width: 800; height: 600px;">
            <iframe src="http://www.google.com" width="100%" height="100%"></iframe>
        </div>
    </div>
</body>
</html>
0 голосов
/ 02 февраля 2011

Я верю, что это то, что вы после. Как объяснил ThiefMaster, вам нужно обернуть внешний элемент DIV вокруг iframe.

</p> <pre><code><div id="iframeContainer" style="width:800;height:600px;"> <iframe src="http://www.google.com" width="100%" height="100%"></iframe> </div> 

<script type="text/javascript">
    $(function () {
        $('#btn').click(function () {
            $('#iframeContainer').block({ message: null });
        });
    }); 
</script>
...