26

他のユーザーが自分のサイトやブログで使用できる求人ポータルのサービスがあります。彼らは私のサイトから埋め込みコードをコピーし、サイトに貼り付けて、Web ページに求人掲示板を表示します。誰でも私を助けることができるこの埋め込みコードを作成する方法。

これは、monster.com パブリッシャーのWeb サイトの例です。

[サンプル コードを取得] ボタンをクリックします。

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

2 に答える 2

29

目標を達成する方法はたくさんあります。必要性を明示的に説明しなかったので、簡単な例を示します。

<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. 必要に応じてコードを変更します
  2. あなたのhtmlでこのコードをエスケープします
  3. 素晴らしい埋め込みウィジェットを楽しんでください!
于 2012-12-31T08:20:11.713 に答える