おみくじダイアログ
ver.1.0
　
　◆サンプル
　 　 ＜機能と特徴＞
　
　・ボタンを押すとおみくじが引けます。

　・確率設定もできます。
 



 

公開日 2002.1.18
最終更新日 ---
バージョン ver.1.0
動作確認 IE6.0,NN4.7,NN7.0,Opera7.0
cookie 不使用
CSS 不使用
更新履歴 --- 　 　

 

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

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

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

３．ソース２を<body>〜</body>の間の
　　表示したい位置に使用したい方を書き込んでください。

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

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

２．ソース２を<body>〜</body>の間の
　　表示したい位置に書き込むか
　　各種イベントハンドラでomikuzi()関数を呼び出してください。

３．ブラウザでテストしてみてください。
　　正常に動作すれば設置は完了です。
 
 
 初心者向け解説   中級者向け解説   ダウンロード 
 
■ダウンロードする形式を選択してください。

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

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

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

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

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

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

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

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

 
 
 
 カスタマイズフォーム   補足説明   改造方法 
 
 おみくじを引くリンクの形式：  
 おみくじを引くボタンの文字：  
 【おみくじの設定】 
おみくじの結果の数：
☆★☆1個目の結果☆★☆
 結果のメッセージ： (タグ可) 
 確率： (半角数字：正数)  *合計はなるべく100に
 
　
 カスタマイズフォーム   補足説明   改造方法 
 
■確率について

　確率は[その結果の確率]/[全ての確率の合計]で決まります。
　合計を100にすれば[その結果の確率]％で換算できます。
 
 カスタマイズフォーム   補足説明   改造方法 
 
■おみくじの結果メッセージを変更する。

　//設定〜//ここまでを奇数行の該当個所を変更してください。
o_kiti[1] = '大吉<br><br>いい日かも？';
■おみくじの書く結果メッセージの確率を変更する。(半角数字：正数)

　//設定〜//ここまでを偶数行の該当個所を変更してください。
　確率の合計数はなるべく100にするとわかりやすいと思いますが
　仕組みとしては[確率/確率の合計数]で確率が割り出されます。 
o_kaku[1] = 10;
■おみくじの結果を増やす。

　//設定〜//ここまでを２行１組で増やし
　該当個所の数字を増やし該当個所を変更してください。
o_kiti[2] = '超大凶<br><br>冗談です　はい(笑)';
o_kaku[2] =  1;
■おみくじの結果を減らす。

　//設定〜//ここまでを２行１組で
　[]内の数字の大きい方から削除してください。
 
 
  

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

o_kiti = new Array();
o_kaku = new Array();


//設定
o_kiti[1] = '大吉<br><br>いい日かも？'; //1個目のおみくじのメッセージ
o_kaku[1] = 10;                         //1個目の上の項目を引く確率
//ここまで


function omikuzi()
{o_total = 0;
 for(i=1;i<o_kaku.length;i++)
 {o_total += o_kaku[i];}
 o_hen  = Math.ceil(Math.random()*o_total);
 o_ritu = 0;
 for(i=1;i<o_kaku.length;i++)
 {o_ritu += o_kaku[i]
  if(o_hen <= o_ritu)
  {while(o_kiti[i].indexOf("<br>") != -1)
   {o_kiti[i] = o_kiti[i].replace("<br>","\n");}
   break;}}
 alert(o_kiti[i]);}


// -->
</script>

■ソース２(以下のソースを<body>〜</body>の間に書き込んでください)  
  
<!--ボタンのおみくじ-->
<form>
<input type="button" value="おみくじ" onClick="omikuzi();">
</form>


■スクリプト無効時には動作しません。
　<noscript>〜</noscript>の間にメッセージを書き込むなどしてください。

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