ボタンリンク
ver.1.1
 
 ◆サンプル
    <機能と特徴>
 
 ・ボタンを押すとジャンプします。

 ・フレームページにも対応しています。
 



 

公開日 2002.6.15
最終更新日 2003.7.20
バージョン ver.1.1
動作確認 IE6.0,NN4.7,NN7.0,Opera7.0
cookie 不使用
CSS 不使用
更新履歴 2003.7.20 ver1.1 複数設置に対応(変更点:全般)

 

☆★☆使い方☆★☆
 
 初心者向け解説   中級者向け解説   ダウンロード 

1.カスタマイズフォームを使って設定をしてください。

2.ソース1を<head>〜</head>の間に書き込んでください。

3.ソース2を<body>〜</body>の間の
  表示したい位置に書き込んでください。

4.ブラウザでテストしてみてください。
  正常にジャンプできれば設置は完了です。
 
 
 初心者向け解説   中級者向け解説   ダウンロード 

1.ソース1を<head>〜</head>の間に書き込んでください。

2.ソース2を<body>〜</body>の間の
  表示したい位置に書き込んでください。

3.ソース2の該当個所を
  ジャンプしたいファイルのパスに変更してください。
  <input type="button" value="トップページ" onClick="button_link(1,'index.html')">
4.ブラウザでテストしてみてください。
  正常にジャンプできれば設置は完了です。
 
 
 初心者向け解説   中級者向け解説   ダウンロード 
 
ダウンロードする形式を選択してください。

 【スクリプトを1つのページに組み込む】 

1.カスタマイズフォームを使って設定をする場合は、
  ダウンロードの前に設定をしてください。

2.右のボタンを押してファイルをダウンロードしてください。

 【スクリプトを外部ファイルにする(設定は一括)】 

1.カスタマイズフォームを使って設定をする場合は、
  ダウンロードの前に設定をしてください。

2.右のボタンを押して外部ファイルをダウンロードしてください。
 
3.保存した外部ファイルのファイル名を入力してください。
   (ファイルのパスでも可)
 
4.右のボタンを押してHTMLファイルをダウンロードしてください。

 【スクリプトを外部ファイルにする(設定は各ページ毎)】 

1.カスタマイズフォームを使って設定をする場合は、
  ダウンロードの前に設定をしてください。
 
2.右のボタンを押して外部ファイルをダウンロードしてください。
 
3.保存した外部ファイルのファイル名を入力してください。
   (ファイルのパスでも可)
 
4.右のボタンを押してHTMLファイルをダウンロードしてください。
 
5.複数のページが必要な場合は、カスタマイズフォームで設定をし
  再度HTMLファイルのみダウンロードしてください。
 

 
 
 
 カスタマイズフォーム   補足説明   改造方法 
 
 【ボタンの設定】 
設置するボタンの数:
☆★☆1個目のボタン☆★☆
 ジャンプさせるフレームの名前: (半角英数字)
*フレームを使用しない場合は空欄にしてください。 
 ボタンに表示する文字:  
 ジャンプ先のパス:  
 
 
 カスタマイズフォーム   補足説明   改造方法 
 
特にありません。
 
 カスタマイズフォーム   補足説明   改造方法 
 
フレームページで使用する。(半角英数字)

 //設定〜//ここまでの1行目を変更してください。
 通常はジャンプさせたいフレームの名前を書き込みます。
 フレーム解除したい場合はtopを指定してください。
b_l_frame[1]  = 'frame_name';
複数設置する。

 //設定〜//ここまでを1行増やし、
 該当個所の数字を増やしてください。
b_l_frame[2]  = "";
 次にソース2を表示したい場所に書き込みし、
 該当個所の数字を増やし、さらに該当個所を
 ジャンプさせたいファイルのパスに変更してください。
<input type="button" value="トップページ" onClick="button_link(2,'page1.html')">
 
 
  

ソース1(以下のソースを<head>〜</head>の間に書き込んでください)  
 
<script language="JavaScript" type="text/javascript">
<!--//Script Created by あう,http://www5c.biglobe.ne.jp/~horoau/
    //ver.1.1

b_l_frame = new Array();

//設定 b_l_frame[1] = ''; //1個目のジャンプさせるフレームの名前 //ここまで
function button_link(i,jamp) {if(!b_l_frame[i]) {location.href = jamp;} else {eval('parent.'+b_l_frame+'.location.href = jamp;');}}
// --> </script>

ソース2(以下のソースを<body>〜</body>の間に書き込んでください)  
 
<!--1個目のボタン-->
<input type="button" value="トップページ" onClick="button_link(1,'index.html')">




スクリプト無効時には動作しません。
 <noscript>を使って通常のリンクを張っておく事をお勧めします。


ウェブ木箱サンプル集
copyright(C) 2002-2004 あう