2011-03-03 8 views
1

はじめソーシャルプラグインはどのように機能しますか?

私は多くのウィジェットを作成することを計画していますように、Facebookは、が好きためなどシェアを提供し、基本的な要件は次のとおりです。

  1. クライアントは、私たちが提供するJavaScriptを含みます。
  2. クライアントは今、私たちのウィジェットをJSを持つページに置くことができます。ウィジェットのプレースホルダは<nw:fav id="911"/>のようになります。
  3. ページが読み込まれると、プレースホルダが実際のHTMLに置き換えられます。 JavaScriptは、このDIVを動的(恐らくlong pollingを使用して)の内容で更新したままにします。

問題

私はステップ#2を行う方法を確認していません。

  1. JavaScriptはどのようにして<nw:...タグとそのすべての属性を取得しますか?
  2. タグを実際のHTMLタグに置き換えるにはどうすればよいですか?

制約

  1. クライアントはまた、いくつかの他のバージョンでも、jQueryのを使用している場合、我々は競合を引き起こす可能性があるため、私は、jQueryのまたは任意の他のJSライブラリを避けるためにしようとしています。
  2. 私は本当にIFrameを使いたくありません。 https://stackoverflow.com/questions/4558826/how-does-facebook-social-plugins-work-client-server-code-involved:可能

この質問を複製します。それが答えられれば、おそらく、それは私の問題を解決したでしょう。

私はアプローチを探しています、ここTumbleweedバッジを望んでいません。提案のために開きます。
Nishant

+0

どのブラウザをサポートすることを目指していますか? –

+0

@ブライアンダウニング理想的にはIE6を含むすべて:)。だから、IE6 +、FF3 +、Safari2 +。しかし、最悪の場合、IE6だけを除外することがあります。しかし、Facebookのタグは ' Nishant

答えて

3

FacebookはJS SDKがオープンソースである接続

感謝。 xfbml.jsファイルが役立つかもしれません。 this linkを参照してください。基本的には

たときに文書のロード、コードは(FBはFBを使用して、あなたはNWを使用したいように見える)特定の名前空間を持つ要素を探してDOMを歩きます。これらの要素を見つけて、必要なコンテンツに置き換えます。

+1

恐ろしい!ちょうど 'document.getElementsByTagNameNS'について学びました。 –