プルダウンリンクメニューの設置方法
プルダウンリンクメニューの設置方法です。リンクが多くなってくると整理に困るのでプルダウンリンクメニューを設置しました。
次のタグを追加するだけで簡単に設置が可能です。なお、JavaScriptを使用しています。禁止タグでは無いので公開しました。エキサイトさんがこのような機能を残しておいて頂いたことに感謝します。
※.JavaScriptを使用しているため(裏技ではありません、たぶん^^;)、JavaScriptをOFFにしている方は機能しません。テキストのリンク集をどこかに設置しておくと、そのような方のためにも役立ちますよ。
設置方法
HTML編集部分か、メモ編集に追加することにより、機能します。
<select onchange="location.href = this.options[selectedIndex].value" style="width:150px;" >
<option value="">タイトル </option>
<option value="URL">サイト名</option>
<option value="URL">サイト名</option>
</select>
今日のポイント
- selectタグにスタイルを指定することにより、幅を固定することが可能です。150px程度がよろしいかと思います。
- リンクを追加するには、以下の通り設置をお願いします。
<option value="URL">サイト名</option>
参考サイト:とほほのWWW入門
ぽっと
CopyRight(C) 2004 All rights reserved by potto37
2004年12月19日追記
設置例のコードです、よろしかったらこのコードをコピー&ペーストして試して下さいね。
設置例
<select onchange="location.href = this.options[selectedIndex].value" style="width:150px;" >
<option value="">HTML&CSS関連 </option>
<option value="http://tohoho.wakusei.ne.jp/www.htm">とほほのWWW入門</option>
<option value="http://www.htmq.com/style/index.shtml">HTMLクイックリファレンス</option>
<option value="http://www.cybergarden.net/">CYBER@GARDEN</option>
<option value="http://326style.com/">1からわかるおもしろ日記書き方講座
</option>
</select>
記事の下の方に広告が表示される場合があります。この広告はエキサイトの広告枠です。