フレームページのソース
<frameset rows="100%,66,*" border=0 frameborder=0 framespacing=0 framecolor="#000000">
<frame name=metrouser src="x.html" scrolling=auto>
<frame name=metroowner src="m.html" scrolling=no marginheight=2 marginwidth=0>
</frameset>
---------------------------
以上のような場合に、x.htmlに記述したjavascriptでm.htmlのページを制御したいのです。ただし、frameには名前が付いていないことに注意してください。
したい制御方法
・ページを変える
たぶん、location.href=を使えばよいと思うのですが、よく分かりません。
・フレームの幅を変える
100%,66,* から任意のものに変更する
以上の2通りの制御方法を教えて欲しいです。
よろしくお願いいたします。
A 回答 (2件)
- 最新から表示
- 回答順に表示
No.1
- 回答日時:
>・ページを変える
parent.frames[1].location="***.htm" または
parent.metroowner.location="***.htm" と指定してください。
>100%,66,* から任意のものに変更する
ウインドウの広さに対するサイズを%で指定するか、
ピクセルサイズを数字で指定するか、
残りのサイズは*で指定してください。
この例の場合、フレームは2つあるため、
rowsの指定は、2つ指定するだけでいいです。
参考URL:http://tohoho.wakusei.ne.jp/www.htm
この回答への補足
ページの変更については分かりました。ありがとうございました。
フレームのサイズの変更についてなのですが、
ページの移動同様フレームで指定されたページからのjavascriptで変えたいのです。
言葉が足らず、申し訳ございません。
No.2
- 回答日時:
質問No.84725 「フレーム分割領域のサイズを変更する」の
No.2の回答に手を加えてみました。
--- index.html ---
<html>
<head><title>タイトル</title>
<script language="javascript">
<!--
function frset(a,b,f1,f2){
var frset=
'<frameset rows="'+a+','+b+'" border=0 frameborder=0 framespacing=0 framecolor="#000000">\n'
+'<frame name=metrouser src="'+f1+'" scrolling=auto>\n'
+'<frame name=metroowner src="'+f2+'" scrolling=no marginheight=2 marginwidth=0>\n'
+'</frameset>\n'
return frset
}
document.write(frset('100%','66','x.html?','m.html?'))
//-->
</script>
<noscript>
<frameset rows="100%,66,*" border=0 frameborder=0 framespacing=0 framecolor="#000000">
<frame name=metrouser src="x.html" scrolling=auto>
<frame name=metroowner src="m.html" scrolling=no marginheight=2 marginwidth=0>
</frameset>
</noscript>
</head>
</html>
--- x.html ---
<html>
<head><title></title>
<script language="javascript">
<!--
function chsize(a,b){
if(location.search==""){
if(document.all){
parent.document.all.tags("frameset")[0].rows=a+","+b
}else{
//parent.document.open()
parent.document.write(frset(a,b,parent.frames[0].location.href+"?",parent.frames[1].location.href+"?"))
parent.document.close()
}
}
}
//-->
</script>
</head>
<body>
<a href="#" onclick="chsize('60%','40%')">こっち側を60%にする!</a><BR>
<a href="#" onclick="chsize('40%','60%')">こっち側を40%にする!</a>
</body>
</html>
--- m.html ---
<html><body>あいうえお</body></html>
--- 終わり ---
参考URL:http://oshiete1.goo.ne.jp/kotaeru.php3?q=84725
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript 画面に表示したらアニメーションを開始したい 3 2023/01/13 15:38
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- HTML・CSS FC2カートのテンプレートでの商品表示について 1 2023/03/02 18:05
- HTML・CSS flex の各子要素を横幅 100% にしたい 1 2022/09/22 21:25
- HTML・CSS CSS のみのタブ切り替えについて 1 2023/01/11 16:47
- JavaScript スマホ上で、左右スワイプで次のページに移動させたいです 2 2022/11/11 17:04
- HTML・CSS ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表 1 2022/04/27 16:25
- JavaScript 1日1回引けるJavaScriptおみくじについて 1 2022/12/12 22:28
- HTML・CSS HTMLソースの質問 3 2022/07/28 13:29
- JavaScript html5に変えるとスライドショーが消えてしまった。 3 2022/03/26 19:53
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
Safariで<iframe>のinnerHTMLを...
-
インラインフレームで表示され...
-
フレームを跨ぐドロップダウン...
-
別フレームへのリンク文字上で...
-
写真合成できるフォトフレーム...
-
フレーム内のiframeのデータの...
-
<a href="#" …>の意味を教えて...
-
別ファイルのfunctionの読み込み方
-
JavaScriptからVBScriptの呼び...
-
<script>...</script> 要素の内
-
GIFアニメの動きが止まってしま...
-
相対パスと絶対パスの速度
-
SCRIPT5007: 未定義または NULL...
-
bodyにidをつける理由は何ですか?
-
javascript外部読み込みの際の引数
-
cssにjavascriptを入れる?呼び...
-
ホームページ上に『位置固定』...
-
pythonのWebスクレイピングでfi...
-
html メールリンクにて自動ファ...
-
javascriptで別ファイルから変...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
スマホ上で、左右スワイプで次...
-
インラインフレームで表示され...
-
フレームを跨ぐドロップダウン...
-
子フレームの自動リロードは可...
-
別ページのインラインフレーム...
-
インラインフレームをドラッグ...
-
<iframe>~</iframe>内のwindow...
-
親フレームのURLによって、...
-
jqueryを利用してインラインフ...
-
エラー:書き込みができません ...
-
submitボタンで他のフレームを...
-
親フレームからkeydownイベント...
-
フレームでの右クリック禁止
-
別フレームの中にあるインライ...
-
フレームが入れ子状態です。フ...
-
別画面の関数の呼び出し
-
ワンクリック、ダブルウインド...
-
チェックボックスのチェックを...
-
親ウィンドウの別フレームを子...
-
フレーム分割すると動かない
おすすめ情報