XREA.COM
ad



<form>はNetscape 4.*以下のブラウザでは必要となっているタグですが、
<input>を使用可能のチャット・掲示板なのに、うまくいかない場合は、<form>と</form>をはずしてみてください。

ボタンを表示する
<input type="button" value="value">
value にはボタンに表示する文字を入力します。
<form>
<input type="button" value="押してね!">
</form>

メッセージを表示する
<input type="button" value="value" onclick="alert('message')">
message にメッセージを入力します。
改行には \n を使います。
<form>
<input type="button" value="押してね!" onclick="alert('ありがとう!\nばいばい!')">
</form>
複数のメッセージを表示するときはセミコロン( ; )で区切ります。
<form>
<input type="button" value="押してね!" onclick="alert('ありがとう!');alert('ばいばい!')">
</form>

背景色を変更する
<input type="button" value="value" onclick="document.bgColor='color'">
color に色の名前(black等)かRGB値(#RRGGBB)で指定します。
色見本はこちらです
<form>
<input type="button" value="白くなるよ" onclick="document.bgColor='white'">
<input type="button" value="黒くなるよ" onclick="document.bgColor='#000000'">
</form>

文字色を変更する
<input type="button" value="value" onclick="document.fgColor='color'">
color に色の名前(black等)かRGB値(#RRGGBB)で指定します。
<form>
<input type="button" value="白くなるよ" onclick="document.fgColor='white'">
<input type="button" value="黒くなるよ" onclick="document.fgColor='#000000'">
</form>

背景色と文字色を同時に変更する
<input type="button" value="value" onclick="document.bgColor='color';document.fgColor='color'">
このページの一番上で使っているものです。
セミコロン( ; )を使って、同時に変更するようにします。
<form>
<input type="button" value="背景白、文字黒" onclick="document.bgColor='white';document.fgColor='black'">
<input type="button" value="背景黒、文字白" onclick="document.bgColor='black';document.fgColor='white'">
</form>

メッセージを表示してから背景色を変更する
<input type="button" value="value" onclick="alert('message');document.bgColor='color'">
セミコロン( ; )を使って、メッセージを表示したあと、背景色を変更するようにします。
<form>
<input type="button" value="押してね!" onclick="alert('黒くするよ〜');document.bgColor='black'">
<input type="button" value="押してね!" onclick="alert('白くするよ〜');document.bgColor='white'">
</form>

ページを開く
<input type="button" value="value" onclick="location.href='url''">
url にURL(アドレス)を入力します。
<form>
<input type="button" value="Wakky All Stars" onclick="location.href='http://wakky.info/'">
</form>

新ウィンドウでページを開く
<input type="button" value="value" onclick="window.open('url')">
url にURL(アドレス)を入力します。
これは新ウィンドウで開きます。
<form>
<input type="button" value="Wakky All Stars" onclick="window.open('http://wakky.info/')">
</form>

確認ダイアログを表示する(OK、キャンセル)
<input type="button" value="value" onclick="if(confirm('message')) { true } else { false } ">
{ } 内の truefalse にはalert()などを入力しましょう。
OKの場合は true が、キャンセルの場合は false が処理されます。
<form>
<input type="button" value="押してね!" onclick="if(confirm('おもしろい?')) { alert('ありがとう!') } else { alert('え〜ん・・・') } ">
</form>


<form>
<input type="button" value="押してね!" onclick="if(confirm('背景を黒くする?\n白くする?')) { alert('じゃあ黒くするね');document.bgColor='black' } else { alert('じゃあ白くするね');document.bgColor='white' } ">
</form>


<form>
<input type="button" value="押してね!" onclick="if(confirm('Wakky All Starsに行く?')) { alert('レッツゴー!');location.href='http://wakky.info/' } else { alert('じゃあ行かないよ') } ">
</form>

Sei-Ryu-G@masa.com