No.1ベストアンサー
- 回答日時:
フレームがiframeなのかframesetのframeなのか書いて無いのでわかりませんが、
iframeなら親から制御する事で画面全てにブロックがかけられました。
(例)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="ja-JP">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<title>Block Ui test</title>
<script type="text/javascript" charset="utf-8" src="/jslib/jquery-1.3.2.min.js"></script>
<script type="text/javascript" charset="utf-8" src="/jslib/jQueryblockUI.js"></script>
<script type="text/javascript" charset="utf-8">
<!--
$(document).ready(function(){
var frame=$($("iframe")[0]);
frame.load(function(){
frame.contents().find('#blockButton').click(function(){
$.blockUI();
setTimeout($.unblockUI, 2000);
});
});
});
// -->
</script>
</head>
<body>
<iframe src="left.htm"></iframe>
<iframe src="right.htm"></iframe>
</body>
</html>
同じ事をframesetでやろうとすると、
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="ja-JP">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<meta http-equiv="Content-Style-Type" content="text/css">
<title>Block Ui test</title>
<style type="text/css"></style>
<script type="text/javascript" charset="utf-8" src="/jslib/jquery-1.3.2.min.js"></script>
<script type="text/javascript" charset="utf-8" src="/jslib/jQueryblockUI.js"></script>
<script type="text/javascript" charset="utf-8">
<!--
$(document).ready(function(){
var frame=$($("frame")[0]);
frame.load(function(){
var right = $($("frame")[0].contentWindow.document);
right.find('#blockButton').click(function(){
alert("ブロックされた");
$.blockUI();
setTimeout($.unblockUI, 2000);
});
});
});
// -->
</script>
</head>
<frameset cols="500,*" frameborder="no" border="0" framespcing="0">
<frame src="left.htm">
<frame src="right.htm">
</frameset>
</html>
clickのイベントまでは拾えますが、
$.blockUI();
が動作しません。
ライブラリーのソースを見ると
$.blockUI = function(opts) { install(window, opts); };
となっており、windowオブジェクトを渡してますが、
これがframesetに対応して無いみたいです。
よって、無理でしょう.....
この回答への補足
回答ありがとうございます。
ソースを記載していなかったため、非常に分かりにくい質問となってしまいました。
フレームは、framesetです。
回答頂いた内容を実装してみたところ、仰られている通りの動作になりました。
似たような動作でも構わないのですが、実現はできるのでしょうか?
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- C言語・C++・C# 【C++】IDirect3DSurfaceのディープコピーは可能ですか? 1 2022/07/06 02:47
- 画像編集・動画編集・音楽編集 動画をディスク作成すると画像が乱れる。 4 2022/06/24 07:49
- iOS iPhone用動画保存アプリiCapのデータは外付けUSBメモリに保存できますか? 1 2022/10/18 17:48
- 家具・インテリア ダブルのベッドにクイーンのマットレス 5 2023/02/11 08:35
- アプリ Edgeを操作するアプリについて 4 2023/05/11 22:48
- その他(ソフトウェア) 「.movpkg」「.m3u8」ファイルを「.mp4」に変換できるお勧め有料ソフトをご教示ください 1 2022/10/20 11:04
- スポーツサイクル ポスターフレームについて 1 2022/12/24 16:50
- JavaScript [Java] Edgeでのアドレスバー非表示について 3 2022/04/20 17:51
- JavaScript スマホ上で、左右スワイプで次のページに移動させたいです 2 2022/11/11 17:04
- Visual Basic(VBA) フレーム内のオプションボタンの選択結果をセルに書き出したい。 図のような預金種目というフレームにオプ 2 2022/07/29 11:12
このQ&Aを見た人はこんなQ&Aも見ています
関連するカテゴリからQ&Aを探す
おすすめ情報
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
マウスオーバー+クリカブルマッ...
-
base64encodeでの文字化けについて
-
jqueryを2つ設置した事で片方...
-
jqueryとjavascriptの競合?
-
jQueryの基本的なことについて...
-
bxslider、画像が3枚以上になる...
-
jsファイルで配列を定義し、j...
-
CKeditorについて
-
外部JSファイルで値を受け取る方法
-
画像をゆっくりと切り替える方法
-
ワードプレスでjQuery 右から飛...
-
<a href="#" …>の意味を教えて...
-
あなたのXAMPPのdashboard内のj...
-
別ファイルのfunctionの読み込み方
-
onLoadをbodyタグ以外で使用する
-
SCRIPT5007: 未定義または NULL...
-
bodyにidをつける理由は何ですか?
-
スマホ上で、左右スワイプで次...
-
getElementsByNameで要素が取得...
-
時間によってリンク先を変える...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
base64encodeでの文字化けについて
-
複数のjavascriptを使うと動か...
-
jqueryでのkeydownイベント発生...
-
Jqueryの干渉について
-
Base64に変換したHTMLの<script...
-
プラグイン無しでContactform7...
-
jQuery-datepicker on IE8
-
サイトにアクセスした際、数秒...
-
jQueryでloadした要素の操作が...
-
javaスクリプトについて質問で...
-
jqueryについて(Lightboxとbxs...
-
jQuery が動作しません。
-
jQuery UIのdraggableについて
-
scrollsmoothly.jsが動かない
-
jQueryのタブにスクロールバー...
-
画像をランダムにフェードイン
-
音楽再生用jQueryプラグイン「j...
-
colorboxの直接呼び出し方法に...
-
jQueryのdraggable縦書き出来ま...
-
Camera slideshowの使い方について
おすすめ情報