0

iframeに表示されるURLがあります

<iframe width="250" height="200" frameBorder="0" data-href="http://localhost:8080/webapps/testauth.jsp?appID=a71c5859-03eb-4c16-ac08-1cac24ed2a1d"></iframe>

上記のコードを任意のWebサイトに貼り付けると、ウィジェットがなどのサイトに表示されFacebook pluginます。

しかし今、私の仕事はそれをiframeからcssdivに変更することです。私はUIの部分についてあまり知識がなく、問題に直面していると私を助けてくれます。

変化はこのようなものでなければなりません

<div class="something"data-href="http://localhost:8080/webapps/auth.jsp?appID=a71c5859-03eb-4c16-ac08-1cac24ed2a1d" data-width="292" ></div>
4

1 に答える 1

1

そのためには、クロスドメインajaxリクエストを実行する必要があります。それは次のステップで行われます

  • jsでajaxリクエストを作成し、ウィジェットを公開するドメインに配置します

  • ウィジェットを表示するページにスクリプトを追加します。ファイルのソースを所有者ドメインに設定し、jsファイルをローカルにコピーしないようにしてください。そうしないと、ブラウザがセキュリティ警告を発し、許可しなくなります。

  • jsに含まれている関数を呼び出してリクエストを実行し、元のドメインからコンテンツをフェッチします。

これにより、ウィジェットを追加するプロセスが少し難しくなりますが、divではどのドメインからもコンテンツを読み込むことができません（iframeとframeのみがそれを行うことができます）。

于 2012-10-29T06:58:52.077 に答える