2012-04-23 23 views
5

में iframe से खुली मोडल विंडो मेरे पास एक आईफ्रेम वाला एक पृष्ठ है, और इस आईफ़्रेम के अंदर कुछ लिंक हैं जो मूल विंडो में एक मोडल विंडो खोलना चाहिए। बात यह है कि मुझे पैरेंट विंडो में कोड डालने की पहुंच नहीं है। मुझे बस इस आईफ्रेम तक पहुंच है। क्या इस तरह की सीमाओं के साथ jquery के साथ ऐसा किया जा सकता है?पैरेंट

धन्यवाद!

उत्तर

6

आप JQuery प्लगइन SimpleModal

वहाँ एक विकल्प "appendTo" कहा जाता है, जहां आप बता सकते हैं जहाँ आप अपने मॉडल डाल करते हैं का उपयोग कर सकते हैं। उस दृष्टिकोण के साथ एकमात्र समस्या यह है कि मोडल का ओवरले आईफ्रेम के आकार के साथ दिखाई देता है, इसलिए इसे खोलने के बाद आपको इसे अपनी वांछित चौड़ाई और ऊंचाई देना होगा।

$('#div-modal').modal({ 
    appendTo: $(window.parent.document).find('body'), 
    overlayCss: {backgroundColor:"#333"}, // Optional overlay style 
    overlayClose:true, 
}); 
// Set overlay's width 
$(window.parent.document).find('#simplemodal-overlay').css('width', '100%'); 

div आप के रूप में एक मॉडल अपने माता पिता के विंडो में है खोलना चाहते हैं, तो आप $(window.parent.document).find('#div-modal')

+0

महान समाधान के साथ $('#div-modal') की जगह सकता है, इसकी अच्छी तरह से काम कर रहा! क्या आप जानते हैं कि यह क्रॉस ब्राउज़र अनुपालन है या नहीं? –

+0

मैं ईमानदारी से नहीं जानता। मैंने क्रोम और ओपेरा में परीक्षण किया। शायद आपको प्लगइन के पेज में जांच करनी चाहिए। – Renato

+0

क्रॉस डोमेन पर काम नहीं कर रहा है – fadomire

संबंधित मुद्दे