مسج Thickbox أو ما شابه ذلك لإظهار الإطار من؟

Question

ولقد تم النظر في مسج thickbox لعرض مربعات حوار مشروط مع الصور، انه امر رائع. ولكن الآن لدي الحاجة لعرض شعبة مخفي المحتوى الذي يحتوي على الإطار من بطريقة مماثلة، مع وصلة لفتح المحتوى. لذلك أود أن يكون شيئا من هذا القبيل.

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

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

وتحتاج لاظهار انها في الحوار. هل من الممكن؟

Answer 1

وThickbox يدعم ذلك. رؤية المحتوى المضمن تجريبي في http://jquery.com/demo/thickbox/

Answer 2

وأنا استخدم jqModal وأنها تعمل بشكل جيد وخفيفة الوزن. هنا هو كيف يمكنني الحصول عليه للعمل مع الإطار من

وهذا هو أتش تي أم أل

<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();
}

Answer 3

ولدي امتدادا إلى الحوار jQueryUI أن يستخدم الإطار من حيث أنها عرض قاعدة ... ويعدل بعض الافتراضات (مثل إضافة OK / زر إلغاء) لكن ينبغي أن تكون قاعدة لائقة لما تحتاجه. أعرف أن هذا هو السؤال القديم، ولكن لمجرد الرغبة في جعل الناس على بينة من ذلك.

<لأ href = "http://plugins.jquery.com/ مشروع / مسج-framedialog "يختلط =" نوفولو noreferrer "> http://plugins.jquery.com/project/jquery-framedialog

Answer 4

وفيما يلي تفاصيل من الإصلاح بلدي. نأمل يمكنك دمج هذه التغييرات إلى البرنامج المساعد مسج الخاص بك. أنا أستخدم مسج 1.4.2 ومسج UI 1.8.2.

في مسج-frameddialog.js، لقد غيرت العرض والارتفاع لتكون 100٪ (لا بكسل) ثم غيرت 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(); });