小ウインドウを開いて、URLをクリックすると元のページのURLがかわるという方法を教えてください!
下記の書き方だと、フレームの中に新しいページが表示されてしまいます。
フレームごと書き換えるには、どうやって書けばよいのでしょう?
<script language="javascript">
<!--//
function ctrlwin()
{
window.opener.location.href="http://www.××.html";
window.close();
}
//-->
</script>
No.1
- 回答日時:
元Windowや子Windowを開く時など、全部のソースが無いので何ともいえませんが・・・。
window.opener.location
↓
window.top.location
これでできませんか?
No.2
- 回答日時:
こんな感じでもいけるかも
index.htmlを表示しているWindowオブジェクトに名前をつけて、別なウインドウからはそのWindowのオブジェクト名で操作する方法です。
=index.html=
<html>
<head><title></title>
<script language="javascript">
<!--//
function init_small_window() {
window.name = "mainwindow";
win = window.open("link.html", "smallWindow", "left=0,width=500,height=300,menubar=0,resizable=yes,scrollbars=yes");
}
//-->
</script>
</head>
<body onLoad="init_small_window()">
</body>
</html>
=========
=link.html=
<html>
<head><title></title>
<script language="javascript">
<!--//
function junp(dest_url) {
//メインウインドウが閉じていたら開く
win = window.open("", "mainwindow");
win.location.href=dest_url;
}
//-->
</script>
</head>
<body>
<a href="javascript:junp('http://www.yahoo.co.jp')">Yahoo! Japan</a><br>
<a href="javascript:junp('http://www.google.co.jp')">Google</a><br>
<a href="javascript:junp('http://www.goo.ne.jp/')">Goo</a>
</body>
</html>
====
No.3ベストアンサー
- 回答日時:
ちょっと質問の内容が矛盾しているような気がするのですが、それは良いとして。
(1) 元の画面は、AとB、2つに分けられたフレームである。
(2) たとえば、Bの画面でボタンをクリックすると、子ウインドウが起動する。
(3) その子ウインドウでURLをクリックすると、AとB、両方が変わる。(つまりAとBを構成しているフレーム全体が書き換わる)
ということで良いですか?
それであれば、
window.opener.location.href
↓
window.opener.top.location.href
で良いと思いますよ。
ちなみに、参考URLで、小窓でリモコンを作る方法が載ってますので、参考にしてみてください。
参考URL:http://laz.chu.jp/hp/tips/javascript-remocon.html
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS スクロールすると追従する画像のコードを書いているのですが、追従する画像の大きさの調節が上手くいきませ 2 2022/04/18 12:52
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/07 21:04
- JavaScript 1日1回引けるJavaScriptおみくじについて 1 2022/12/12 22:28
- HTML・CSS 下にスクロールしても、追従するボタンのコードを書いたのですが、ボタンの中の画像が半分しか表示されない 1 2022/04/16 21:31
- JavaScript スマフォではボタンを表示させたくない 2 2023/01/20 14:26
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- C言語・C++・C# 【C++】IDirect3DSurfaceのディープコピーは可能ですか? 1 2022/07/06 02:47
- その他(OS) Mac OSの操作について 2 2022/06/08 09:19
- JavaScript jsで、switch文で書かれた分をif文にできませんか。 1 2022/07/28 15:10
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
初心者です。gulpでコンパイル...
-
階層別の組織図の自動作成について
-
React hooksが値を返して配列変...
-
特定の文字列を複数抜き出した...
-
追加ボタンを押した際に ok ボ...
-
ジャバスクリプトについて。
-
GASでGoogleフォームの自動返信...
-
フロントエンドフレームワーク...
-
画面遷移を行わずに同一ページ...
-
セレクトを全て選択されていな...
-
ブックマークレットについて
-
①入力フォーム→②確認表示画面→③...
-
プログラムについて。
-
Q&A掲示板の入力フォームに文字...
-
メールフォームの日付入力フォ...
-
二次元配列を使って順位をだす...
-
iOSのみダブルタップが必要
-
jsで質問です。 displayプロパ...
-
var exports = exports || {}; ...
-
HTMLタグに複数のクラスを設定...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
二次元配列を使って順位をだす...
-
プログラムについて。
-
Q&A掲示板の入力フォームに文字...
-
メールフォームの日付入力フォ...
-
iOSのみダブルタップが必要
-
ジャバスクリプトについて。
-
画面遷移を行わずに同一ページ...
-
特定の文字列を複数抜き出した...
-
指定時間になったら、WEBサイト...
-
追加ボタンを押した際に ok ボ...
-
①入力フォーム→②確認表示画面→③...
-
スマホ上で、左右スワイプで次...
-
読み込んだQRコードをフォーム...
-
フロントエンドフレームワーク...
-
React hooksが値を返して配列変...
-
GASでGoogleフォームの自動返信...
-
初心者です。gulpでコンパイル...
-
階層別の組織図の自動作成について
-
HTMLで作った時報アプリが動き...
-
jQueryで同じクラス名のものを...
おすすめ情報