No.2ベストアンサー
- 回答日時:
<iframe id="iframe1" src="/hoge.html" ></iframe>
という<iframe>要素があったとして、iframe内の要素の取得するのに、
iframe内のdocumenntオブジェクトを、
iframe.contentDocumentで取得
※古いIEだと、iframe.contentWindow.documentでよい
よって、
var content=iframe.contentDocument||iframe.contentWindow.document;
とすれば、
content.getElementById("xxx")
の様にiframe内の任意の要素が取得できる。
他のdocumenntオブジェクトに要素を追加したりする時は、
document.importNodeを使って複製した方が良い(又はdocument.adoptNode※IEはだめ)
var oldNode = document.getElementById("fuga");
var newNode = content.importNode(oldNode,true);
content.body.appendChild(newNode);
マウスイベントは一考!
他に書いてる人がいた
http://oshiete.goo.ne.jp/qa/6245303.html
No.1
- 回答日時:
>画像をドラッグしたり、それを自分で設定したエリアにドロップすることはできました
通常のドラッグ・アンド・ドロップはできるということですので…
フレーム内は別ドキュメントとなりますので、ドラッグ等の処理を同時に複数のドキュメントで行なうのは少々面倒かと思います。
インラインフレームとのことなので、ドラッグ処理は親ドキュメント内で行い、ドロップ時にフレーム内かどうかを判断して、フレーム内であれば要素をフレーム内に生成するようなロジックにすればよろしいのではないでしょうか?
フレーム内の要素をドラッグする際も、一度、親ドキュメントに移してからドラッグさせるようにすれば、全体が同じ処理でいけそう。
親ドキュメント、インラインフレームが独立してスクロールできるので位置座標の変換にはそれぞれのスクロール量を加減する必要があります。
ただし、要素を両方にまたがったところにドロップされたらどうするのかなど、先に仕様をきちんとしておく必要があると思われます。
考え方は他にもいろいろあると思いますので、あくまでもヒントとして。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- Illustrator(イラストレーター) プロパティパネルを元に戻せますか 3 2022/05/07 16:44
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/30 09:10
- Photoshop(フォトショップ) 【Photoshop】画像拡大時に急激に画面外まで拡大してしまうのを制御したい 1 2023/08/25 03:04
- Chrome(クローム) サイトのショートカットアイコンの格納場所は? 1 2022/12/26 01:38
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/07 21:04
- Illustrator(イラストレーター) 添付画像の帽子マーク~Tは、既成のフォントに類似フォントがありますでしょうか 1 2022/08/17 20:51
- フリーソフト アイコンとして保存アプリが不調 2 2022/04/16 06:39
- Google Drive 【Google ドライブ】どのフォルダに入ったの? 1 2022/10/21 10:08
- マウス・キーボード マウスのクリックボタンの調子が良くないです。 ドラッグ&ドロップしようとするとよく開いてしまいます。 4 2022/03/23 18:20
- Excel(エクセル) Excel ヘルプの[ロック解除]、<c0>、</c0> の意味は何ですか? 1 2023/02/20 16:58
このQ&Aを見た人はこんなQ&Aも見ています
関連するカテゴリからQ&Aを探す
おすすめ情報
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
HTMLでサブフレームから親のス...
-
フレーム分割領域のサイズを変...
-
インラインフレームで表示され...
-
別ページのインラインフレーム...
-
検索フォームでの結果を別窓に...
-
フレーム内のiframeのデータの...
-
インラインフレームをドラッグ...
-
子フレームの自動リロードは可...
-
フレームでの右クリック禁止
-
<a href="#" …>の意味を教えて...
-
あなたのXAMPPのdashboard内のj...
-
javascriptとApacheの設定
-
bodyにidをつける理由は何ですか?
-
【Google Apps Script】「ライ...
-
GoogleChart 階層ごとのブロッ...
-
テキストボックス内にハイパー...
-
別ファイルのfunctionの読み込み方
-
getElementsByNameで要素が取得...
-
スクロールバーのスクロール量...
-
初心者javascript ウィンドウサ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
スマホ上で、左右スワイプで次...
-
インラインフレームで表示され...
-
フレームを跨ぐドロップダウン...
-
子フレームの自動リロードは可...
-
別ページのインラインフレーム...
-
インラインフレームをドラッグ...
-
<iframe>~</iframe>内のwindow...
-
親フレームのURLによって、...
-
jqueryを利用してインラインフ...
-
フレームでの右クリック禁止
-
エラー:書き込みができません ...
-
submitボタンで他のフレームを...
-
親フレームからkeydownイベント...
-
フレームが入れ子状態です。フ...
-
別フレームの中にあるインライ...
-
チェックボックスのチェックを...
-
ワンクリック、ダブルウインド...
-
別画面の関数の呼び出し
-
フレーム分割すると動かない
-
複数のページ(html)のvalueを...
おすすめ情報