人気ブログランキング | 話題のタグを見る
<< gifファイルが保存できなくて... 投稿欄ヘッダ部分にイメージを表... >>
 

プルダウンリンクメニューの設置方法


プルダウンリンクメニューの設置方法です。リンクが多くなってくると整理に困るのでプルダウンリンクメニューを設置しました。
次のタグを追加するだけで簡単に設置が可能です。なお、JavaScriptを使用しています。禁止タグでは無いので公開しました。エキサイトさんがこのような機能を残しておいて頂いたことに感謝します。


※.JavaScriptを使用しているため(裏技ではありません、たぶん^^;)、JavaScriptをOFFにしている方は機能しません。テキストのリンク集をどこかに設置しておくと、そのような方のためにも役立ちますよ。




図1 プルダウンリンクメニューの一例


設置方法


HTML編集部分か、メモ編集に追加することにより、機能します。


<select onchange="location.href = this.options[selectedIndex].value" style="width:150px;" >
<option value="">タイトル </option>

<option value="URL">サイト名</option>

<option value="URL">サイト名</option>

</select>

図2 設置タグ



今日のポイント
  • 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>


    記事の下の方に広告が表示される場合があります。この広告はエキサイトの広告枠です。
by potto37 | 2004-08-20 06:20 | │├メニュー
<< gifファイルが保存できなくて... 投稿欄ヘッダ部分にイメージを表... >>
掲載の記事や画像などすべての複写・転載・公衆送信等はご遠慮ください。