2013-02-22 11 views
6

मैं इस तरह कोशिश कर रहा हूं। लेकिन फ्रेम 1 दिखाई दे रहा है। मैं फ्रेम 2 नहीं दिखा सकता। कोड नीचे है,एचटीएमएल में नेस्टेड आईफ्रेम का उपयोग कैसे करें?

<!DOCTYPE html> 
<html> 
<body> 

<iframe src="http://www.w3schools.com" width="1000" height="1000" id="frame1" name="frame1"> 
    <iframe width="200" height="200" src="http://www.bing.com" id="frame2" name="frame2"> 
    </iframe></iframe></body></html> 

क्या कोई मेरी मदद कर सकता है।

+0

आप क्या हासिल करना चाहते हैं? कृपया कुछ विवरण जोड़ें ... –

उत्तर

4

फ़्रेम अक्षम होने या समर्थित नहीं होने पर उपयोग के लिए iframe के बच्चे तत्व वैकल्पिक सामग्री हैं।

या तो बच्चे को एक भाई को फ्रेम करें या इसे उस बाहरी दस्तावेज़ में ले जाएं जिसे आप बाहरी फ्रेम में लोड करते हैं।

+2

हाय। क्षमा करें मैं समझ नहीं पा रहा हूं। क्या आप इसे विस्तारित कर सकते हैं। – Balakumar

+0

'' और '' – Quentin

+0

Hi.Thanks.How मेरी जरूरत पर आधारित ऊपर कोड को संशोधित करने। – Balakumar

1

आप इसे ढेर कर सकते हैं। लेकिन घोंसले के लिए, आपको इसे संपादित करने की आवश्यकता है।

मुख्य पृष्ठ में पृष्ठ 1 पर इशारा करते हुए iframe कोड है। पेज 1 में iframe कोड पेज 2 पर इशारा करता है।

उन्हें एक पृष्ठ में घोंसला न करें। यदि आप पृष्ठ 1 संपादित नहीं कर सकते हैं तो उन्हें ढेर करें।

MainPage.html

<DOCTYPE html><html><body> 
<iframe src="page1.html" width="1000" height="1000" id="frame1" name="frame1"></iframe> 
</body></html> 

Page1.html

<!DOCTYPE html><html><body> 
<iframe width="200" height="200" src="page2.html" id="frame2" name="frame2"></iframe> 
</body></html> 

stacking के लिए, @Andri जवाब देखें।

+0

मेरी ज़रूरत के आधार पर कोड को कैसे संशोधित करें? – Balakumar

+0

स्टैक के लिए बालाकुमार आप @Andri द्वारा कोड देख सकते हैं। यह दो पृष्ठों को ऊपर और नीचे रखेगा। लेकिन अगर आप वास्तव में एक नेस्टेड संस्करण चाहते हैं, तो ऊपर मेरा संपादन देखें। –

+0

कोड प्रारूपित करने के लिए उपयुक्त नाम "कोड नमूना" बटन का उपयोग करें। – JJJ

1

कोशिश में अपने मार्कअप बदल निम्नलिखित:

<!DOCTYPE html> 
<html> 
    <body> 
     <iframe src="http://www.w3schools.com" width="1000" height="1000" id="frame1" name="frame1"> 
     </iframe> 
     <iframe width="200" height="200" src="http://www.bing.com" id="frame2" name="frame2"> 
     </iframe> 
    </body> 
</html> 
+0

मुझे पता है कि यह काम करेगा। लेकिन जब मैं इस तरह उपयोग करता हूं तो मुझे परिवर्तित फ्रेम 1 स्रोत नहीं मिल सकता है। यह केवल प्रारंभिक स्रोत (http://www.w3schools.com) देता है .. क्या कोई समाधान है? – Balakumar

+0

क्या आपने 'frame1' की 'src' विशेषता को बदलने का प्रयास किया है? बीटीडब्ल्यू, आप वास्तव में क्या हासिल करने की कोशिश कर रहे हैं? – andri

+0

जब मैं फ्रेम 1() में सामग्री पर क्लिक करता हूं, तो मुझे फ्रेम 1 ("http://www.w3schools.com") का सही यूआरएल नहीं मिल सकता ..... चेतावनी (document.getElementsById ("frame1") एसएससीसी) बदले गए यूआरएल के बजाय केवल "http://www.w3schools.com" लौटाएगा। कोई मदद? – Balakumar

2

आप के अंदर एक iframe चाहते हैं और iframe आप निम्नलिखित करना चाहिए:

अंत में यह पेज ?interframe=true होना चाहिए तक पहुँचने के लिए लिंक इसका
उदा। http://www.example.com/test.html?interframe=true
आप http://www.w3schools.com और http://www.bing.com के सिरों तक ?interframe=true जोड़ना चाहिए।

यह स्पष्ट करने के लिए:
मान लीजिए कि अपने मुखपृष्ठ http://www.example.com है और आप जिस पृष्ठ को साथ मदद की जरूरत http://www.example.com/test

है http://www.example.com में <a> टैग है कि आप http://www.example.com/test.html के लिए लाता है होना चाहिए चलो <a href="http://www.example.com/test.html?interframe=true">example text</a>

मुझे आशा है कि इससे मदद मिलती है।

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