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ランキング
-
base64encodeでの文字化けについて
-
文字サイズの大中小について
-
map とlightbox
-
javascript外部読み込みの際の引数
-
jQuery-datepicker on IE8
-
<a href="#" …>の意味を教えて...
-
別ファイルのfunctionの読み込み方
-
function の return 値を表示し...
-
JavascriptとJqueryを混在し記述
-
jQueryでdivをクリックし別窓で...
-
(Javascript)印刷するファイル...
-
JavaScriptでiframeの内容を「...
-
相対パスと絶対パスの速度
-
bodyにidをつける理由は何ですか?
-
以下の内、どれでも良いので可...
-
外部ファイル名を変数で指定で...
-
サブウィンドウの大きさを複数...
-
複数のJavascriptを1つのscrip...
-
Dreamweaver で 外部JSを読み込...
-
Safariで<iframe>のinnerHTMLを...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
base64encodeでの文字化けについて
-
複数のjavascriptを使うと動か...
-
jqueryでのkeydownイベント発生...
-
Jqueryの干渉について
-
Base64に変換したHTMLの<script...
-
プラグイン無しでContactform7...
-
jQuery-datepicker on IE8
-
サイトにアクセスした際、数秒...
-
jQuery が動作しません。
-
javaスクリプトについて質問で...
-
jQueryでloadした要素の操作が...
-
jqueryについて(Lightboxとbxs...
-
scrollsmoothly.jsが動かない
-
JavaScriptで背景や文字色を色→...
-
jQuery UIのdraggableについて
-
colorboxの直接呼び出し方法に...
-
「jquery.csv2table.js」から生...
-
●jQuery;スクロールでついてく...
-
jQueryのdraggable縦書き出来ま...
-
Camera slideshowの使い方について
おすすめ情報