div

2010-08-25 13 views
5

के अंदर HTML पृष्ठ लोड करना मैं div के अंदर एक HTML पृष्ठ कैसे लोड कर सकता हूं। 'ऑब्जेक्ट' टैग के साथ यह लोड हो रहा है, लेकिन मुझे लगता है कि यह एक अच्छा दृष्टिकोण नहीं है। यह एक बाहरी फाइल नहीं है। क्या डोजो इसके लिए अच्छा है?div

+2

के बजाय us.rrl का उपयोग करें। जी iframes :) – coder247

उत्तर

1

यह भी काम करता है ... डोजो का उपयोग कर ...

<script type="text/javascript"> 
var url = dojo.moduleUrl("dijit.form", "help.html"); 
dojo.xhrGet({ 
    url: url, 
    load: function(html){ 
     dojo.byId("mycontent").innerHTML = html; 
    } 
}); 
</script> 

<div id="mycontent"> 

</div> 

अद्यतन:

डोजो 1.7+ में, dojo.moduleUrl

3

मुझे पूरी तरह से यकीन नहीं है कि आप क्या खोज रहे हैं, लेकिन यदि आप किसी अन्य HTML दस्तावेज़ के अंदर एक HTML दस्तावेज़ प्रदर्शित करना चाहते हैं तो मुझे लगता है कि ऐसा करने का एकमात्र तरीका iframe का उपयोग करना है। इस ट्यूटोरियल की जाँच करें: http://www.designplace.org/tutorials.php?page=1&c_id=1

शायद आप DIV तत्व में HTML दस्तावेज़ को लोड कर सकते हैं और HEAD और लपेटकर BODY तत्वों दूर पट्टी और उसके बाद सम्मिलित कोड।

संपादित करें: आह, नहीं iframes आपने कहा। खैर, तो मैं उत्तरार्द्ध का प्रस्ताव है। ^^

12

jQuery उपयोग

$("#mydiv").load("myexternalfile.html"); 
+2

क्या यह 'एचटीएमएल', 'हेड' और 'बॉडी' जैसे अवांछित तत्वों को फ़िल्टर करता है? यदि ऐसा है, तो यह काफी सुंदर समाधान होगा। मैन्युअल सम्मिलन करने का प्रयास करने से काफी बेहतर है। – gablin

+1

कोई भी 'myexternalfile.html' से सभी HTML को निष्कर्ष नहीं देता है, फिर इसे div के अंदर रखता है। – Starx

-1

आप लोड() विधि के साथ jQuery का उपयोग करना होगा। यहाँ jQuery लोड विधि के बारे में संदर्भ: http://api.jquery.com/load/

1

कोई कारण नहीं jQuery का उपयोग करने के लिए बस अपने पेज पर सामग्री लोड करने के लिए (उदाहरण के लिए केवल एक div करने के लिए) यदि है कोई अन्य कार्यों के लिए जो ढांचा के कार्यों :)

यह चाहिए की जरूरत है AJAX मूल बातें के साथ किया जाना चाहिए। इसे देखें: http://www.w3schools.com/ajax/tryit.asp?filename=tryajax_first

0

आप अभी भी AJAX कॉल के माध्यम से सामग्री को लोड करने के लिए jquery का उपयोग कर सकते हैं। परिणाम लें और <body> और इससे पहले सबकुछ हटाएं, और </body> और इसके पीछे सबकुछ हटाएं। आप यह सुनिश्चित करने के लिए रेगेक्स का उपयोग कर सकते हैं कि आप बॉडी टैग के किसी भी गुण को शामिल करते हैं।

फिर आप कच्चे शरीर के एचटीएमएल के साथ छोड़े गए हैं, जिसे आप jQuery का उपयोग करके div में जोड़ सकते हैं।

jQuery.ajax({ 
    url: 'page.html', 
    success: function(data, textStatus, XMLHttpRequest) { 
     data = data.replace(/.*<body.*?>/gi,''); 
     data = data.replace(/</body>.*/gi,''); 
     jQuery('#myDiv').html(data); 
    } 
}); 

मेरे regex थोड़ा जंग लगी है, इसलिए आप tweak करना पड़ सकता है कि :)