「ほっ」と。キャンペーン
<< 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>


    [PR]
    記事の下の方に広告が表示される場合があります。この広告はエキサイトの広告枠です。
by potto37 | 2004-08-20 06:20 | │├メニュー | Trackback(6) | Comments(36)
トラックバックURL : http://potto.exblog.jp/tb/894061
トラックバックする(会員専用) [ヘルプ]
※このブログはトラックバック承認制を適用しています。 ブログの持ち主が承認するまでトラックバックは表示されません。
Tracked from シャペルの部屋 at 2004-08-23 16:16
タイトル : マイスキン作ってみました
プルダウンリンクメニューの設置方法など勉強させて頂き、 前のエキサイトさんで作ったのを引いてきただけ?の気もしますが。 何とかです。 ぽっとさん有難うございます! まだまだ未熟者ですが、またステップアップしたいと思いますが・・・。 中々です。 お世話になりました!... more
Tracked from 流れ星の散歩道(^_-)-☆ at 2004-09-01 01:30
タイトル : 秋スキン公開!!
早くも、この「流れ星の散歩道(^_-)-☆」OPENして5ヶ月目に突入です。 多くの皆さんに遊びに来ていただいて、たくさんのコメントをいただいて・・・。 本当に感謝しています。ありがとうございます(^^)v さて、9月に入りましたので秋のスキンを公開しました。 昨日までの「星空スキン」の方がいいですかね??皆さん??? 私のハンドルネームが流れ星なので、スキンとハンドルネームが合致していて良かったでしょうかね?? 私もこのスキンを出してから、決めようかなと思っていたのですが・・・。 スキンを出してから言うのもなんなんですけど、どちらがいいと思います??(笑) ぜひ...... more
Tracked from Piyonco Sniper at 2004-09-26 10:29
タイトル : プルダウンリンクの背景色。
エキサイトブログのリンク先が増えてきたので、プルダウンリンクにしてみました。 またしても ぽっとの陽だまり研究室 さんの記事にお世話になったワケですが、piyoncoはスタイルシートで背景色を付けてみました。 <select onchange="location.href = this.options[selectedIndex].value" style="width:150px;background:#ffffff;" > <option value="" >タイトル </option > <option value="URL" >サイト名</option > <opt...... more
Tracked from しあわせの箱庭 at 2004-11-23 12:53
タイトル : エクサイトプログのリンク
ぽ っ と の 陽 だ ま り 研 究 室 のプルダウンリンクメニューの設置方法を参考に、 やっとエクサイトプログのみなさんのリンクが設置できました。 いままでリンクを非表示にしていて失礼をしていましたが、 ちゅいピョンの下に表示できました。 「ぽ っ と の 陽 だ ま り 研 究 室 」さんありがとうございます! これからリンクさせていただいたみなさんに挨拶に伺います。... more
Tracked from Season at 2004-12-19 13:40
タイトル : プルダウンリンクメニュー設置方法
プルダウンリンクメニューの設置方法ぽっとの陽だまり研究室にTBさせて頂きました。 CSS編集はかなり奥が深いですね~。... more
Tracked from メガマッチョ(ボティビル.. at 2005-02-07 21:40
タイトル : いろいろ改造中
全体的に白が多くて目が疲れるブログだったので、 トーンを落としてみました 「 ご飯は、単調な味だからこそよい 」 と同じ理論 ついでに feed meter というものを設置しました これは自分のブログを客観的にみるものです 現在のアクセス解析を設置していない方針と同様 他人様のアクセスには、なんら関係はありません 自分用です ついでに、ブログランキングに参加していますが、  {賛同しましたら、ここをクリックして応援してください} というのが、白々しいのでクリック...... more
Commented by 52 at 2004-08-20 14:53
さっそく使わせて頂きました。ありがとうございます。
Commented by viesyu-kf at 2004-08-20 18:22
ぽっとさ~ん!お久しぶりです。
またまた素晴らしいですねこれは!一度やってみたかったんですよ~この技は!でも、JavaがOFFの場合は表示されないんですね~。実践しようか少し迷いますが、とりあえずやってみようかなと思っています。
Commented by potto37 at 2004-08-20 19:40
>52さん、コメントありがとうございます。
早速設置したんですね。お役に立てて嬉しいです。

> viesyu-kf さん、お久しぶりです。
ちょっと、裏技に近いですが現時点では利用可能ですよ。
Commented at 2004-08-20 21:46
ブログの持ち主だけに見える非公開コメントです。
Commented at 2004-08-20 22:03
ブログの持ち主だけに見える非公開コメントです。
Commented at 2004-08-20 22:26
ブログの持ち主だけに見える非公開コメントです。
Commented by viesyu-kf at 2004-08-20 22:26
とりあえずできました!
でも、別窓では出せないんですかね?いろいろやってみたのですが、できませんでした…。
Commented at 2004-08-20 22:47
ブログの持ち主だけに見える非公開コメントです。
Commented by potto37 at 2004-08-21 17:20
viesyu-kf さん、別窓は裏を使わないと無理みたいですね。
以前試しで別窓が出るようにしたのですが、
ホイ-ルを回すといっぱい別窓が開いて困ったので、
現在の方法を使用しています^^
Commented at 2004-08-21 20:15
ブログの持ち主だけに見える非公開コメントです。
Commented by ste.chapelle at 2004-08-22 17:55
報告が後になってすみません!
コンパクトに出来るのが良いですね~。
また色々参考にさせていただきます。

いまスキン編集に挑戦中で、ちょい苦戦中です。

まだまだ出来そうに無いですが
がんばります(^.^)
Commented by potto37 at 2004-08-22 19:37
ste.chapelle さん、こんばんは^^
コメントありがとうございます。
コメントを頂けると嬉しくて、また頑張れそうです。

ste.chapelleさんも、スキン編集に挑戦中なんですね。
スキン編集、頑張ってくださいね(^_^)/
Commented by chi-koblog at 2004-08-22 20:22
お世話になってます。Anneです!
場所を取らないのでいいですね~
早速、利用させていただきました!(=^・^=)
Commented by potto37 at 2004-08-22 20:37
chi-koblog さん、いつもコメントありがとうございます。
早速の設置ありがとうございます

  ヘ  へ
ミ  ・_・ ミ
   
Commented by snowy2465 at 2004-08-22 21:30
「カーソルに何処までもついていくよ~」これどうやったのですか?
ブログでもできるのですね。
とってもビックリしました!!
Commented by potto37 at 2004-08-22 22:04
snowy2465 さん、こんばんは^^
ちょっと試験的に設置しました。
本当はまだちゃんとできてないんですよ^^;
少し経ったら、消すつもりです。
Commented by hikkoro-dayori21 at 2004-08-23 22:00
ぽっとさん、こんばんは(^^)v

昨日の星空スキンですが、8月いっぱい出すことにしました。
よろしかったら、星空楽しんでいってくださいませ!
若干変化をつけてみましたので、どこが変わったのかをぜひ見抜いて
ください(笑)。

私が落ち着いたら、ゆっくりまたお話の相手よろしくお願いします!!
Commented by potto37 at 2004-08-23 22:43
hikkoroさん、こんばんは^^

また、星空のスキン見れて嬉しいです。
とっても綺麗だね。

こちらこそ、落ち着いたら楽しい話をしましょうね。
Commented by ipod-groove at 2004-08-26 19:48
へぇ〜。
これは禁止タグではないのですね...。
Commented by potto37 at 2004-08-26 19:57
ipod-groove さん、こんばんは^^
とりあえず、はじかれないけど・・・
Commented by piyonco at 2004-09-26 10:30
ぽっとさんこんにちは!
いつもお世話になっております。
トラックバックさせていただきました。
これからもよろしくお願い致します。
Commented by potto37 at 2004-09-26 19:18
piyonco さん、いつも記事を紹介していただいて。
ありがとうございます。
こちらこそ、よろしくお願いします。
Commented by chui_m at 2004-11-23 12:55
設置できました。ありがとうございます。
ただなぜか、HTML編集部分では設置できませんでした。
???
なので、メモ帳を使いました。
TBとリンクもさせていただきました。
これからもよろしくお願いいたします。
Commented by potto37 at 2004-11-23 17:51
chui_mさん、設置おめでとうございます。
HTML編集部分で設置出来なかったのはなぜか判らないのですが、
私の3列スキンではOKでした。
でも、メモ帳で出来てよかったです。
こちらそ、これからもよろしくお願いします。
Commented by oh-aqua at 2004-12-18 00:54
初めてメニュータグをトライしています。
メモ帳にコマンド通りいれてみましたがリンクできませんでした。(-_-;)
色んなCSS編集があり興味深々です。
これから少しずつ研究室へお邪魔させて頂きCSS編集をしたいと思っています。宜しくお願いたします。<m(__)m>
Commented by potto37 at 2004-12-19 09:22
oh-aquaさん、おはようございます。
今うかがったら、うまく設置出来たようですね。良かったです^^

こちらこそ、よろしかったらまた遊びに来てくださいね
Commented at 2005-03-10 22:00
ブログの持ち主だけに見える非公開コメントです。
Commented at 2005-04-10 21:52
ブログの持ち主だけに見える非公開コメントです。
Commented by potto37 at 2005-04-11 21:49
鍵さん、はじめまして。
プルダウンリンクを新しいウインドウで表示する件ですが、
残念ながらexciteではJavaScriptのwindow.openを利用できないようになっているため、事実上できないです。

プルダウンリンクで新しいウインドを開くように指定すると。
ホイールマウスを回すと複数のウインドが開いてしまうのなどの問題もあるのでwindow.openが利用できても、あまりお勧めできないですよ。
Commented at 2005-04-17 19:55
ブログの持ち主だけに見える非公開コメントです。
Commented by potto37 at 2005-04-17 22:01
鍵さん、コメントありがとうございます。
そうですね、exciteでJavaScriptが利用できないのが残念ですね。いつか解禁されるといいですね。
Commented at 2006-04-18 00:50
ブログの持ち主だけに見える非公開コメントです。
Commented by potto37 at 2006-04-18 19:53
鍵さん、そちらにコメントさせて頂きました。
Commented at 2006-04-19 09:15
ブログの持ち主だけに見える非公開コメントです。
Commented by ryoooheeee at 2012-08-10 14:05 x
当方、ココログですが助かりました...
ありがとうございました。
Commented by potto37 at 2012-08-10 21:32
ryoooheeeeさん、お役に立てたようで嬉しいです。
こちらこそ、コメントありがとうございます。
<< gifファイルが保存できなくて... 投稿欄ヘッダ部分にイメージを表... >>
掲載の記事や画像などすべての複写・転載・公衆送信等はご遠慮ください。