Home > MovableType > 2xUPのプルダウンメニューをXHTML1.0に準拠させる方法

2xUPのプルダウンメニューをXHTML1.0に準拠させる方法

2xUPで公開されているメニューのプルダウン化は便利ですが、そのままコピー&ペーストして使うとW3C MarkUp Validation Serviceで「This page is not Valid XHTML 1.0 Transitional!」と怒られるのが少し不満でした。手探りで色々と試した結果formタグ以下の3ヶ所を修正すればValidになることがわかったのでメモしておきます。

■変更箇所の元ソース
<div class=”side” lang=”ja”>
<!–Monthly –>
<form name=”pulldown_monthlyarchives”>
<select name=”menu” onChange=”MM_jumpMenu(‘parent’,this,0)”>
<option value=”http://www.2xup.com” selected>【月別ログ】 </option>
<MTArchiveList archive_type=”Monthly”>
<option value=”<$MTArchiveLink$>”>・<$MTArchiveTitle$></option></MTArchiveList>
</select></form>
</div>

■修正後のソース
<div class=”side” lang=”ja”>
<!–Monthly –>
<form name=”pulldown_monthlyarchives” action=”/”>
<select name=”menu” onchange=”MM_jumpMenu(‘parent’,this,0)”>
<option value=”http://www.2xup.com”> 【月別ログ】 </option>
<MTArchiveList archive_type=”Monthly”>
<option value=”<$MTArchiveLink$>”>・
<$MTArchiveTitle$></option></MTArchiveList>
</select></form>
</div>

■変更点
1. <form>にaction=”/”を追加。
2. <select>のonChangeをonchangeに修正。
3. <option value=”2xup.com” selected>のselectedを削除。
Categoryも同様の方法でValidに出来ると思います。

Valid XHTML 1.0!

Bookmark this on Hatena Bookmark
Share on Facebook

Comments:2

kaminogoya 04-01-22 (Thu) 23:13

フォローありがとうございます。
僕も再度あれこれをプルダウンでまとめようと思っているので参考にさせていただきます!

HIRA 04-01-23 (Fri) 8:29

3columnのCSSでもお世話になったのでこちらが感謝したいくらいです。
参考にしていただければ幸いです。

Comment Form
Remember personal info

Trackbacks:0

Trackback URL for this entry
http://www.plainspot.com/movabletype/pulldown-xhtml10/trackback/
Listed below are links to weblogs that reference
2xUPのプルダウンメニューをXHTML1.0に準拠させる方法 from plainspot.com

Home > MovableType > 2xUPのプルダウンメニューをXHTML1.0に準拠させる方法

Search
Feeds
Meta

Return to page top