●文字表示
下部バーに文字を流す
下部バーにタイプ文字
タイトルバーに文字を流す
フォームに文字を流す
指定文を切り替えて表示
時刻別挨拶
ランダム挨拶
始終あいさつ
流れるテキストボックス
点滅文字
大きくなる文字
縦書・横書切替
色操作で文字を流す
日時
カウント時計
時計(秒有)
訪問時刻
HP更新時刻
画像時計
簡易カレンダー
クリックカレンダー
●イメージ操作
画像拡大
クリックアルバム
ランダムバナー広告
●背景操作
ランダム壁紙
ボタンで操作
オプションメニューで操作
ラジオボタンで操作
フェードインする背景
背景画像変更
●ブラウザ制御
ブラウザ選択
ブラウザ選択
お気に入り追加/テキスト
お気に入り追加/画像
お気に入りに追加/ボタン
●ウインドウ操作
リンクで開く
ボタンで開く
ツールバーだけで開く
スクロールバーだけで開く
指定位置・サイズで開く
別ウィンドウで操作する
別ウィンドウを同時に開く
リンク/ボタンで閉じる
自動スクロール/縦編
自動スクロール/横編
ページを更新する
●リンク操作
自動ジャンプ
説明文/テキスト
説明文/ステータスバー編
説明文/フォーム編
複数リンクリスト
複数指定BACK
強制ダイアログボックス
●制限
入室制限/フォーム編
入室制限/プロンプト編
右クリック禁止
ユーザー制限
同意制御
●計算
レジ(単品計算)
レジ(複数計算)
マウス電卓
●フレーム操作
複数ページを同時に変更
オプションメニューで変更
背景とページを同時に変更
●その他
本日の運勢
ダイアログおみくじ
画像おみくじ
オプションメニューで合計金額を計算します
オプションメニューで合計金額を計算します
◆イモ(1500円)
0
1
2
3
箱
◆魚(4000円)
0
1
2
3
匹
◆ウニ(300円)
0
1
2
3
個
■合計金額
円
■<head>〜</head>内に下記を貼り付けてください。
<script language="JavaScript">
<!--
plice=new Array();
plice[0]=1500;
plice[1]=4000;
plice[2]=300;
function keisan(){
goukei=0;
for(i=0;i<=2;i++){
num=eval(document.myform.elements[i].options[document.myform.
elements[i].selectedIndex].value);
goukei=goukei+plice[i]*num;
}
document.myform.total.value=goukei;
}
//-->
</script>
■<body>〜</body>内に下記を貼り付けてください。
<form name="myform">
<table cellpadding="3" cellspacing="0">
<tr>
<td>◆イモ(1500円)</td>
<td><select onchange="keisan()">
<option value="0">0 </option>
<option value="1">1 </option>
<option value="2">2 </option>
<option value="3">3 </option>
</select>箱</td>
</tr>
<tr>
<td>◆魚(4000円)</td>
<td><select onchange="keisan()">
<option value="0">0 </option>
<option value="1">1 </option>
<option value="2">2 </option>
<option value="3">3 </option>
</select>匹</td>
</tr>
<tr>
<td nowrap>◆ウニ(300円)</td>
<td><select onchange="keisan()">
<option value="0">0 </option>
<option value="1">1 </option>
<option value="2">2 </option>
<option value="3">3 </option>
</select>個</td>
</tr>
<tr>
<td colspan="2">
<hr size="1" noshade>
</td>
</tr>
<tr>
<td nowrap><font color="#ff0000">■<b>合計金額</b></font></td>
<td nowrap><input type="text" name="total" value="0"> 円</td>
</tr>
</table>
</form>
【POINT】JavaScriptを使う場合、目的のブラウザで動作するかを必ず確かめてから使用して下さい。確認方法は「IEテスター」というフリーソフトを使用すると、IE5.5/IE6/IE7/IE8の動作を同時に確認することができます。また需要が多いブラウザ(FireFox/Opera/Sleipnir/Lunascape/KIKI etc)での動作確認も忘れずに行って下さい。