0

Web サイト用の小さなエディターを作成しようとしています。機能の 1 つは、ドラッグ アンド ドロップ インターフェイスです。ユーザーが要素をページ内の別の位置にドラッグできるようにしたいと考えています。サイトの iFrame を用意し、JS と CSS を適用してドラッグ アンド ドロップ機能を有効にすることを考えていました。

これを行う CMS のスクリーンショットを次に示します。

CMS

サイトは iFrame です。iFrame を開くと、要素をドラッグ アンド ドロップできません。だから、親ページに何らかの変更を適用していると思います。基本的に Javascript を iFrame に追加する方法はありますか?

ありがとう！

4

1 に答える 1

3

iframe参照するページが同じドメインにある限り、はい、できます。iframeメインの親ページの要素に行うのと同じように、要素にスクリプトとスタイルを適用できます。主な構文は次のとおりです。

var ifrm = document.getElementById("your_iframe_id");
/*ifrm.contentWindow.document is the document within the iframe
so let's try styling a div with an id 'mydiv' inside the iframe:*/
ifrm.contentWindow.document.getElementById("mydiv").style.color = "red";

もちろん、これは単なるサンプルです。同じメカニズムを使用して、iframe(ドラッグ アンド ドロップを含む)内の要素でより複雑なことを行うことができます。

iframe親ページから内で定義されている関数を実行することもできます。構文は類似しており、直感的です。

ifrm.contentWindow.yourFunction();

何らかの形でお役に立てば幸いです！

于 2012-08-25T16:00:19.867 に答える