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ランキング
-
javascriptでwavファイルを開く
-
フレームを跨ぐドロップダウン...
-
スマホ上で、左右スワイプで次...
-
<a href="#" …>の意味を教えて...
-
window.open でExcelファイルを...
-
Dreamweaver で 外部JSを読み込...
-
javascriptで変数を組み込みたい
-
AjaxでDBから取得したデータを...
-
なぜ外部jsファイルはコメント...
-
ボタンを押してテキストエリア...
-
別ファイルのfunctionの読み込み方
-
function の return 値を表示し...
-
ハイパーリンクに下線を表示す...
-
Chromeがiframe内の「#~」に釣...
-
javascriptでalertの文字列をコ...
-
ウインドウを縮小しても文字を...
-
input TYPE="FILE"で取得した画...
-
PrintScreenキーを無効にしたい
-
自動ジャンプでフォームデータ...
-
ウィンドウを最大化したい!
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
HTMLでサブフレームから親のス...
-
スマホ上で、左右スワイプで次...
-
インラインフレームをドラッグ...
-
フレームを跨ぐドロップダウン...
-
インラインフレームで表示され...
-
別ページのインラインフレーム...
-
子フレームの自動リロードは可...
-
外部から読み込まれたJava...
-
openerは使えないのでしょうか?
-
Safariで<iframe>のinnerHTMLを...
-
他のフレームのスクリプトを実...
-
親フレームからkeydownイベント...
-
フレーム分割領域のサイズを変...
-
ページ遷移をコントロールしたい
-
フレームを使用した複数プルダ...
-
エラー:書き込みができません ...
-
親ウィンドウの別フレームを子...
-
jqueryを利用してインラインフ...
-
上と左にフレームわけされてい...
-
フレーム分割について
おすすめ情報