« PAE DefalutとPAE ForceEnableは違うのですか? | トップページ | 怒りのWiNDy(Mini-ITXケース)に五号機の製作延期を余儀なくされるが... »

2010年4月 8日 (木)

カテゴリーをプルダウンメニュー化するJavaScript!◆ココログでCSSの編集

ブログ記事をカテゴリー分けするユーザー様も多いかと。
ですが、記事が多くなれば為るほど当然ながらカテゴリーも増えてしまいますよネ。
今回のココログ/CSSの編集は、サイドバーに並ぶ膨大なカテゴリー群をプルダウンメニュー化で「ひとまとめ」にしてしまうJavaScriptの備忘録です...

基ソースは 「esprits top  Esprit's Style-エンジニアの足つぼ-」 様、 「選択ボックスからリンク先にジャンプする」 の記事。
当ブログでは、全面的に参考にさせて頂きました。管理人様には(^人^)感謝♪






カテゴリープルダウンメニュー化するJavaScript (基ソース)
- - - - - - - - - - - - - - - - - - - - -
<head>
  <title> ...... </title>
  <script type="text/javascript">
  <!--
    //初期設定
    //"blank":新規WindowでLinkを開く, "":(指定しない場合)そのままLinkを開く
    var target = "";
   
    function MyJump(){
      var url = document.form.select.options[document.form.select.selectedIndex].value;
      if(url != "" ){
        if(target == ""){
          window.open(url, "window_name");
        }
        else{
          location.href = url;
        }
      }
    }
  //-->
  </script>
</head>
<body>
<form name="form">
    <select name="select" onChange="MyJump()">
      <option value="" selected>選択してください</option>
      <option value="../html/es_html01.html">HTML</option>
      <option value="../css/es_css01.html">CSS</option>
      <option value="../XX/LinkXX.html">?????</option>
      <option value="../XX/LinkXX.html">?????</option>
    </select>
  </form>
</body>
- - - - - - - - - - - - - - - - - - - - -





当ブログでは下記の様にタグを追加し編集させて頂きました。
- - - - - - - - - - - - - - - - - - - - -
<span style="color: #ff0033;">プルダウンメニューで開きます</span>
<script type="text/javascript">
  <!--
    //初期設定
    //"blank":新規WindowでLinkを開く, "":(指定しない場合)そのままLinkを開く
    var target = "";
   
    function MyJump(){
      var url = document.form.select.options[document.form.select.selectedIndex].value;
      if(url != "" ){
        if(target == ""){
          window.open(url, "window_name");
        }
        else{
          location.href = url;
        }
      }
    }
  //-->
  </script>
<form name="form">
    <select name="select" onChange="MyJump()">
      <option value="" selected>カテゴリーを選択</option>
      <option value="○○○">△△△</option>
   .
   .
   .
   (以下繰り返し)
   .
   .
   .
    </select>
  </form>
</body>
- - - - - - - - - - - - - - - - - - - - -
danger青文字が編集箇所。
カテゴリーを選択:プルダウンメニューのTOPに表示する文字。
○○○:カテゴリーのURL
△△△:カテゴリーの名前





ココログへのJavaScriptタグ設置方法は >こちら





オォォーーー!! w(゜ロ゜;w(゜ロ゜)w;゜ロ゜)w オォォーーー!!





か、か、カテゴリーが...


プルダウンメニュー
化できますた


♪⌒ヽ(*゜O゜)ノ スゴイッぞ!!!JavaScript






esprits top  Esprit's Style-エンジニアの足つぼ-」様には、深く御礼申し上げます (人-)謝謝(-人)謝謝 happy01

|

« PAE DefalutとPAE ForceEnableは違うのですか? | トップページ | 怒りのWiNDy(Mini-ITXケース)に五号機の製作延期を余儀なくされるが... »

ココログ/CSS」カテゴリの記事

パソコン・インターネット」カテゴリの記事

コメント

この記事へのコメントは終了しました。

トラックバック

この記事のトラックバックURL:
http://app.f.cocolog-nifty.com/t/trackback/363856/34129365

この記事へのトラックバック一覧です: カテゴリーをプルダウンメニュー化するJavaScript!◆ココログでCSSの編集:

« PAE DefalutとPAE ForceEnableは違うのですか? | トップページ | 怒りのWiNDy(Mini-ITXケース)に五号機の製作延期を余儀なくされるが... »

自作TWITTER


  • 1時間ごとに管理人がつぶやきますが何か?


    .


    .

    にほんブログ村 PC家電ブログ 自作PCへ

    ↑↑↑
    他の自作PC情報はコチラ

PC LINE UP


  • <SSD投下!>


    <スマートフォン>


    <初のAMDで自作PC>



    【CPU】Phenom II X6 1090T Black Edition BOX
    【M/B】GA-880GA-UD3H Rev.2.0
    【RAM】CFD ELIXIR W3U1600HQ_12GB
    【SSD01】Crucial m4 CT064M4SSD2
    【SSD02】Intel 330 SSDSC2CT060A3K5
    【VGA】SAPPHIRE HD5830 1G
    【Case】TEMPEST
    【PSU】Seasonic SS-600HM
    【OS】Windows 7 Home 64bit


    <初のSandy Bridge>

    【CPU】Core i3 2130
    【M/B】MSI Z68A-GD55
    【VGA】
    【Case】ANTEC DF-10
    【PSU】Seasonic SS550HT
    【OS】Windows 7 Home 32bit

    <LGA775艦隊>

    【壱号機】


    【CPU】Pentium Dual-Core E6500 @3.7GHz
    【M/B】G31M-ES2L REV1.0
    【VGA】GF9800GT OC版(GV-N98TOC-512H)+雪原(SCVSG-1000)
    【Case】SCY-628-BK改 AB仕様
    【PSU】GIGABYTE PoweRock 500W (GE-N500A-C2)
    【OS】Windows XP Home SP3

    【四号機】

    【CPU】Core 2 Quad Q8400 @3.2GHz
    【CPU_Cooler】CoolIT Systems ECO-R120
    【M/B】G31M-ES2L REV2.0
    【RAM】CFD W2U800CQ-2GL5 4GB
    【RAM_Cooler】ZALMAN ZM-RC1000-BL
    【VGA】MSI R5770 Hawk (HD 5770)
    【Case】SCY-0311FE-BK
    【PSU】Seasonic GBronze S12II 520W
    【OS】Windows 7 Home 32bit

    <鯖(サーバー)>

    NEC VALUESTAR PC-VL5505D

    NEC VALUESTAR PC-VL5505D
    【CPU】Pentium4 2.40BGHz交換
    12cmFAN増設HDD交換
    【OS】Windows XP Home SP3

    メインサーバー
    XPで作ったLAN内サーバー

    【CPU】Intel Atom D510
    【M/B】GIGABYTE/GA-D510UD
    【RAM】CORSAIR TWIN2X2048-6400 2GB
    【Case】Windy MC3 XHB
    【PSU】ENERMAX ECO80+ II EES400AWT II
    【OS】Windows XP Home SP3

    子供の記録用サーバー
    XPの第2LAN内サーバー

    【CPU】Core 2 Quad Q9450
    【Cool】 CNPS9700NT
    【M/B】ASUS P5G41T-MLX
    【RAM】UMAX Cetus DCDDR3-4GB-1333
    【Case】ANTEC ONEHUNDRED AB
    【PSU】
    【OS】Windows XP Home SP3

    <ネットブック>

    【六号機】Aspire one D260

    【CPU】Intel Atom N455 1.66GHz
    【RAM】DDR3 2GBに増設
    【OS】Windows 7 Starter