« 「URL訪問者分析占い」をやってみました。 | トップページ | 安倍総理夫人の動き-韓国訪問- »

2006年10月12日 (木)

JavaScriptで、サイドバーのマイリストにスクロールバーを付ける!

前回の、


"https://kazumaro.cocolog-nifty.com/corean/2006/10/css_f8bd.html"
target="_blank">スタイルシートCSSをいじくって、サイドバーにスクロールバーを設置する。


では、コチラでも確認したところ


firefoxだと、リンクリストの方が、スクロールバーが出てきてませんでした。


そこで、ほかに方法がないかと探したところ・・・


facetさんの "http://facet.cocolog-nifty.com/divers/2005/10/post_b5c4.html"
target="_blank">サイドバーのマイリストにスクロールバーを付けるJavaScript
にたどり着きました。


ここの紹介してあるjavaScriptを改造して・・・


style="MARGIN-RIGHT: 0px">

<script type="text/javascript">

<!--

function scrollLinkList(title, height) {

var h2s = document.getElementsByTagName('h2');

for (var i = 0, h2; (h2 = h2s[i]); i++) {

if (h2.innerHTML.replace(/<[^>]+>/g,
'').indexOf(title) == -1)

continue;

var ul = h2.parentNode.getElementsByTagName('ul');

if (ul.length==0)

continue;

ul = ul[0];

ul.style.height = height;

ul.style.overflow = "auto";

break;

}

}

scrollLinkList("韓国関係リンク",
"300px");


//-->

</script>



をつくって、


style="MARGIN-RIGHT: 0px">

▼設置方法


style="MARGIN-RIGHT: 0px">-
スクロールさせたいマイリスト以降にあるマイリストのメモ欄をテキスト表示に設定する(適当なリストが無ければ新しく作る)


- 下記のコードをコピーしてメモ欄に貼り付ける

- 必要箇所を編集して保存し反映させる



ということなんで、私の場合「ブログ解析・設定」のリンクリストに埋め込みました。


スクロールさせたいリストは、赤くなってるところで制御してます。


スクロールするところを増やしたい場合は、 "#FF0000">scrollLinkList("韓国関係リンク", "300px"); "#000000">の下の部分に、リンクリストと高さを同じように追加すれば出来ます。


詳しくは、以下の引用のとおりです。


style="MARGIN-RIGHT: 0px">

▼複数のマイリストにスクロールバーをつける場合


scrollLinkList("リンクリストのタイトル", "高さ");の部分を繰り返してください。



この方法ですとfirefox1.0.5.7でも、スクロールバーが出てきました。


(*`▽´*)


一安心ですw


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

韓国語の勉強時間 合計【 317.0 】時間

+0.5 ナントカ単語を覚えようと思います。

今日のモチベーション【 70 】%

+0 ディープインパクト引退ですか_| ̄|○残念です。


|

« 「URL訪問者分析占い」をやってみました。 | トップページ | 安倍総理夫人の動き-韓国訪問- »

ブログ@カスタマイズ」カテゴリの記事

コメント

まろさん、こんばんは!
私のとんだ一言で、なんだか申し訳ない気持ちですm(__)m
今度はFirefoxでもスクロールバー付きになってます!!^^
見る人の環境(ブラウザ)で、見え方が変わってしまうのも、JaveScriptで対応できるんですね。

投稿: makoto | 2006年10月12日 (木) 21:54

いえいえ~おかげさまで、いい感じになりました。これからもちょくちょくバージョンアップしていく予定ですので、色々教えてくださいね~

投稿: まろ | 2006年10月13日 (金) 17:55

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

トラックバック


この記事へのトラックバック一覧です: JavaScriptで、サイドバーのマイリストにスクロールバーを付ける!:

« 「URL訪問者分析占い」をやってみました。 | トップページ | 安倍総理夫人の動き-韓国訪問- »