2014-06-23 3 views
7

यह मेरे this प्रश्न से संबंधित कुछ है। आईई में, मैंने संवाद में आईफ्रेम का उपयोग करके समस्या का समाधान किया। तो यह ठीक काम करता है। लेकिन सफारी में मुझे अभी भी समस्या का सामना करना पड़ रहा है हालांकि मैंने संवाद में आईफ्रेम लिया है। सफारी ब्राउज़र संस्करण 5.1.7 (7534.57.2) है।पीडीएफ सफारी में Jquery Modal छुपाता है

<div> 
    <iframe allowtransparency="true" style="width :100%;height:68em" id="FaxPdf" src='@Url.Action("GetPDF", "Base", new { pdfPath = @Model.PDFPath })'></iframe> 
</div> 
<img id="addPatient" title="Add/Select Patient" src="~/Content/Images/AddNewSmall2.png" style="height:20px;width:20px;cursor:pointer;float:right" /> 
<div id="dialog" style="width: 100%; height: 100%; background-color: lightgray; display: none; "> 
    <iframe id="patientFrame" frameborder="0" marginwidth="0" marginheight="0" style="width:100%;height:60em"></iframe> 
</div> 

$('#addPatient').click(function() { 
    $('#dialog').dialog('open'); 
}); 
$('#dialog').dialog({ 
    autoOpen: false, 
    title: 'Add/Select Patient', 
    height: 'auto', 
    width: '90%', 
    position: ['top', 50], 
    draggable: false, 
    show: 'blind', 
    hide: 'blind', 
    modal: true, 
    open: function (event, ui) { 
    $.ajax({ 
     url: '@Url.Action("ManagePatient","Order")', 
     type: 'GET', 
     cache:false, 
     success: function(data){ 
     setTimeout(function() { 
     var frameSet = document.getElementById("patientFrame"); 
     var iframedoc = frameSet.document; 

     if (frameSet.contentDocument) 
      iframedoc = frameSet.contentDocument; 
     else if (frameSet.contentWindow) 
      iframedoc = frameSet.contentWindow.document; 

     if (iframedoc){ 
      iframedoc.open(); 
      iframedoc.writeln(data); 
      iframedoc.close(); 
     } 
     },400); 
    }, 
    error: function() { 
     window.location.href = '@Url.Action("Index","Error")'; 
    } 
    }); 
}, 
close: function (event, ui) { 
    $("#patientFrame").attr("src", ''); 
} 
}); 

आप देख सकते हैं समस्या image here. संवाद का अधिकार आधे पक्ष पीडीएफ द्वारा अवरुद्ध है:

यहाँ कोड मैंने कोशिश की है।

+0

आप कैसे उत्पादन सफारी शो में यहाँ दिखा सकते हैं प्रदान करते हैं? –

+0

तो आपकी इच्छा आउटपुट क्या होनी चाहिए? –

+0

'पीडीएफ बैकएंड पर होना चाहिए। संवाद सामने होना चाहिए 'संवाद पहले से ही –

उत्तर

3

विशेष रूप से, मैं z- सूचकांक ताकि से निपटने के लिए आप दूसरी ओर Bgiframe पर z- इंडेक्स

लागू करने के साथ यह कर सकते हैं मुद्दा हो सकता है कर रहा है प्लगइन आप

में मिल जाना चाहिए लगता है

इंटरनेट पर कुछ लेख पढ़ने के बाद एक और नोट, मैंने पाया कि पीडीएफ एक्रोबैट रीडर प्लगइन द्वारा लोड किया गया है। इसके एक सेपरेट में एचटीएमएल के साथ कुछ लेना देना नहीं है, इसलिए जब आप कोई पीडीएफ कॉल करते हैं या कोई फ़ाइल दिखाते हैं तो यह एक प्लग इन कॉल करेगा और आपका पीडीएफ दिखाया जाएगा, यदि आपके पास डिस्प्ले पर कोई नियंत्रण नहीं है तृतीय पक्ष प्लगइन विशेष रूप से एक एक्रोबैड रीडर की तरह। तो मेरा विचार जो मैं here

से मिला आप दो iframe का उपयोग करना चाहिए एक उदाहरण यहां पाया जा सकता है

लेकिन आप position:absolute और तत्व के साथ z-index: -1; सेट सब करता है, तो बाद आप दिखाना चाहते हैं (अधिलेखित) सेट position:absolute और z-index:1 आपके लिए एक समाधान हो सकता है।

मैं और अधिक विचार जो मैं diff resources.thanks से पाया

+0

यह काम नहीं कर रहा है। मैंने पहले ही कोशिश की है। – Dhwani

+0

क्या आप iframe के बजाय ऑब्जेक्ट आज़मा सकते हैं? –

+0

यह भी काम नहीं कर रहा है। – Dhwani

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