1クリックで２つの画面を・・・。

質問

ホームページを作るときにフレーム構造の右と左の両方のページを
１つのリンクをクリックしたことで１度に変えたいのですが
どのようにコードを書きこめばいいのでしょう?教えてください。
できなければ“できない”という回答もいただきたいです。

回答No.4

kokucho81 · ベストアンサー

２つのみならず、３つでも４つでも１０個でもできるように、汎用的にしてみましょうか。

まず、以下のソースを、「kjump.js」として保存。

// (C) KOKUCHO81 location.href Jump Function
function jump() {
for(var i=0; i<arguments.length; i++)
{
if (arguments[i].match(/.htm|.cgi/gi))
{
if (arguments[i+1]&&!arguments[i+1].match(/.htm|.cgi/gi))
{
window.open(arguments[i], arguments[i+1]);
}
else
{
window.open(arguments[i], "_self");
}
}
}
}

そして、ジャンプ機能をとりつけるファイル（クリックや操作対象となるファイル）に

<script language="javascript" src="kjump.js"></script>

と挿入します。

あとは、使うだけ。

例えば、今左のフレーム名が"LEFTFRAME" こんど変える.htmlが"LEFT.html"
右のフレーム名が"RIGHTFRAME" こんど変える.htmが"RIGHT.htm" とすると、

<A href="javascript:jump('LEFT.html','LEFTFRAME','RIGHT.htm','RIGHTFRAME')">２つ一気にジャンプ</A>

上のものに加えて、新しいウィンドウまで出したいときには、
<A href="javascript:jump('LEFT.html','LEFTFRAME','RIGHT.htm','RIGHTFRAME',"NEW.html','_blank')">２つ切り替え＋１つ新規</A>
などとなります。

また、今いるフレーム名は省くことができるので、今仮にLEFTFRAMEに「OLD.html」が入っていて、ここに２つ一気に書き換えるものを記述するときは、

<A href="javascript:jump('LEFT.html','LEFTFRAME','RIGHT.htm','RIGHTFRAME')">２つ一気にジャンプ</A>

と先ほどと同じ記述で書いても良いですが、'LEFTFRAME'をはぶいて、

<A href="javascript:jump('LEFT.html','RIGHT.htm','RIGHTFRAME')">２つ一気にジャンプ</A>

と書いても良いです。

もちろん、普通のリンクの代わりに使用して、
<A href="javascript:jump('LEFT.html')>普通のリンク</A> や
<A href="javascript:jump('LEFT.html','top')>トップに出す</A>
といった使用法も可能です。
あと、CGIにも対応してます。
<A href="javasciript:jump('LEFT.cgi','LEFTFRAME','RIGHT.htm','RIGHTFRAME)>CGIと混合</A>

どうでしょう。参考になりそうですか？

お礼

親切な回答をありがとうございました。
非常に分かりやすく、しかもすぐに取りつけることが出来ました。
本当にありがとうございました。