|
|
|
11/22(Fri) 03:50
 おみくじ
神社によくあるガラガラポンの「おみくじ」です。下のボタンをクリックしてみてください。
設置の方法は次のようにします。
- おみくじ用関数をヘッダー部に定義します。
- おみくじを引くアンカーを本文に記述します。
■ おみくじ用関数をヘッダー部に定義します。
小ウィンドウのパラメータの説明は、No.12のボタンをクリックすると小ウィンドウをオープンするを参照してください。。
- おみくじの確率を変更するには、if文の中の数値(0.8、0.55など)を変更します。
- おみくじウインドウの大きさを変更したい場合は
var omikujiWindow = window.open("","omikujiWin","height=100,width=180")
のheight=100,width=180の値を変更します。
■ 【注意】広告バナーが自動的に表示されるプロバイダー(Geocitiesやfreewebなど)をご利用のユーザでスクリプトエラーが起こる時は下記の対処をして下さい。広告の挿入が、最初に見つけた<BODY>タグの直後にされるためスクリプトエラーになります。
広告バナーの表示・非表示選択ができるユーザ。Geocitiesの場合はジオガイドマネージャーの「ジオガイドの調整」で、スクリプトを設置したファイルのジオガイドを表示しない設定に変更します。
広告バナーの表示・非表示選択ができないユーザ。スクリプト本体を<HEAD>部ではなく<BODY>部(BODYタグの次行)に移動してください。
|
<![CDATA[
<SCRIPT language="JavaScript">
<!--
//おみくじ by「菊池さん」 <http://kikuchisan.net/>
var cnt = 0;
var omikujiMsg = ""
omikuji = new Array()
omikuji[0] = new setOmikuji("大吉","すべてうまくいくが<br>調子に乗らぬこと")
omikuji[1] = new setOmikuji("吉","何事も順調<br>この調子を維持すべし")
omikuji[2] = new setOmikuji("小吉","これからが肝心<br>今の調子でがんばれ")
omikuji[3] = new setOmikuji("小凶","思わぬところに落とし穴が<br>用心すべし")
omikuji[4] = new setOmikuji("凶","何事も辛抱<br>辛抱から福が生まれる")
omikuji[5] = new setOmikuji("大凶","今が最悪期<br>これから徐々に運が上向く")
function setOmikuji(title,contents) {
this.title = title
this.contents = contents
}
function drawOmikuji() {
if (cnt == 1) {
alert("おみくじは何回も引くものではありません!!");
return;
}
var num = Math.random();
if (num > 0.8) i = 0; //大吉 確率 20%(=1 -0.8)
else if (num > 0.55) i = 1; //吉 確率 25%(=0.8 -0.55)
else if (num > 0.3) i = 2; //小吉 確率 25%(=0.55-0.3)
else if (num > 0.15) i = 3; //小凶 確率 15%(=0.3 -0.15)
else if (num > 0.05) i = 4; //凶 確率 10%(=0.15-0.05)
else i = 5; //大凶 確率 5%(=0.05-0)
cnt = 1;
var omikujiWindow = window.open("","omikujiWin","height=100,width=180")
if (omikujiWindow != null) {
omikujiMsg ="<HTML><HEAD><TITLE>おみくじ</TITLE></HEAD>"
omikujiMsg +="<BODY BGCOLOR=white TEXT=navy>"
omikujiMsg +="<CENTER><FONT COLOR=crimson SIZE=+1><B>【 "
omikujiMsg +=omikuji[i].title + " 】</B></FONT><P>"
omikujiMsg +=omikuji[i].contents + "</CENTER></BODY></HTML>"
omikujiWindow.document.write(omikujiMsg)
omikujiWindow.document.close()
}
}
// -->
</SCRIPT>
]]>
|
■ おみくじを引くアンカーを本文に記述します。
this.value='いい運勢あたったかな!?'はおみくじを引いた後にボタンの内容を変更する命令です。あなたのお好みに変更してください。
|
<![CDATA[
<CENTER><form>
<input type="button" value="おみくじを引く"
onclick="drawOmikuji();this.value='いい運勢あたったかな!?';">
</form></CENTER>
]]>
|
|
|
