अन्य साइटों के लिए एम्बेड कोड कैसे बनाएं

Question

मेरे पास जॉब पोर्टल की एक सेवा है जो अन्य उपयोगकर्ता अपनी साइट्स और ब्लॉग्स के लिए उपयोग कर सकते हैं। वे मेरी साइट से एम्बेड कोड कॉपी करते हैं, इसे अपनी साइट में पेस्ट करते हैं और अपने वेबपृष्ठ में जॉब बोर्ड प्रदर्शित करते हैं। इस एम्बेड कोड को कैसे बनाएं कोई भी मेरी मदद कर सकता है।

यहाँ उदाहरण monster.com प्रकाशक website है।

नमूना कोड बटन प्राप्त करें पर क्लिक करें।

<div id="MonsterJobSearchResultPlaceHolderIy8AAA_e_e" class="xmns_distroph"></div> 
<script type="text/javascript"> 
(function() { 
    var oScript = document.createElement('script'); 
    oScript.type = 'text/javascript'; 
    oScript.async = true; 
    oScript.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + 'publisher.monster.com/Services/WidgetHandler.ashx?WidgetID=EAAQgDMlA5vzabXFzuv86ZpLpA--&Verb=Initialize'; 
    var oParent = document.getElementsByTagName('script')[0]; 
    oParent.parentNode.insertBefore(oScript, oParent); 
})(); 
</script> 
<a id="monsterBrowseLinkIy8AAA_e_e" class="monsterBrowseLink fnt4" href="http://jobsearch.monster.com/browse/">View More Job Search Results</a> 

Answer 1

वहाँ कई अपने लक्ष्य तक पहुँचने के तरीके हैं। अपनी जरूरत के

भागने अपने html में इस कोड

अपने भयानक के साथ मजा कर के अनुसार

<script type='text/javascript' charset='utf-8'>  
    var iframe = document.createElement('iframe');  
    document.body.appendChild(iframe); 

    iframe.src = 'URL OF CONTENT YOU WANT TO PROVIDE';  
    iframe.width = 'THE WIDTH YOU WANT'; 
    iframe.height = 'THE HEIGHT YOU WANT'; 
</script> 

1. कोड को संशोधित: यदि आप अपनी जरूरत को स्पष्ट रूप से व्याख्या नहीं की थी के रूप में, मैं सिर्फ एक सरल उदाहरण प्रदान करते हैं एम्बेडेड विजेट!

Answer 2

.cs

Note: localhost:3197/website/js/embed/form.js'; // give your js path

FormBuilder(921,'MjEzNjkxMjU='); in this method first parameter give your form height and second your form name or Id. there Id is encoded format

StringBuilder sb = new StringBuilder(); 
    sb.Append("<script type='text/javascript'>"); 
    sb.Append("(function(d, t) { var s = d.createElement(t), options = {"); 
    sb.Append("'async':true };"); 
    sb.Append("s.src = ('https:' == d.location.protocol ? 'https://' : 'http://') + 'localhost:3197/website/js/embed/form.js';"); 
    sb.Append("s.onload = s.onreadystatechange = function() {"); 
    sb.Append("var rs = this.readyState; if (rs) if (rs != 'complete') if (rs != 'loaded') return;"); 
    sb.Append("try { frm = new FormBuilder("+Form Height+",'"+FormId+"');frm.initialize(options);frm.display(); }"); 
    sb.Append("catch (e) {}};"); 
    sb.Append("var scr = d.getElementsByTagName(t)[0], par = scr.parentNode; par.insertBefore(s, scr);"); 
    sb.Append("})(document, 'script');</script>"); 

    txtjavascript.Value = sb.ToString(); // text box name 

बाद एम्बेड स्क्रिप्ट सरल बनाएँ और आसान तरीका यह स्क्रिप्ट पेस्ट जहां कि

(function(d, t) { var s = d.createElement(t), options = {'async':true }; s.src = ('https:' == d.location.protocol ? 'https://' : 'http://') + 'localhost:3197/website/js/embed/form.js'; s.onload = s.onreadystatechange = function() {var rs = this.readyState; if (rs) if (rs != 'complete') if (rs != 'loaded') return; try { frm = new FormBuilder(921,'MjEzNjkxMjU='); frm.initialize(options); frm.display(); }catch (e) {}}; var scr = d.getElementsByTagName(t)[0], par = scr.parentNode; par.insertBefore(s, scr);})(document, 'script');

के बाद अन्य पेज पर प्रदर्शित करना चाहते में जावास्क्रिप्ट के साथ एम्बेड बनाने के लिए कैसे

उसके बाद अपनी जेएस फ़ाइल में इस तरह की नीलामी बनाएं और iFrame ans को क्वेरीस्ट्रिंग बनाएं जहां आप डेटाबेस से फ़ॉर्म प्राप्त करते हैं।

function FormBuilder(fHeight, formid) { 

    var iframe = document.createElement('iframe'); 
    iframe.style = "height:" + fHeight + "px; width:100%; border:none"; 
    iframe.setAttribute('allowTransparency', true); 
    iframe.frameBorder = "0"; 
    iframe.scrolling = "no"; 
    iframe.src = "http://localhost:3197/form/show-form?id="+ formid; 
    document.body.appendChild(iframe); 
}