| 公開日 | 2002.7.25 | ||
| 最終更新日 | 2003.7.20 | ||
| バージョン | ver.2.0 | ||
| 動作確認 | IE6.0,NN4.7,NN7.0,Opera7.2 | ||
| cookie | 不使用 | ||
| CSS | 不使用 | ||
| 更新履歴 | 2003.7.20 | ver.2.0 | スクリプトを簡略化(変更点：ソース全般) |
| フレームチェンジャー ver.2.0 |
||||
◆サンプル こちらをご覧ください |
||||
|
＜機能と特徴＞ ・複数のフレームを同時にジャンプさせることが出来ます。 |
||||
 |
|
|
|
|
| フレームチェンジャー ver.2.0 |
||||
◆サンプル こちらをご覧ください |
||||
|
＜機能と特徴＞ ・複数のフレームを同時にジャンプさせることが出来ます。 |
||||
|
|
|
|
|
 |
|
| 公開日 | 2002.7.25 | ||
| 最終更新日 | 2003.7.20 | ||
| バージョン | ver.2.0 | ||
| 動作確認 | IE6.0,NN4.7,NN7.0,Opera7.2 | ||
| cookie | 不使用 | ||
| CSS | 不使用 | ||
| 更新履歴 | 2003.7.20 | ver.2.0 | スクリプトを簡略化(変更点：ソース全般) |
 |
|
|
|
|
|
|
||
| 初心者向け解説 | 中級者向け解説 | ダウンロード | ||||
|
|
|
||||
|
１．カスタマイズフォームを使って設定をしてください。 ２．ソース１を<head>〜</head>の間に書き込んでください。 ３．ソース２を<body>〜</body>の間の 表示したい位置に書き込んでください。 ４．ブラウザでテストしてみてください。 正常にジャンプできれば設置は完了です。 |
||||||
|
|
|||||
 |
|
|
|
|
|
|
||
| カスタマイズフォーム | 補足説明 | 改造方法 | ||||
|
|
|
|
|
|
|
|
■特にありません。
|
||||||
|
|
|||||
|
|
|
|
|
||
| カスタマイズフォーム | 補足説明 | 改造方法 | ||||
|
|
|
|
|
||
|
■一度に切り替わるフレームの数を変更する。 //設定〜//ここまでを３〜４行目を２行１組で増やし 該当の個所の数字と各設定を変更してください。 fr_frame[1][3] = 'frame3'; fr_url[1][3] = 'page3.html';逆に減らしたい場合は//設定〜//ここまでの３行目以降を ２つめの[]内の数字が大きい方から ２行１組で減らしてください。 ■リンクを複数設置する。 //設定〜//ここまで３〜４行目を２行１組で増やし 該当個所の数字を増やしてください。 fr_frame[2][1] = "frame"; fr_url[2][1] = "page.html";さらにソース２を設置したい場所に書き込み 該当個所の数字を上で設定した数字と同じにしてください。
<a href="JavaScript:;" onClick="return frame_changer(2)">ジャンプ</a>
|
||||||
|
|
|||||
 |
 |
|
|
■ソース１(以下のソースを<head>〜</head>の間に書き込んでください) | |
<script language="JavaScript" type="text/javascript">
<!--//Script Created by あう,http://www5c.biglobe.ne.jp/~horoau/
//ver.2.0
fr_frame = new Array();
fr_url = new Array();
//設定
fr_frame[1] = new Array();
fr_url[1] = new Array();
//1個目のリンクの設定
fr_frame[1][1] = 'frame1';
fr_url[1][1] = 'page1.html';
fr_frame[1][2] = 'frame2';
fr_url[1][2] = 'page2.html';
//ここまで
function frame_changer(i)
{for(ii=1;fr_frame[i][ii];ii++)
{eval('parent.'+fr_frame[i][ii]+'.location.href = fr_url[i][ii]');}
return false;}
// -->
</script>
|
■ソース２(以下のソースを<body>〜<body>の間に書き込んでください) | |
<!--1個目のセレクトボックス-->
<a href="JavaScript:;" onClick="return frame_changer(1)">ジャンプ</a>
 |
|