So erstellen Sie den Einbettungscode für andere Websites

Question

Ich habe einen Jobportal, den andere Benutzer für ihre Websites und Blogs verwenden können. Sie kopieren Code von meiner Site, fügen ihn in ihre Site ein und zeigen die Jobbörse auf ihrer Webseite an. Wie kann ich diesen Code einbetten? Jeder kann mir helfen.

Hier ist Beispiel monster.com Verleger website.

Klicken Sie auf Beispielcode Schaltfläche.

<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

gibt es viele Möglichkeiten, um Ihr Ziel zu erreichen. Da Sie nicht Ihre Notwendigkeit ausdrücklich erklären, biete ich nur ein einfaches Beispiel:

<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. den Code ändern, nach Ihrem Bedarf
2. Flucht dieser Code in Ihre HTML-
3. Spaß haben mit Ihren ehrfürchtigen eingebettetes Widget!

Answer 2

So erstellen Embed Mit Javascript in 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 

Nach einbetten Skript erstellen einfache und einfache Weise, dieses Skript einfügen, wo Sie in anderen Seite zeigen wollen danach

(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');

Danach in Ihrer js-Datei Erstellen Sie Funktion wie diese und erstellen Sie iFrame ans Querystring erstellen, wo Sie das Formular aus der Datenbank abrufen.

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); 
}