Javascript 如何为其他网站创建嵌入代码

How to create embed code for other sites

提问by Nand Lal

I have a service of job portal which other users can use for their sites and blogs. they copy embed code from my site, paste it in their site and display job board in their webpage. how create this embed code anyone can help me.

我有一个工作门户服务，其他用户可以将其用于他们的网站和博客。他们从我的网站复制嵌入代码，将其粘贴到他们的网站并在他们的网页中显示工作板。如何创建此嵌入代码任何人都可以帮助我。

Here is example monster.com publisher website.

这是示例monster.com 发布者网站。

click Get sample code button.

单击获取示例代码按钮。

<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>

回答by Brian

there are manyways to reach your goal. As you didn't explain your need explicitly, I just provide a simple example:

有很多方法可以达到您的目标。由于您没有明确说明您的需求，我仅提供一个简单的示例：

<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. modify the code according to your need
2. escape this code in your html
3. have fun with your awesome embedded widget!

1. 根据需要修改代码
2. 在您的 html 中转义此代码
3. 享受你真棒嵌入式小部件的乐趣！

回答by gaurav gupta

How To Create Embed With Javascript in .cs

如何在 .cs 中使用 Javascript 创建嵌入

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

注意：localhost:3197/website/js/embed/form.js'；// 给你的js路径

FormBuilder(921,'MjEzNjkxMjU='); 在此方法中，第一个参数给出您的表单高度，第二个参数给出您的表单名称或 ID。那里Id是编码格式

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

After Create embed script Simple and Easy Way Paste this script where you want to show in other page after that

创建嵌入脚本后 简单易行的方法 将此脚本粘贴到您想在其他页面中显示的位置之后

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

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

After That in your js file Create fuction like this and create iFrame ans create querystring where you fetch the form from database.

之后在你的js文件中创建这样的功能并创建iFrame并创建查询字符串，您可以在其中从数据库中获取表单。

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