※ ChatGPTを利用し、要約された質問です(原文:AウィンドウからBウィンドウのページ位置の動かし方)
AウィンドウからBウィンドウのページ位置の動かし方
このQ&Aのポイント
新しいウィンドウで開いたBページからAページで名前をつけた場所(ページの途中)に直接ジャンプするものを作りたいです。
Bページを開くまでは問題なくできましたが、その先ができませんでした。アドバイスを頂きたいです。
テレビのチャンネルをチラチラ変えるような感覚でBページをリモコンのような役割にしてAページの中で見たい位置を次から次に動かしたいです。
AウィンドウからBウィンドウのページ位置の動かし方
通常のページ(Aページ)にあるボタンを押すことによって、
新しいウィンドウで別のページ(Bページ)を開くプログラムを
Javascriptで作りました。
質問したいことは、
新しいウィンドウで開いたBページから
Aページで名前をつけた場所(ページの途中)に
直接ジャンプするものを作りたいです。
添付画像のように
テレビのチャンネルをチラチラ変えるような感覚で
Bページをリモコンのような役割にして
Aページの中で見たい位置を次から次に動かしたいです。
Bページを開くまでは問題なくできましたが、
その先ができませんでした。
アドバイスを頂きたいです。
お願いいたします。
(↓自分で作ったコードです)
~~~ Aページ ~~~
<script language="JavaScript" type="text/javascript">
<!--
function openwin(url, winname, width, height) {
if(!width) { width = 500; }
if(!height) { height= 500; }
if(!winname) { winname = 'win'; }
w = window.open(url, winname,'width=' +width+ ',height=' +height+ ',status=no,scrollbars=yes,directories=no,menubar=no,resizable=yes,toolbar=no');
}
//-->
</script>
</head>
<form method="post"><input type=button onClick="openwin('xxx');" value="サンプル"> </form>
<div class="t0">
<table>
<tr>
<th class="t1"><a name="1" id="1">文章</a></th>
<td class="t2"></td>
<td class="t3">文章</td>
</tr>
</table>
</div>
<div class="t0">
<table>
<tr>
<th class="t1"><a name="2" id="2">文章</a></th>
<td class="t2"></td>
<td class="t3">文章</td>
</tr>
</table>
</div>
<div class="t0">
<table>
<tr>
<th class="t1"><a name="3" id="3">文章</a></th>
<td class="t2"></td>
<td class="t3">文章</td>
</tr>
</table>
</div>
~~~ Bページ ~~~
<a href="#1">1</a>
<a href="#2">2</a>
<a href="#3">3</a>
<a href="#4">4</a>
<a href="#5">5</a>
お礼
そうですか、そういう使いづらさもあるのですね… スクロールで追随するのも嫌がる方がいるかもしれないですね。 結局、同じページ内に固定位置に置くのが一番無難かなと思いました。 参考になりました。有難うございました。