दृश्यता विशेषता ने मेरे लिए क्रोम में काम करना बंद कर दिया

Question

मैंने कुछ महीने पहले एक वेब ऐप बनाया था और इसे एफएफ & क्रोम में ठीक काम करने का परीक्षण किया था।

मैं कल रात कुछ जोड़ने के लिए गया और देखा कि मेरा छुपा iframe फ़ंक्शन अब क्रोम में काम नहीं कर रहा है।

यदि मैं तत्व का निरीक्षण करता हूं तो मैं देख सकता हूं कि विशेषता वास्तव में बदल रही है, लेकिन iframe छिपा हुआ नहीं है।

function hideIFrame(){ 
    document.getElementById("myFrame").style.visibility="hidden"; 
    self.focus(); 
} 

function showIFrame(){ 
    document.getElementById("myFrame").style.visibility="visible"; 
} 

myFrame div छुपा हुआ शुरू होता है। और सफलतापूर्वक दिखाई देता है लेकिन जब दृश्यता छिपी हुई क्रोम में बदल जाती है तो उसे छुपा नहीं रहा है, एफएफ और यानी इसे अभी भी छुपाएं।

कोई विचार क्यों?

ठीक:

function hideIFrame(){ 
    document.getElementById("myFrame").style.visibility="hidden"; 
    document.getElementById("myFrame").style.opacity=0; 
    self.focus(); 
} 

function showIFrame(){ 
    document.getElementById("myFrame").style.visibility="visible"; 
    document.getElementById("myFrame").style.opacity=1; 
} 

Answer 1

आइफ्रेम दृश्यता टॉगल ($('iframe').css('visibility','hidden') not working in google chrome) के साथ समस्या है। यदि आप इसे गायब करना चाहते हैं, तो ऊंचाई, चौड़ाई: 0 का उपयोग करें। यदि आप इसे अदृश्य होना चाहते हैं, तो अस्पष्टता का उपयोग करें: 0।

Answer 2

मुझे आपकी समस्या नहीं मिली। हो सकता है कि आपको कुछ और कोड पोस्ट करना चाहिए जहां आप फ़ंक्शन को कॉल कर रहे हों। यहां एक नमूना कोड क्रोम में अच्छी तरह से काम करता है।

<script type="text/javascript"> 
function hideIFrame(){ 
document.getElementById("myFrame").style.visibility="hidden"; 
self.focus(); 
} 

function showIFrame(){ 
document.getElementById("myFrame").style.visibility="visible"; 
} 
</script> 

<input type="button" onclick="hideIFrame()" value="hide"/> 
<input type="button" onclick="showIFrame()" value="show"/> 

<iframe id="myFrame"> 

</iframe> 

Answer 3

मेरे मामले में मैं सिर्फ तत्व को छिपाने के लिए जे एस ऑनलोड का उपयोग करेगा और मैं जे एस का उपयोग करने के visibility="visible"

window.onload = function() { 
    document.getElementById("newDiv").style.visibility = "hidden"; 
} 
function showHidden() { 
    document.getElementById("newDiv").style.visibility = "visible"; 
}