アクセス確認
ver.1.1
 
 ◆サンプル
 
サンプル集トップ
 
    <機能と特徴>
 
・アクセスする前にダイアログを出して確認します。
 
・キャンセルを押すとジャンプを中止します。
 



 

公開日 2002.1.25
最終更新日 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の<a>のhref属性の属性値を
  ジャンプしたいファイルのパスに変更してください。

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

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

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

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

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

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

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

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

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

 
 
 
 カスタマイズフォーム   補足説明   改造方法 
 
 【ボタンの設定】 
設置するボタンの数:
☆★☆1個目のボタン☆★☆
 リンクの文字:  
 リンクのジャンプ先のパス:  
 ジャンプを確認するメッセージ:  
 OKした時のメッセージ:  
 キャンセルした時のメッセージ:  
 
 
 カスタマイズフォーム   補足説明   改造方法 
 
特にありません。
 
 カスタマイズフォーム   補足説明   改造方法 
 
各メッセージを変更する。

 //設定〜//ここまでを変更してください。
 上からジャンプを確認するメッセージ、キャンセルした時のメッセージ
 OKした時のメッセージです。
k_mes_k[1] = 'サンプル集のトップに戻りますか?';
k_mes_f[1] = 'そうですか\nではごゆっくりどうぞ^^';
k_mes_t[1] = 'また来てねぇ';
 キャンセルした時のメッセージとOKした時のメッセージは
 表示したくない場合は次のようにしてください。
k_mes_f[1] = '';
k_mes_t[1] = '';
複数設置する。

 //設定〜//ここまでを3行1組で増やし、
 該当個所の数字を増やしてください。
k_mes_k[2] = "サンプル集のトップに戻りますか?";
k_mes_f[2] = "そうですか\nではごゆっくりどうぞ^^";
k_mes_t[2] = "また来てねぇ";
 次にソース2を表示したい場所に書き込むんで
 該当個所の数字を増やしてください。
<a href="index.html" onClick="return kakunin(2);">トップページ</a>
 
 
  

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

k_mes_k = new Array();
k_mes_f = new Array();
k_mes_t = new Array();

//設定 k_mes_k[1] = 'サンプル集のトップに戻りますか?'; //1個目の確認のメッセージ k_mes_f[1] = 'そうですか\nではごゆっくりどうぞ^^'; //1個目のキャンセルした時のメッセージ k_mes_t[1] = 'また来てねぇ'; //1個目のOKした時のメッセージ //ここまで
function kakunin(i) {if(!confirm(k_mes_k[i])) {if(k_mes_f[i]) {alert(k_mes_f[i]);} return false;} else {if(k_mes_t[i]) {alert(k_mes_t[i])} return true;}}
// --> </script>

ソース2(以下のソースを<body>〜</body>の間に書き込んでください)  
 
<!--1個目のボタン-->
<a href="index.html" onClick="return kakunin(1);">トップページ</a>



スクリプト無効時にはダイアログは出ません。
 リンクには影響はないので通常通りジャンプできます。


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