リンク先を開くウィンドウを一括変更する

JavaScript Market - 動きのあるホームページを作る為の各種JavaScript のサンプルと小技集を公開中

リンク先を開くウィンドウを一括変更する
ラジオボタンやセレクトボックスなどで選択し、ページ内のリンクを開くターゲットウィンドウを一括変更します。
ラジオボタンやセレクトボックスの value には、HTML書式に基づいたターゲット(_top, _blank...)や、
予め付けておいたフレーム（ウィンドウ）の名前を指定します。

※ 面倒なので、このサンプルには<IFRAME>を使用していますが、Netscape4.x は<IFRAME>未対応です。
Netscape4.x を意識したページでフレームを使う場合は、<IFRAMESET>を使って下さい。

全画面別ウィンドウ左下のフレーム右下のフレーム最下部のフレーム
｜link1｜link2｜link3｜
■ このスクリプトのソース
<script>
var tg;
function target_change() {
   for (i = 0; i < document.sel.tgt.length; i ++)
      if (document.sel.tgt[i].checked)
         tg = document.sel.tgt[i].value;

   for (i = 0; i < document.links.length; i ++)
      document.links[i].target = tg;
}
</script>
　：
<body onLoad="target_change()">
<form name=sel>
<input type=radio name=tgt value="_top" onClick="target_change()" checked>全画面
<input type=radio name=tgt value="_blank" onClick="target_change()">別ウィンドウ
<input type=radio name=tgt value="left" onClick="target_change()">左下のフレーム
<input type=radio name=tgt value="right" onClick="target_change()">右下のフレーム
<input type=radio name=tgt value="bott" onClick="target_change()">最下部のフレーム
</form>
｜<a href="xxx.html">xxx</a>｜<a href="yyy.html">yyy</a>｜<a href="zzz.html">zzz</a>｜
<p>
<table border-0 cellpadding=10 cellspacing=0>
 <tr>
  <td><iframe name=left width=200 height=100></iframe></td>
  <td><iframe name=right width=200 height=100></iframe></td>
 </tr>
 <tr>
  <td colspan=2><iframe name=bott width=420 height=100></iframe></td>
 </tr>
</table>
</body>
suepon.com | CGI作成・CGI制作 | ドメイン検索 | バナー自動作成 | Google Dance jp | 松浦亜弥 (H.P.memo) | パソコン | ネイル