jQuery Thickbox или похожий на iFrame? - PullRequest
Новая
       39

jQuery Thickbox или похожий на iFrame?

6 голосов
/ 17 октября 2008

Я искал jQUery Thickbox для показа модальных диалогов с изображениями, это здорово. Но теперь мне нужно отобразить скрытый div контента, который аналогичным образом содержит iFrame, со ссылкой для открытия контента. Так что у меня было бы что-то вроде этого. 

<a href="">Open window in Modal Dialog</a>

<div id="myContent">
    <h1>Look at me!</h1>
    <iframe src="http://www.google.com" />
</div>

И нужно показать это в диалоге. Возможно ли это?

Ответы [ 4 ]

6 голосов
/ 17 октября 2008

Thickbox поддерживает это. См. Демонстрационный контент на http://jquery.com/demo/thickbox/

2 голосов
/ 17 октября 2008

Я использую jqModal, и он хорошо работает и легок. Вот как я могу заставить его работать с iFrame

Это HTML 

<div class="jqmWindow" id="modalDialog">  
    <iframe frameborder="0" id="jqmContent" src=""> 
    </iframe>  
</div>

И телефонный код 

function showModal(url, height, width)
{    
    var dialog = $('#modalDialog')
        .jqm({ 
            onShow: function(h) {
                var $modal = $(h.w);                
                var $modalContent = $("iframe", $modal); 
                $modalContent.html('').attr('src', url); 
                if (height > 0) $modal.height(height);    
                if (width > 0) $modal.width(width);                
                h.w.show();          
            } 
         }).jqmShow();        
}

function closeModal(postback)
{
    $('#modalDialog').jqmHide();
}
0 голосов
/ 22 июля 2010

Ниже приведены подробности моего исправления. Надеюсь, вы сможете интегрировать эти изменения в свой плагин JQuery. Я использую jquery 1.4.2 и jquery UI 1.8.2.

В jquery-frameddialog.js я изменил ширину и высоту на 100% (не px), а затем изменил FIX для jQueryUI 1.7 следующим образом: 

wrap.bind('dragstart', function() { overlay.show(); })
  .bind('dragstop', function() { overlay.hide(); })
  .bind('resizestart', function() { overlay.show(); })
  .bind('resizestop', function() { overlay.hide(); });
0 голосов
/ 17 июня 2010

У меня есть расширение для диалогового окна jQueryUI, которое использует iFrame в качестве базового вида ... оно регулирует несколько значений по умолчанию (например, добавление кнопки OK / Отмена), но должно быть достойной основой для того, что вам нужно. Я знаю, что это старый вопрос, но я просто хочу, чтобы люди знали об этом.

http://plugins.jquery.com/project/jquery-framedialog

...