都道府県選択するやつとかのモジュール兼、ソースコードを公開する際に役立つSyntaxHighlighterのモジュール

CSS HappyLifeさんのエントリーを少し変えて作成してみました。

index.htmlと同階層にある、shCore.jsと、SyntaxHighlighter.cssを読み込むだけです。

CSS HappyLifeさんの方ではもう少し色々やってる感じなんですが、僕の方はとりあえずこれで動いたんでOKって事で。

コード左上の「view plain」をクリックすると、そのソースコードが表示されるので、あとはコピペするだけ。

※ただ、この都道府県を選択するやつ、

お問い合わせフォームなんかで使われてるけど、これはプルダウンより、ユーザーに直接入力してもらった方が早いと思う。

ユーザー視点に立ってみても、プルダウンから自分の都道府県探すよりも、入力した方が負担が少ないかもしれない。

もっと言えば、郵便番号を入力したら自動で住所が入力されるやつ。

あれがベストです。と個人的に思りなんかしたり・・・。

暇を見つけて作ってみよう。

select要素でマークアップ済みの都道府県のやつ

<select name="都道府県">
<option value="">都道府県をお選びください。</option>

<optgroup label="北海道・東北">

	<option value="北海道">北海道</option>
	<option value="青森県">青森県</option>
	<option value="秋田県">秋田県</option>

	<option value="岩手県">岩手県</option>
	<option value="山形県">山形県</option>
	<option value="宮城県">宮城県</option>

	<option value="福島県">福島県</option>
</optgroup>
<optgroup label="甲信越・北陸">
	<option value="山梨県">山梨県</option>

	<option value="長野県">長野県</option>
	<option value="新潟県">新潟県</option>
	<option value="富山県">富山県</option>

	<option value="石川県">石川県</option>
	<option value="福井県">福井県</option>
</optgroup>
<optgroup label="関東">

	<option value="茨城県">茨城県</option>
	<option value="栃木県">栃木県</option>
	<option value="群馬県">群馬県</option>

	<option value="埼玉県">埼玉県</option>
	<option value="千葉県">千葉県</option>
	<option value="東京都">東京都</option>

	<option value="神奈川県">神奈川県</option>
</optgroup>
<optgroup label="東海">
	<option value="愛知県">愛知県</option>

	<option value="静岡県">静岡県</option>
	<option value="岐阜県">岐阜県</option>
	<option value="三重県">三重県</option>

</optgroup>
<optgroup label="関西">
	<option value="大阪府">大阪府</option>
	<option value="兵庫県">兵庫県</option>

	<option value="京都府">京都府</option>
	<option value="滋賀県">滋賀県</option>
	<option value="奈良県">奈良県</option>

	<option value="和歌山県">和歌山県</option>
</optgroup>
<optgroup label="中国">
	<option value="岡山県">岡山県</option>

	<option value="広島県">広島県</option>
	<option value="鳥取県">鳥取県</option>
	<option value="島根県">島根県</option>

	<option value="山口県">山口県</option>
</optgroup>
<optgroup label="四国">
	<option value="徳島県">徳島県</option>

	<option value="香川県">香川県</option>
	<option value="愛媛県">愛媛県</option>
	<option value="高知県">高知県</option>

</optgroup>
<optgroup label="九州・沖縄">
	<option value="福岡県">福岡県</option>
	<option value="佐賀県">佐賀県</option>

	<option value="長崎県">長崎県</option>
	<option value="熊本県">熊本県</option>
	<option value="大分県">大分県</option>

	<option value="宮崎県">宮崎県</option>
	<option value="鹿児島県">鹿児島県</option>
	<option value="沖縄県">沖縄県</option>

</optgroup>
</select>

電話番号とFAX

<tr>
<th><label for="formLabel_tel">電話番号<img src="../img/item/icon_indispensable.gif" alt="必須" /></label></th>

<td>
<input name="電話番号" type="text" id="formLabel_tel" class="formTextArea ascii" size="40" value="" />

</td>
</tr>
<tr>
<th><label for="formLabel_fax">FAX番号</label></th>
<td>
<input name="FAX番号" type="text" id="formLabel_fax" class="formTextArea ascii" size="40" value="" />

</td>
</tr>

メールアドレス

<tr>
<th><label for="formLabel_mail">メールアドレス<img src="../img/item/icon_indispensable.gif" alt="必須" /></label></th>

<td>
<input name="メールアドレス" type="text" id="formLabel_mail" class="formTextArea ascii" size="40" value="" />

</td>
</tr>

とにかく最近、脳味噌沸騰してない時間がないくらい、パツパツ。

やりゃな、ならん事三ヶ月分のウンコくらいあります。

でも、僕泣かない

—————————————————

・本日の一曲

上海ノスタルジー /　久保田早紀

もうねー、無理。

久保田早紀で、俺の歌姫探しは、とうに完結してしまっている。