2010-02-02 6 views
7

मैं अपना आईफ्रेम विंडो कैसे भर सकता हूं और कोई स्क्रॉलबार प्रदर्शित नहीं कर सकता?आईफ्रेम के साथ विंडो भरें और स्क्रॉलबार नहीं दिखाएं?

यह IE6 के लिए काम करता है, मैं यह सभी ब्राउज़रों यदि संभव हो तो के लिए काम करने के लिए प्राप्त करना चाहते हैं:

<iframe name=iframe1 src="theSiteToShow.html" width="100%" height="100%" frameborder="0" marginheight="10" marginwidth="10"></iframe> 
<script type="text/javascript"> 
function resizeIframe() { 
    var height = document.documentElement.clientHeight; 
    height -= document.getElementById('frame').offsetTop; 

    // not sure how to get this dynamically 
    height -= 20; /* whatever you set your body bottom margin/padding to be */ 

    document.getElementById('frame').style.height = height +"px"; 

}; 
document.getElementById('frame').onload = resizeIframe; 
window.onresize = resizeIframe; 
</script> 
+0

'फ्रेमसेट' का उपयोग करें। ;) – graphicdivine

उत्तर

19

आप केवल इस सीएसएस का उपयोग कर ऐसा करने में सक्षम होना चाहिए जावास्क्रिप्ट के लिए किसी भी आवश्यकता के बिना। IE6 +, गूगल क्रोम और सफारी में मेरे लिए निम्नलिखित काम करता है:

<style type="text/css"> 
body { 
    margin: 0; 
    overflow: hidden; 
} 
#iframe1 { 
    position:absolute; 
    left: 0px; 
    width: 100%; 
    top: 0px; 
    height: 100%; 
} 
</style> 

<iframe id="iframe1" name="iframe1" frameborder="0" 
    src="theSiteToShow.html"></iframe> 

आपका फ्रेम मार्जिन theSiteToShow.html के मुख्य भाग में स्थापित किया जाना चाहिए।

<html> 
<head> 
<style type="text/css"> 
body { 
    margin: 0; 
    overflow: hidden; 
} 
#iframe1 { 
    position:absolute; 
    left: 0px; 
    width: 100%; 
    top: 0px; 
    height: 100%; 
} 
</style> 
</head> 
<body> 
<iframe id="iframe1" src="http://stackoverflow.com" frameborder="0"></iframe> 
</body> 
</html> 

IE6 +, क्रोम, सफारी और Firefox में परीक्षण किया गया है, यह सिर्फ ठीक काम करता है और पूरे खिड़की भरता है:

अद्यतन
अपनी टिप्पणी के बाद, मैं एक परीक्षण पृष्ठ के रूप में निम्नलिखित का इस्तेमाल किया।

+0

आईफ्रेम विंडो को भर नहीं पाएगा। यह अपने आप को ऊपरी बाएं कोने में 0,0 पर रखेगा और आकार में लगभग 300x150px पर होगा। क्या कमी है? ऐसा लगता है कि इसे खिड़की भरनी चाहिए। – Zolomon

+0

@ ज़ोलोमन: मेरा कोड आईई, फ़ायरफ़ॉक्स और क्रोम में मेरे लिए ठीक काम करता है। हो सकता है कि आप मेरे द्वारा लिखे गए टेस्ट कोड की प्रतिलिपि बना सकें और अपना खुद का कोड बनाने के लिए आधार के रूप में उपयोग कर सकें? –

+0

धन्यवाद, आपके उदाहरण काम करते हैं! पता नहीं मेरे साथ क्या गलत था। – Zolomon

0

मुझे स्क्रॉल बार के साथ-साथ नो कॉन्टेक्स्ट मेनू के साथ एक ही समस्याएं थीं, भले ही इन सभी तत्वों को अक्षम कर दिया गया हो। उन्हें हल करने की कोशिश करने के कुछ दिनों बाद, मैंने इस पोस्ट पर ठोकर खाई, जिसने थोड़ा सा मदद की, लेकिन मुझे तीन कोड उदाहरणों के साथ लचीली वेबप्लेयर पर एक पोस्ट ढूंढने का नेतृत्व किया। लिंक Here're:

http://virtualplayground.d2.pl/?p=367#comment-224

Download package

उपयोग इंडेक्स फ़ाइल आप से काम (एकता निर्यात से) अपने निर्यात .html फ़ाइल में अपने मौजूदा कोड को बदलने के लिए एक खाली शीट चाहते हैं, अपने सर्वर पर स्थित अपनी .html फ़ाइल के अपने लिंक के साथ 'unityObject.embedUnity' लिंक को प्रतिस्थापित करें।

लॉक और लोड:

एक iframe जोड़ें का उपयोग करके अपने पृष्ठ में खिलाड़ी एम्बेड करने के लिए।

उम्मीद है कि इससे मदद मिलती है।

^_^