Diğer siteler için yerleştirme kodu nasıl oluşturulur

Question

Diğer kullanıcıların kendi siteleri ve blogları için kullanabilecekleri bir iş portalı hizmetim var. Gömülü kodu sitemden kopyalarlar, sitelerine yapıştırırlar ve iş sayfalarını kendi web sayfalarında gösterirler. Bu gömülü kodun nasıl oluşturulduğu herkes bana yardımcı olabilir.

Burada örnek monster.com yayımcısı website.

Örnek kod al düğmesini tıklayın.

<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

hedefe ulaşmak için birçok yolu vardır. İhtiyacınıza

kaçış

senin müthiş eğlenin html'nizin bu kod göre

<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. kodunu değiştirmek: Açıkça ihtiyacını açıklama yapmadı, ben sadece basit bir örnek sunulmuştur Gömülü Widget!

Answer 2

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 

sonra embed komut Basit oluşturun ve o

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

sonra diğer sayfada görünmesini istediğiniz yere kolay yolu bu komut dosyasını yapıştırın .cs JavaScript ile Göm'ü Nasıl oluşturun

Bundan sonra js dosyanızda Bu şekilde bir fuction oluşturun ve iFrame ans oluşturun ve formu veritabanından getirdiğiniz sorguları yaratın.

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