April 25, 2005

プルダウンメニュー

[メモ]
プルダウンメニューでgoボタンの変わりに画像をボタンとして使う方法。

普通にボタンの場合
*押してもとばないけど

ソースはこんな感じ

<form><select name=セレクト名>
<option value-“http://www.×××.html “>menu1</option>
<option value-“http://www. “>menu2</option>
<option value-“http://www. “>menu3</option>
</select>
<input type="button" value="go" onclick="location.href=セレクト名.options[number.selectedIndex].value">
</form>




プルダウンメニューで送信ボタンの代わりに画像を使いたい場合

*×印のところにほんとは画像が入ってそこを押すと飛ぶ,
ソースはこうなる

<form><select name=セレクト名>
<option value-“http://www.×××.html “>menu1</option>
<option value-“http://www. “>menu2</option>
<option value-“http://www. “>menu3</option>
</select>
<img src=”画像名”
onclick="location.href=セレクト名.options[number.selectedIndex].value">
</form>となります。

※<input type="image"のあとにonclickはページをそのまま再読み込みしてしまうらしくどうにも使えません。

当然ですがjavascriptをきってるブラウザとかでは使えませんね。

April 01, 2005

四月一日ですね

本日は代休でお休みです^^ ってことでなんとなくトップページ変更してみた。 はい、わんことっぷはサイト開設時から相変わらずw 早いもんで社会人になってもう一年がたとうと。。。 最近は仕事やめて一年くらい何もしないってのもいいかもとか 真剣に考えてたりしてw