iPhone/ カメラ/ 自転車/ ブログ/ 食べ物 についてプログラマーやらしてもらっているtakoashiがぐちぐち言う日記系ブログです。
電化製品は機能重視。takoashiはtoshiba:RDを応援してます。
プログラマ系ブログ「takoashiの開発記録」も、よろしくお願いします。

ミニカスタマイズ 23twitterでつぶやく

課題
サイドバーのプラグインをスクロールできるようにする

=月別リンクなどの大きな領域を必要とするプラグインをスクロールできるようにすることですっきりさせる。短くしたいものだけを短くできるので使いやすい。

改定 - 2006/11/16(木) 15:52:11

動作環境
Windows、IE6以上/Firefox1.0以上。(その他は未確認)

実装方法
プラグインのフリーエリアを利用する

スクロールさせたいプラグインより後にフリーエリア追加し、下記のコードを記述します。
※改行を<br/>タグに変換しないでください


<script type="text/javascript" 
src="http://blog.livedoor.jp/takoashi/js/ConvertTree.js"></script>
<script language="JavaScript"><!--
SetPluginScroll( "150px", GetPluginByTitle("New Entry") );
// --></script>


■SetPluginScroll

スクロールさせたいプラグインの数だけ記述できます。

第1引数
長さ

第2引数
GetPluginByTitle()の戻り値(あんまり気にしないでください:サンプル通りに・・・)

■GetPluginByTitle

サイドバー内のプラグインを取得することができます。
※普通の方は、こんなこと知らなくてよいです。。

第1引数
プラグインの名称

第2引数
プラグインが存在するサイドバーのID
※指定するとすこし高速に動作します(わからない方は気にしないでください)



今回は、とても記述が簡単?

ミゲルの蒼い書物 > アーカイブ表示変更実験終了
を見て、こんなもの需要があるかと思い作成してみましたm(_ _)m

ここで説明した方法では、古いブラウザでは表示できなかったりしますが、そのあたりを気にしない方のみご利用ください。

---
ミニカスタマイズメニュー
カスタマイズの注意点











===============================================================
ライブドアブログリニューアル前
※通常こちらを利用することはありません。
===============================================================

ライブドアブログリニューアルとは・・・

以前、ライブドアブログの仕組みが一新されたことがありました。
その際に、自動で出力されるサイドバーのHTMLの構造が変わりました。
当ブログで紹介しているスクリプトが両方それぞれ対応できるように
リニューアル前、リニューアル後と2種類公開されていたり、
片方しか公開されていなかったりします。
これまで、説明が足りていなくて申し訳ありませんでした m(_ _)m

<script language="JavaScript" src="http://blog.livedoor.jp/takoashi/plugin_scroll.js"></script>
<script language="JavaScript"><!--
setPluginScroll( "New Entry", "150px", "links" );
// --></script>


setPluginScroll
をスクロールさせたいプラグインの数だけ記述できます。

第1引数
 プラグインの名称

第2引数
 長さ

第3引数
 プラグインの存在するサイバーのID
 ※通常は記述しなくてよい。3カラムなどの方は要設定

===============================================================









参考になりました?応援だと思って お願いします。

トラックバックURL
この記事へのトラックバック
1. プラグインをスクロール - final wind [2005年05月02日 10:53]
2. プラグインにスクロールバー〓 - VOLTAGE [2005年07月14日 13:16]
この記事へのコメント
1. Posted by ミゲル [2005年03月01日 00:19]
ありがとうございます。
早速導入させていただきます。
で、導入したら良いんですか(爆死)?
2. Posted by takoashi [2005年03月01日 01:03]
まあ、なんでもいいんですけど。ターゲットのプラグインより後ろにあるフリーエリアにでも記述してください。JavaScriptのプラグインにしても構いません。
3. Posted by クリロド [2005年03月01日 16:51]
さっそくやってみました(´・∀・`)
とっても簡単にスクロールが設定できて感動です!
ありがとうございました〜。
4. Posted by takoashi [2005年03月02日 00:06]
簡単にできてよかった。
最近、うちのカスタマイズは簡単にできないとの報告が続いてたもので・・・。
5. Posted by 常夏 [2005年03月06日 14:49]
初めまして。
コメント・トラックバックが無駄に長いので、スクロールさせたかったんです…!とても楽にできました〜!
トラバ欄ではできたのにコメント欄ではなぜかできなくて、色々試したら『"』がいつの間にか抜けてたのでした(^-^;
これでちょっとスッキリしましたー♪
ありがとうございましたっ!
6. Posted by [2005年03月06日 14:51]
はじめまして、創と申します。
こちらのミニカスタマイズ、非常に分かりやすく参考になりました。ありがとうございます!
また、見に来させてもらいます!
7. Posted by mapoo [2005年03月29日 18:40]
お世話になってます。
今回は、領域が大きくて気になっていた部分にススクロールを設定してみました。
おかげさまで、すっきりです。
ありがとうございました。
8. Posted by マキボン [2005年04月04日 01:04]
はじめまして!
超初心者の私ですが、こちらの記事を拝見してなんとか設定できました!

最初、ほんとに単純にコードをコピペしただけで「あれれ?できない?」と真剣に悩んでおりましたが、よくよく説明を読ませていただくと、setPluginScrollの引数を自分のプラグインの名称に変えなきゃダメだったのですね(^^ゞ

ホントそそっかしくてお恥ずかしいです(>_<)
それがわかってからは、とても簡単に設定することができ、感激しています!

また他のカスタマイズも挑戦しようと思っています。
ありがとうございました!
9. Posted by まいQ [2005年04月11日 21:40]
はじめまして。
参考にさせていただきました。
すごく簡単に設定できてよかったです。
ありがとうございました★
10. Posted by うめ吉 [2005年06月05日 00:00]
うまく設定できました。ありがとうございました
11. Posted by あやち [2005年10月15日 02:51]
こんばんは。
どうしても開閉式に出来ないのでスクロールにしようかと思っているのですが、それもできなくて困っています。
一番下のフリーエリアにそのまま(引数は変えて)コピーペーストしてみたのですが、トラックバックのタイトルとその下のトラックバックされた記事の間にスペースが出来るだけになってしまいます。
どこが間違っているのかわかりません・・・。
12. Posted by 万年床生活者 [2006年08月20日 16:26]
>>11
>トラックバックされた記事の間にスペースが出来るだけになってしまいます。
 
私も同じ現象に悩まされ、一度はあきらめたのですが
ひょんなことがキッカケでスクロールできるようになりました^^
 
takoashiさん、どうもありがとうございました。
この記事にコメントする
名前:
URL:
  情報を記憶: 評価: 顔