2013-01-07 14 views
6

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

आपकी मदद के लिए अग्रिम धन्यवाद।

उत्तर

7
<iframe width="700" scrolling="no" height="400" frameborder="0" src="yourFramePage.html" seamless="seamless"> 
+3

यह क्रॉस-ब्राउज़र नहीं है: निर्बाध संपत्ति केवल क्रोम द्वारा समर्थित है। –

+0

तो अन्य ब्राउज़रों में, इसमें अभी भी दृश्य फ्रेम स्रोत सामग्री होगी, लेकिन सीमाएं और चीजें नहीं। –

+0

मुझे लगता है कि यह उतना करीब है जितना वह प्राप्त करने जा रहा है। जब यह नीचे आता है, तो उपयोगकर्ता को फायरबग हो सकता है और कोड को ध्यान में रखेगा। – woodlumhoodlum

4

आप राइट-क्लिक करने और डिफ़ॉल्ट कार्रवाई को रोकने के लिए बाध्य कर सकते हैं। इसे लागू करने के लिए कृपया चेकआउट this question देखें। हालांकि यह केवल तभी संभव है जब आपके पास iframe के अंदर HTML पृष्ठ पर नियंत्रण हो।

एक व्यवहार्य विकल्प का एकमात्र विकल्प मुझे पता है कि seamless आईफ्रेम (नया HTML5 अतिरिक्त) में विशेषता है जो लगातार ब्राउज़र में समर्थित नहीं है। (वर्तमान ब्राउज़र समर्थन क्रोम तक ही सीमित है)।

अन्य ब्राउज़र के लिए आप की तरह कुछ सतही कर सकते हैं:


iframe[seamless]{ 
    background-color: transparent; 
    border: 0px none transparent; 
    padding: 0px; 
    overflow: hidden; 
} 

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

[अद्यतन]

तुम सच में ऐसा कोई बाध्यकारी कारण की Disqus टिप्पणी मंच सहज iframes का अनुकरण करने की दिशा में एक व्यावहारिक दृष्टिकोण प्रदान करता है रचनाकारों द्वारा iframes, this presentation उपयोग करने के लिए करते हैं। प्रस्तुति का मुख्य फोकस माता-पिता HTML दस्तावेज़ और iframe के बीच संचार सक्षम करने के लिए window.postMessage का उपयोग है।

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