サイドバーの月別・カテゴリー別プルダウンメニュー化の対策３

風柳さんのスクリプトに近づきつつ、お銚子にのって、
パターンが同じな『最近のトラックバック』を、プルダウン化。
特に実用性の無いプルダウン化・・・どすぇ～。（＾◇＾）

ほん～のりとコーヒーの香りが・・・、あれは『java』。
こっちは『ｊavascript』・・・java違い。

<style type="text/css">
<!--
.recent-trackback {
     margin-bottom: 12px;
     padding: 0px 0px 22px 0px;
}
#recent-trackback select {
     width: 100%;
}
-->
</style>

<script type="text/javascript">
<!--
function showLink( path ) {
for (;;) {
  if ( !path ) break ;
  location.href = path ;
  break ;
    }
}
// end of showLink( path )

function replaceUrl2Path( str ) {
    return str.replace( new RegExp('http://' + document.domain, 'g'), '' ) ;
}
// end of replaceUrl2Path()

function    pulldownMake(tgtArchive, select) {
    for (;;) {
     id = tgtArchive;
     var objDate = document.getElementById(id) ;
     if ( !objDate ) {
         var callback = function() { pulldownMake(tgtArchive, select) ; } ;
         setTimeout( callback, 100 ) ;
         break ;
     }
     dList = objDate.getElementsByTagName('li') ;
     if ( dList[0] == null ) {
  　     break ;
     }
     tgtList = [] ;
     for ( var cj=0, lenj=dList.length; cj<lenj; cj++ ) {
         tgtSrc = dList[cj].innerHTML.replace( /<a href="(.*?)">(.*?)<\/a>([^<]*)/ig, '<option value="$1">$2$3</option>' ) ;
         tgtList[cj] = tgtSrc ;
     }
     if (tgtArchive != 'recent-trackback') {
         var tgtName = 'archive-datebased' ;
         var tgtOnchange = 'javascript:cocoPView.showArchivesRequest' ;
     } else {
         var tgtName = 'recent-trackback' ;
         var tgtOnchange = 'javascript:showLink' ;
     }
     var dataList =  [
        '<form name="' + tgtName + '">'
      , '<select name="selectPage" onchange="' + tgtOnchange +  '(this.value);">'
      ,  '<option value="" selected>' + select + '</option>'
      ,  tgtList
      ,  '</select>'
      ,  '</form>'
        ].join('') ;

     var tgtId = tgtArchive ;
     var html = dataList ;
     var chktag='div',chkclass='module-body';
     var tgt = document.getElementById( tgtId ) ;
     if ( !tgt ) break ;
     var divs = tgt.getElementsByTagName(chktag) ;
     for ( var ci=0,leni=divs.length; ci<leni; ci++ ) {
         if ( divs[ci].className.match(chkclass) ) {
               divs[ci].innerHTML = html ;
               break ;
         }
     }
     break ;
    }
}
// end of pulldownMake()

trackbackPullDownSelect = 'トラックバック主サマ' ;
pulldownMake('archive-datebased', cocoPView.monthlyPullDownSelect);
pulldownMake('archive-category', cocoPView.categoryPullDownSelect);
pulldownMake('recent-trackback', trackbackPullDownSelect);

//-->
</script>

しか～し、毎度毎度、IEとFirefoxの表示の仕方が違うのは、
顔に悪い・・・のね。(-"-)←眉間に皺

サイドバーの月別・カテゴリー別プルダウンメニュー化の対策２

サイドバーの月別・カテゴリー別プルダウンメニュー化の対策で、
風柳さんのスクリプトをDL・修正・ブログにUPしたやり方を、
風柳さんのスクリプトはそのままにして、単独でプルダウン化。

よーわからんjavascriptのさわりをおさわり・・・。
やっぱり、よーわからんので、風柳さんのをパックっと。（＾◇＾）

「getElementById」・・・ふーん。
「getElementsByTagName」・・・へー。
使い方が解ったけど、中身は？・・・。(；一_一)
・・・思考錯誤・・・。(T^T)

てな調子で踏ん張って、
やっと・・・やっとーこ♪・・・やっとーこ♪・・・くりだしたー♪。
基本的なプルダウンメニュー化に、
『cocoPView』のリンク先をくっ付けただけ・・・ですけど～。

成果が、これです～。

<script type="text/javascript">
<!--
function replaceUrl2Path( str ) {
return str.replace( new RegExp('http://' + document.domain, 'g'), '' ) ;
}
// end of replaceUrl2Path()

function    pulldownMake(tgtArchive) {
    for (;;) {
        id = tgtArchive;
        var objDate = document.getElementById(id) ;
        if ( !objDate ) {
            var callback = function() { pulldownMake(tgtArchive) ; } ;
            setTimeout( callback, 100 ) ;
            break ;
        }
        dList = objDate.getElementsByTagName('a') ;
        if ( dList[0] == null ) {
            objDate.innerHTML = "TagName('a') no find" ;
            break ;
        }
        tgtList = [] ;
        ci = 0;
        for ( var cj=0, lenj=dList.length; cj<lenj; cj++ ) {
             tgtSrc = '<option value="' + replaceUrl2Path( dList[cj].getAttribute('href') ) + '">' + dList[cj].innerHTML + '</option>' ;
             if ( !tgtSrc.match(/archives/i) ) {
                  tgtList[ci] = tgtSrc ;
                  ci++ ;
             }
        }
        select = (tgtArchive == 'archive-datebased') ? cocoPView.monthlyPullDownSelect :  cocoPView.categoryPullDownSelect ;
        var dataList =  [
             '<form name="archive-datebased">'
        ,    '<select name="selectPage" onchange="javascript:cocoPView.showArchivesRequest(this.value);">'
        ,    '<option value="" selected>' + select + '</option>'
        ,    tgtList
        ,    '</select>'
        ,    '</form>'
            ].join('') ;

        var tgtId = tgtArchive ;
       var html = dataList ;
        var chktag='div',chkclass='module-body';
        var tgt = document.getElementById( tgtId ) ;
        if ( !tgt ) break ;
        var divs = tgt.getElementsByTagName(chktag) ;
        for ( var ci=0,leni=divs.length; ci<leni; ci++ ) {
             if ( divs[ci].className.match(chkclass) ) {
                 divs[ci].innerHTML = html ;
                  break ;
             }
        }
        break ;
    }
}
// end of pulldownMake()

pulldownMake('archive-datebased');
pulldownMake('archive-category');

//-->
</script>

風柳さ～ん、添削お願いしま～～す。(^O^)／

サイドバーの月別・カテゴリー別プルダウンメニュー化の対策

ここのブログ快適改造の宝箱の風柳さんの、
「【ココログ】アーカイブページに目次とページングを付加するJavaScript」で、サイドバーのプルダウンメニュー化機能が、
９月９日のココログフリーバージョンアップから、機能停止になってました。

気になるんです・・・よ～。
なので、寝ながら考えました・・・よ～。
なにが違うのか・・・。
ここのブログの内容じゃ、９月９日以前の記事を見ても、
かわりないし・・・。

で、風柳さんとこで、このスクリプトを使ってるブログに総当り。
プルダウンメニュー化しているブログは、
こことか、こことか、こことか・・・２００８年の更新が無い・・・。
でも、更新が有るここを見つけたけど、
特定のカテゴリーを選択した時だけ、プルダウンメニューが。

てなかんじだったので、「サイドバー折り畳み」で有名な、(^^ゞ
「facet-divers」のfacetさんに、泣きを入れてみたら、
facetさんも、同じ状況だった・・・のね。(；一_一)

そこは・・・それ・・・イマジン・・・ジョンレノン。（^人^）
ひまじんなので、再思考、再試行、再施行・・・。
さらに再志向・・・ついでにjavascriptのさわりをさわり・・・。
気の迷いで、入れっぱなしのFirefoxの「Firebug」で、
チェックしたら、へんなとこでスルーしている箇所が・・・。

それが、コイツ・・・「RSS」の「タイトル」・・・？。
何、それ・・・ふ～ん、ブログに出てこないジャン。
どこに出るの・・・あ～ん、そこなの。(；一_一)

プルダウン化してるブログの「RSSタイトル」は、
『RSS』・・・。
私とfacetさんの「RSSタイトル」は、
『「（ブログタイトル）」のブログ記事 (RSS 1.0)』・・・。
風柳さんのスクリプトをDLして、修正・ココログアップ。
ビンゴ！・・・でした。♪ d(⌒o⌒)b♪

【対処療法】

, getArchivesFilename   : (
  function () {
   var links = document.getElementsByTagName('link') ;

  // プルダウン不具合テスト　ここから　2008/10/7　RSSタイトルが「RSS」でない為
  // var ci,len,chk='RSS' ;
   var ci,len,chk='「（ブログタイトル）」のブログ記事 (RSS 1.0)' ;
  // プルダウン不具合テスト　ここまで　2008/10/7

   for ( ci=0,len=links.length; ci<len; ci++ ) {
    if ( links[ci].title == chk ) break ;
   }
   if ( ci<len ) {
    return this.replaceUrl2Path( links[ci].href.replace( 'index.rdf', 'archives.html' ) ) ;
   }
   else {
    return null ;
   }
  }
) // end of getArchivesFilename()

風柳さん、早い復活待ってます～・・・。m(__)m

ココログの『続きを読む』は、『続き』じゃないので・・・

記事を書く時、ほとんど本文に書いて、
『続き』部分に書かなくなってから、はや２年・・・。
気づきません・・・でした。
『続きを読む』を押すと・・・、
記事の先頭に行くなんて・・・意味無いじゃん。( ﾟдﾟ)ﾎﾟｶｰﾝ
いつからなんでしょうか・・・ココログフリーさん。
無料で利用させ頂いた当初は、
『続き』の文が表示されるまで、時間がかかるので、
『続きを読む』の直下に『続き』が表示出来るスクリプトを、
捜したものですが・・・。

９月９日のココログフリーのバージョンアップ後、
『カテゴリ』と『バックナンバー』のプルダウンメニューが、
表示されなくなってしまったので、
解決策を求めて、「風柳亭 - 別館：書庫のある庵 - 」に。
肝心要のプルダウンメニューの解決方法は不明ながら、
なんと、５月２３日に『続きを読む』対策記事が出てました。

【発見】風柳亭 - 別館：書庫のある庵 -: 【ココログ】『続きを読む』をクリックしても、記事の途中に飛ばない場合の対策

<style type="text/css">
#more {
display:block;
clear:both;
width:1px;
height:1px;
}
</style>

風柳さん、ありがとうございます・・・です。

ブログタイトル（banner）部に、ｓｗｆを表示してみた

8ヶ月と20日ぶりのカスタマイズ・・・。（＾◇＾）

ブログの背景画がお気に入りで、ブログを始めた時から、
ず～と同じテンプレートを使っていたのね。
このまま代える気は無いけど、変化が欲しいの～。(^^ゞ

で、変化を付けるなら、やっぱｓｗｆ・・・。
そう思って、
ブログタイトル（banner）部にｓｗｆを表示する方法を、
あっちこっち捜したけど、画像の貼り方だけなので、
万事窮す・・・きゅうす・・・急須・・・お茶にしました。（＾◇＾）

お茶といえば、ココログテンプレートに、
ｓｗｆを使っていたものが有った様な・・・。

・・・、有りました。
『お茶犬』が・・・って、お茶犬しか見つけられなかった。
テンプレートを眺めて、必要なものを頂いて、
確実に不要なものをポイして、改ざんしました。（＾◇＾）

お月見用に作った「棒・満・寒」トリオを、人身御供にして、
結果・・・OK。♪ d(⌒o⌒)b♪
一段と鬱陶しいブログに、変態変身・・・しました。

【ｊｓファイル作成】

n = Math.floor(Math.random()*3); //複数swf表示用№（№でファイル名切替）

function initStyle(){

if(typeof(doLoaded) != "undefined"){doLoaded();}

insertId('banner-body-bottom', '<div id="swf"><object ～《SWFの内容》～>～《パラメータの内容》</object></div>');

}

function insertId(insertID, insertTag, index){
var oElement = document.getElementById(insertID);
if(index == null){
  index = 0;
}
if(!oElement){
  return;
}

var pre;
var post;
if(oElement.innerHTML.length < index){
  index = oElement.innerHTML.length;
}
if(index == -1){
  pre = oElement.innerHTML;
  post = "";
}
else{
  pre = oElement.innerHTML.substring(0, index);
  post = oElement.innerHTML.substring(index);
}
oElement.innerHTML = pre + insertTag + post;
}

※「banner-body-bottom」の所に「swf」を新たに作成し、
表示する。

【マイリスト追加】

<script type="text/javascript" src="《ｊｓファイルアドレス》"></script">

<style type="text/css">
<!--
#swf {
width: 760px;
height: 180px;
}

#banner-body-bottom {
width: 760px;
height: 180px;
}
-->
</style>

ｃｓｓに未定義の「swf」と「banner-body-bottom」を設定。

やったどー！！・・・。(^O^)／
これで、ひつまぶしが・・・うなぎは食えません。(；一_一)
やりなおしで、油が売れる・・・。（＾◇＾）

初・・・ご紹介、便利なブックマークレット

常々、サイドバーに、いろんなものを取り付ける時、
参考内容を、「マイリスト」にコピペしてますが、
うまく機能しない時、長いコードで、入力ミスを捜すのが、
ホントたいへんなんですから～・・・オクサン。（＾◇＾）

長年、くすぶっていた不満が、解消・・・です～。

【発見】風柳亭 - 別館：書庫のある庵 -: 【ココログ】メモリスト編集時の備考欄を広げるブックマークレット／Greasemonkey／SeaHorse

こんなんだったのが、

こんなになります。

たった６行だったのが、３倍になり、
横幅も、約1.6倍・・・。
行の単位が把握しやすくなりました。(^^♪
その上、記事の作成画面と同じように、
「大きく」と「小さく」のボタン付きです。

OBOCCOは赤目近目なので、見やすくなりました。(^^♪

風柳さんが作られたブックマークレットで、
OBOCCOが、ご紹介もせずに、
使っているお奨めを、ご披露します。

１．風柳亭 - 別館：書庫のある庵 -: 【ココログ】記事のプレビュー表示用ブックマークレット(JavaScript only版)
※記事を保存しないで、文章の改行や画像の見え方を、
確認してます。

２．風柳亭 - 別館：書庫のある庵 -: 【ココログ】過去記事をN件ずつさかのぼって表示するスクリプト
※この記事そのものは、マイリストに設置するものですが、
【制限事項】の動作確認用のブックマークレットを使ってます。
上のスクリプトを設置してないブログで、バックナンバーを、
見る時に、便利です。

３．風柳亭 - 別館：書庫のある庵 -: 【ココログ】コメント展開表示ボタンを付けるスクリプト
※この記事そのものは、マイリストに設置するものですが、
【注意】の動作確認用のブックマークレットを使ってます。
上のスクリプトを設置してないブログで、コメントを、
個別記事に移らないで見る時に、便利です。

風柳さん、便利なものを、ありがとうございます。
ご紹介が遅れて、申し訳ございません。m(__)m

お正月用に誕生した(OBOCCO)

きょう、お正月用に誕生した。

*このエントリは、ブログペットの振りをした「OBOCCO」が書きました。

お正月には、必ず出てくる傘まわし・・・、
ﾖｯ（(^o^)）ｸﾙ( ^^)( ^)( )(^ )(^^ )ｸﾙ（(^o^)）ﾊｯ
玉の代わりに、ＯＢＯＣＣＯを回して見ました。

エー、本代ですが本題ですが、
やっと、出来ました。

ＯＢＯＣＣＯ回し・・・ではなくて、（しつこく、引っ張ってます）

ＢｌｏｇＰｅｔ背景チェ～ンジルーレット・・・、
のボタン・・・です～。(^^ゞ

思い起こせば・・・（いつだっけ）・・・、
とつきと、とうかちょい前、（漢字で書くと、１０月１０日になるんでひらがな！）
『拝啓、ちぇぃんじぃ様』で書いた様に、背景チェンジしてたのに、
ＢｌｏｇＰｅｔ本部の大改装オープンで、背景置き場が我が家から、
本部に強制連行されて、使えなくなったです。(T^T)ｸｩｰ
原因は、自分のブログアドレスを知る項目が、
解らんチンなだけ・・・です。(；一_一)
（誰か、教えて・・・下さい　＞　３つの名前を持つお方）

その当時、捜した中に有ったのが、ＢｌｏｇＰｅｔの部分だけを、
リロードするものでした。

【発見】maRkの小部屋: [ブログペット]BlogPetの更新ボタンJavaScriptバージョンを簡略に
【参考】maRkの小部屋:BlogPet(ブログペット）更新ボタン設置サンプル
※今月で更新を停止との事ですので、いつまで上記記事が見れるかわかりません。m(__)m

結果的には、うまくいきませんでした。(ToT)/
原因わからず、きょうまで放置・・・。（＾◇＾）
先日の『くちびるねずみ』を表示したくて、
再度、maRkの小部屋サマにお邪魔して、再チャレンジ！。
はたと気づきました・・・です。（●＾o＾●）
maRkさんの説明の「reload.js」の中の、
「自分のペットの貼り付け用の.jsファイルの中身」の書き方を、
変えて見た所、うまく行きました。(^O^)／

【マイリストの修正】

<!-- リロードJS -->
<script type="text/javascript" src="あなたのリロードJSファイル ">
</script>
<!-- リロードボタン -->
<form id="petreload" name="petreload" action="get">
<input name="bpreload" id="bpreload" type="button" onclick="show_blogpet();" value="背景ルーレット" />
</form>

<!-- ブログペットを表示させる部分ID:bpetを作成 -->
<div id="bpet">
<script language="JavaScript" type="text/javascript" src="http://www.blogpet.net/js/あなたのペットＩＤ.js" charset="UTF-8"></script>
<!-- ↑マイリストの貼り付けコードをここにそのまま↑ -->
</div>

※maRkの小部屋:BlogPet(ブログペット）更新ボタン設置サンプルのページのソースをもとに、修正しました。

【リロードJS の作成】

//BlogPet reload
function show_blogpet()
{
petflash =
//注釈　ペットの貼り付け用の.jsの、"<object id　（中略）　"　～　"</object><br />"までをコピーし、貼り付けるだけです。
"<object id='usa.あなたのペットＩＤ' " +
  "classid='clsid:d27cdb6e-ae6d-11cf-96b8-444553540000' " +
  "codebase='http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0' " +
  "width='130' " +
  "height='220'>" +

（中略）

"</object><br />"
;

document.getElementById('bpet').innerHTML = petflash;
}

原因は、ＢｌｏｇＰｅｔのＦｌａｓｈの作り方が変更になった為・・・、
・・・と、思う。
maRkさんの様に、「"～"」と「+」を取っ払ったＪＳでは、
「show_blogpet()　undefine」エラーになっていた。
でも、なぞが・・・。
maRkさんの『なぎこ』さんの背景が変わるのは、なぜ。(；一_一)

ということで、何事も結果オーライなので、
めでたし～です。（＾◇＾）

「過去記事をN件ずつさかのぼって表示する」がこんな風だったらいいな♪

「過去記事をN件ずつさかのぼって表示する」を付けて、
「望むこと」で書いた事を、イメージにしましたよ～。(^O^)

条件として、
・トップページ表示件数１０件
・過去記事表示件数５件
と設定した場合です。

目次のみのイメージです。

【トップページを表示】
過去記事表示件数と１ページ分のナビ

または、トップページ表示件数分のナビ

【ナビボタンで過去記事表示】
で、２ページ目表示

で、３ページ目表示

で、表示ページが増えていく・・・。（●＾o＾●）

どうでしょうか？、こんなの。

「過去記事をN件ずつさかのぼって表示する」を付けてみた

トップページに表示してされている記事（最近の記事）の、
前の記事（バックナンバー）をN件（指定）さかのぼって、
記事の目次と共に表示するスクリプトを、付けてみました。(^^♪

【発見】風柳亭 - 別館：書庫のある庵 -
【ココログ】過去記事をN件ずつさかのぼって表示するスクリプト

ついに、でました・・・なのです。(^O^)／

まーくん＠３６番さんの氷見ブリ漁師の独り言で見た、
「 えんとりーなびげーしょん」・・・。
（まーくん＠３６番さん、画像使わせて頂きました。ありがとさんです～）
トップページでは、

➝をクリックすると、下の数字がだんだん増えて・・・、

日付もまたいで、どんどん過去記事が、
目次と共に、表示されまする～。(^^♪
ほっ、ホッ、欲しい！！・・・こんなのが！。（＾◇＾）
ただ、目次から個別記事を選択すると・・・、

ページ内移動ではなく、個別記事の表示し、
目次内容が、最近の記事の一覧になってしまうのが、
惜しい・・・。(ToT)

そこで、「ページの目次（タイトル）を付けた」です～。(^^♪
これは、トップページ、バックナンバー、カテゴリーに、
目次とページングを付加するものです。
トップページは、最近の記事の件数分を表示するので、
過去記事（バックナンバー）は、表示出来ません・・・です。
ページングの機能を有効活用しようと、
トップページにたくさん表示する為、ブログの表示設定を、
「１０日」にしてました。
（毎日更新しないと、表示件数が少ない事に、気が付いた←オマヌケ）

そんな小細工をしなくて、いいんだよ～・・・です。(^O^)
まずは、トップページで「最近の記事」が表示されます。
（テストの為、トップページ表示件数＝５にしてます）


上部のナビの「back」をクリックすると、
ここから、バックナンバーが、表示されます。


さらに、月が変わるまで「back」をクリックすると、
見事に、月が変わった記事が表示されました。(^^♪


ワンダフォー！！・・・です。（●＾o＾●）
これぞ、探していたエントリーナビゲーション。

機能的には、「 えんとりーなびげーしょん」と比べ、

1. ページ内移動が出来る
2. ページ内で、「コメント展開」が出来る
3. 「戻る」リンクが、付けられる

という点が、優れています・・・です。（●＾o＾●）

望むことと言えば、

1. ナビの「<< back ｜ top ｜ next >>」が、目次表示の中にあれば・・・。
   （ナビをクリックする度、画面の先頭行が表示され、目次を見るのにスクロールが必要）
2. トップページの目次の表示件数も、さかのぼるN件になれば・・・。
   （最近の記事件数より、少ないN件指定の時、違和感が無い）
3. 「 えんとりーなびげーしょん」の様に、ページ№が付けば・・・。
   （途中で戻りたい時、すぐに戻れる）
4. 「目次スクリプト」の目次から、バックナンバーに行けたら・・・。
   （「目次」のページングを使うと、「お知らせ」が先頭に表示される）

なので、このスクリプトを使うか、思案中・・・です～。?(-"-)?

「目次」と「コメント展開」と「コメント展開」の活きる「TOPに戻る」

え～、長過ぎるタイトル・・・ですが。(^^ゞ
『僕と彼女と彼女の生きる道』の、つよぽん・加恋ちゃんが、
とっても良くてハマったドラマです。
内容は・・・（長いので強制終了）。
単なる、タイトルのぱくり・・・。（＾◇＾）

メインは、記事フッターに、「TOPに戻る」（他にも戻りますが）です。

【発見】風柳亭 - 別館：書庫のある庵 -
【ココログ】記事のフッタにTOPに戻るリンクを付けるスクリプト

今までも、「戻る」は付けていましたが、
風柳さんの「目次」を導入して、カテゴリー・バックナンバーで、
「戻る」が機能（表示）しませんでした。

風柳さんの記事の、

参考記事

あとは、おまけ的ですが。

1. リンクの文字を変更する等のカスタマイズがちょっとだけ簡単になった……かも？
2. 設置場所を気にしなくてよくなったかも(右サイドバー／左サイドバーどちらでもOKのはず)。
3. ブログトップ(ホーム)のURLを自動取得出来るようになった……はず。

風柳亭 - 別館：書庫のある庵 -: 【ココログ】記事のフッタにTOPに戻るリンクを付けるスクリプトより一部引用しました。

の、２．に、惹かれて設置しましたです。(^^♪

・・・が、まだ「戻る」が機能（表示）しませんでした。(-_-;)

風柳さんから、解決策を頂きました。(^O^)／

参考記事

はい、原因についてはご推測のとおりです。
で、解決策ですが、現在お知らせ表示のために cocoPView.onCompleteContent=function(){cocoInsertNotice.init();}
としていると思いますが、これに戻るリンク用の設定を追加することで対応出来ると思います。
具体的には、
cocoPView.onCompleteContent=function(){ cocoInsertNotice.init();
addBackToHome();
addBackToTop();
addBackToEntryTop();
};
のようにしてお試しください。

風柳亭 - 別館：書庫のある庵 -: 【ココログ】記事のフッタにTOPに戻るリンクを付けるスクリプトのコメントより一部引用しました。

これにて、一件落着・・・ですよ。(^O^)／

あー、さて、長いタイトルの理由は・・・、

• 記事を読むのに、目次が欲しい
• 目次から、読みたい記事に飛びたい
• 記事にコメントが有れば、読みたい
• また目次に、戻りたい

こんな動作が、サクサク、サクサク、サクサク、サクサク、
・・・と、出来てしまうのが、

風柳さんのセンターシリーズ（勝手に命名）・・・です。

「目次」を付けて、読みたい記事に飛んで、
「コメント展開」で、コメントを読んで、
「TOPに戻る」で、目次に戻る。
しつこいようですが、
こんな動作が、サクサク、サクサク、サクサク、サクサク、
・・・と、出来てしまうのですよ～。（●＾o＾●）

合体ワザ・・・。(^^♪

なので、タイトルを合体ワザ・・・なにかヘン？。（＾◇＾）

「お知らせを表示」の「記事内容を取り込み」のトレビア

【ココログ】お知らせを表示するスクリプトで、
お知らせ内容を、
「テキスト指定」と「記事内容を取り込み」で設定します。

「記事内容を取り込み」の時、
記事タイトルと記事内容が表示されて、
フッターの無い「トップに表示」と同じ様に思っていました。

・・・が、タイトルを非表示にする方法を、
風柳さんに教えてもらいました。

これはCSSの設定で可能です。
<style type="text/css">
#ccin_notice h3 {
display:none; /* お知らせ用記事のタイトルを非表示 */
}
#ccin_notice .posted {
display:none; /* お知らせ用記事のフッタ部を非表示 */
}
</style>

【ココログ】お知らせを表示するスクリプトのコメントより引用しました

これを使えば、HTMLの知識が乏しいOBOCCOでも、
記事作成と同じ様に、お知らせ内容を書けるので、
特別、HTMLのお勉強しなくてもいいかも～。（●＾o＾●）

「お知らせを表示」にカテゴリー説明機能が追加された

カテゴリーページの「お知らせ」には、
貧相なものを表示してました・・・です。(^^ゞ

カテゴリーの説明が表示出来たらいいなと思っていたら、
カテゴリー別に、説明書きが出来るようになりました。(^O^)／

個別説明を設定していないカテゴリー（基本設定が表示）

個別説明を設定したカテゴリー

これで、もう言うこと無し・・・です～。（●＾o＾●）
「お知らせを表示するスクリプト」＼(^o^)／です～。

「お知らせを表示」をページ毎に変えてみた

「お知らせを表示」する機能をつけたで、風柳さんのサンプルを、
そのまま表示していたのを、いろいろ試した・・・です。(^^♪

「お知らせ」をテキスト指定で、表示させた場合

画像やリンク等、記事内で表現出来る事は、
全部出来る・・・と、思う。(^^♪
（済みません、風柳さん。脳力無くて、全部は試せません(^^ゞ）

風柳さんのこの「お知らせ」を、上手に使っているブログが
About Hachi-koさん（トップページ、バックナンバー、カテゴリー）
初めてのココログ・カスタマイズさん（トップページ、個別記事）
です。
ココログに、始めから付いている機能の様に見えます。(^^♪

「お知らせ」の画期的な機能は、
ページ種別毎にお知らせ内容を変更出来る事
・・・ですよ～。(^O^)／

というわけで、ページ毎に「お知らせ」を変えてみました。
【トップページ】

残暑見舞いのグリーティングカードもどき・・・です～。（＾◇＾）

【カテゴリーページ】

お奨めは無いけど、無理やり・・・です～。(^^ゞ

【個別記事ページ】

コメントスパム時の注意書き・・・です～。(-_-;)

【月別バックナンバー】
何をお知らせするか思い付かない・・・でした～。（＾◇＾）
なので、設定せず・・・です。

OBOCCOの脳力ならびにセンスが・・・。(；一_一)
・・・な、状態なので、
貧弱な「お知らせ」になってしもた・・・。
風柳さん、ゴメンナサイ・・・です～。m(__)m

それにつけても、この「おしらせを表示する」は、
ココログ・ツール　アワード　２００７
グランプリに一票・・・です～。（●＾o＾●）

「お知らせを表示」する機能をつけた

以前、KOROPPYさんのコメントがスパムとみなされ、
投稿出来なかった事件が起きましたが、
対処方法を見つけたので、お知らせの記事を書き、
「トップに表示」を設定して、記事の先頭に表示してました。
記事そのものなので、広告が付いて長くなったり、
同じ記事がいつもトップに有るのも、嫌だったので、
サイドバーに移していました。

でも・・・、
お知らせは、目立つ所に置きたい・・・です。
例えば、
yozoblogさんのyozoの気が向いたと記2.0の様に・・・、
（お知らせ文章や、見て欲しいカテゴリーの選択など）
犬子さんのいんどあ日記２の様に・・・、
（画像や、リンクなど自分の好きなもの）
どどんと、真ん中に・・・。（＾◇＾）

それが・・・ついに・・・、

夢が・・・夢が・・・かなったゾー！！・・・。

【発見】風柳亭 - 別館：書庫のある庵 -
【ココログ】お知らせを表示するスクリプト

参考記事

ページ(content)上部に任意のお知らせを表示するようなスクリプトを作ってみました。
ココログ管理画面の『トップに表示』と比較して、

1. トップページ以外にも表示可能。
2. 記事以外に、任意のテキストも表示可能。
3. ココログフリーでも広告が表示されない(笑)。

という利点(?)が有ります。

風柳亭 - 別館：書庫のある庵 -: 【ココログ】お知らせを表示するスクリプトより一部引用しました。

風柳さんのスクリプトを、
テキスト表示のテストとして、まるっとコピーして、
文字の色だけ変えて、設置しました。

ページ内目次の上に、見事「お知らせ」が表示されました。
記事内容の取り込みや、カテゴリーでのお知らせは、
まだ試してませんが、
がんばります！！・・・です。(^^♪

待望（私にとっては）のこの機能・・・、
ほんの出来心で希望したこの機能・・・、
実現して下さった、

風柳さん、ありがとう！！・・・でございます。m(__)m

せっかくのこの機能を活かすには、
OBOCCOの脳力が・・・。（＾◇＾）
ということで、HTML,CSSのお勉強を、
がんばります！！・・・です。(^^♪

コメント展開表示ボタンを付けた

ページの目次（タイトル）を付けたでお世話になった、風柳さんが、
私の希望（けっして要望では無かった・・・）

コメントを見たい時、表示しているページの記事の下に
展開表示されたらもっとうれしい。

に、応えて下さって、
トップページや、バックナンバー・カテゴリーに、
コメントを展開表示するボタンを付けるスクリプトを、
作ってくれました。＼(^O^)／

【発見】風柳亭 - 別館：書庫のある庵 -
【ココログ】コメント展開表示ボタンを付けるスクリプト

こんな風になります。

「コメント」の横に、展開ボタンが付きました。
カーソルを乗せると、

ボタンをクリックすると、

コメントが、展開されます。
【コメントを書く】をクリックすると、コメント入力が出来ます。

これで、ますます便利になりました。
風柳さん、ありがとう！！・・・です。（●＾o＾●）

ページの目次のちょっとうれしい更新

ページの目次（タイトル）を付けたで紹介した、風柳さんの
【ココログ】アーカイブページに目次とページングを付加するJavaScriptに、
オプションが付かされました。(^^♪

更新履歴

【2007.08.13】
　・ ページ内移動と個別ページへのリンクの設定を入れ換えるオプション(cocoPView.switchLinkType)追加
　・ cocoPView.getArchivesRequest()を直接コールしたときに、カテゴリー／バックナンバーが置換されないことがある(cocoPView.getArchivesOnload及びcocoPView.onCompleteSidebarオプションが効かなくなる)不具合修正
　・ 目次のタイトル(h2)とアーカイブページのタイトル(h2 class="content-header")とが被ってしまうので、後者を隠すように修正

と、いうことで、
今まで、目次の日付をクリックすると、ページ内で移動、
記事タイトルをクリックすると、個別ページへ移動を、
逆にするオプションを、設定しました。

目次のタイトルからページ内記事へ、
各記事のフッターの「Page　Top　↑」から、目次へ、
というクリックの操作が出来て、うれしいです。(^^♪

なんせ、大きいものを押す習性がついてますので、(^^ゞ
ページ内移動する時、ちょっと考えてから、
日付をクリックしてました。（＾◇＾）

ありがとう！、風柳さん！！・・・です～。(^O^)／

非表示マイリストの空白行を消せた（修正有り）

ブログ始めて、一年と三ヶ月・・・。
KOROPPYさんのたくさんのカスタマイズ記事で、
最初にやったのが、スクリプトだけ記述したマイリストの、
名前（タイトル）のコメントアウト・・・。
試した当時は、マイリスト名「<!-- -->」がそのまま表示。
検索して、やっと辿り着いたのが、facet-diversさんの
「表示されてしまったリストタイトルのコメントアウト部分を再び非表示にするスクリプト」
でした。
（最近、ココログフリーでも、対応した・・・みたい？）
マイリスト名が消えても、マイリストは存在しているので、
空白行が、残っていました。
見栄えのため、本来上部に設置したほうが良いマイリストを、
サイドバーの下に、まとめて設置し、空白行を誤魔化してました。

思わぬところで、発見してしまいました。(^O^)／

【発見】facet-freefacet-divers　
　　　　（８月６日に正式発表（？）記事掲載の為、変更）
[ココログ] マイリストを消すJavaScript

こんな風・・・です～。(^^♪

見事、間延び空白行が、退散しました。（＾◇＾）

-------------------------------------------
facetさんへ。
ページのソースを、参考にしてスクリプトを設定しました。<(_ _)>
８月６日に掲載さてた正式発表（？）の記事に、
リンクを変えました。

また、facetさんが正式発表のきっかけになった、
風柳さん、ありがとうございました。m(__)m

なぜだー！IE6・・・(ToT)

「ページの目次（タイトル）を付けた」は、快適でした・・・。
Firefoxでは・・・。(^^♪

うまく動いたので、完璧・・・。
安心してました・・・。
翌日、Firefoxの「このページをIEで開く」を選択して、Go！。
でました・・・これが。

なんだろな～、これ？。

ブログのトップページのアドレスを入力して、Go！・・・。
今度は、正常に表示・・・。(^^♪
「カテゴリーを選択」、「年月を選択」のプルダウンを、
テストして正常に表示・・・。(^^♪♪
ページ内目次から、タイトルをクリックして、Go！・・・。
が～ん・・・。またもや、ランタイムエラ～・・・。(ToT)

個別記事で、こける・・・のね。(-_-;)
な～ぜ？・・・。

ネット検索してみたら、思い当たる弱みが有ったので、
スクリプト作者の方への問い合わせを、控えていました。
（大きい声では、言えない弱みってのは、WinXPのSP1のままなんです。(^^ゞ
SP2が発表された当時、不具合とか、フリーソフトが未対応とかで、
今まで、放置してました。
もしかしたら、私、ウイルスまきちらしてます～？。(^^ゞ　）

悩み続けること、２週間・・・なが～い！。
初心わするるべからず・・・。
と、言うことで、初心者に戻りました。(^。^)

・マイリストに設定したスクリプトを、全部外し、
　このスクリプトだけにした。
１．右サイド最上位・・・NG
２．同上の位置で、プルダウン化をOF・・・NG
３．同上の位置で、コメントのページングをOFF・・・NG
４．同上の位置で、トラックバックのページングをOFF・・・NG
５．左サイド最下位・・・OK
６．同上の位置で、プルダウン化をON・・・OK
７．同上の位置で、コメントのページングをON・・・OK
８．同上の位置で、トラックバックのページングをON・・・OK

やった～満・・・足。（＾◇＾）
他のスクリプトを全てもどし、正常・・・。＼(ToT)／

原因は・・・わかりません！・・・が、
終わりよければ、全てよし・・・ですので。（＾◇＾）

スクリプトの作者の方は、右サイドの上の位置が、
早く表示される旨、有りますが、
このまま、左サイド最下位に設定・・・。
めでたし、めでたし・・・。（●＾o＾●）

----------------------------------------
実は、このスクリプトを設置したのは、もう半月以上前で、
翌日にIEのエラーに気づき、解決出来ないままでいたのが、
今日、解決方法が見つかったので、記事にしました。

ページの目次（タイトル）を付けた（訂正有り）

前々から、ページに目次（タイトル一覧）を付けたかった。
・・・ので、付けてみた・・・です～。

トップページ、バックナンバー（月別）、カテゴリーの各ページに、
目次とページング機能が、付加された・・・です～。(^^♪
マイリストの設置場所によって、スクリプトの一部を、
変更する必要が有るので、注意してね・・・です～。
OBOCCOは、右サイドの最上階・・・です～。

【発見】風柳亭 - 別館：書庫のある庵 -
【ココログ】アーカイブページに目次とページングを付加するJavaScript

こんな風に、なりますよ～。(^O^)／

【プルダウンメニュー化】

【トップページ】

【カテゴリー別】

【月別】

Firefox（2.0.0.5）で、確認した・・・です～。
これで、何を書いたか、早分かり・・・です～。（●＾o＾●）

------------------------------------------------
OBOCCOのささやかな希望（けっして要望ではありません）。

☆彡　目次で、クリックしたら現在表示中のページの中で、
　　　　該当記事に移動するリンクが、追加されたらうれしい。
　　　　（HPでよくある、ページ内移動のようなもの）
　　　　★　自分で移動すれば、いいじゃん・・・なんですが、
　　　　　　　ワンタッチが好き・・・です～。
　　　　（７月８日訂正）
　　　　OBOCCOの思い込みの激しさが災いして、
　　　　日付をクリックすると、ページ内移動する機能を、
　　　　見落としていました。
　　　　風柳さんのコメントで、気づきました。
　　　　風柳さん、申し訳有りませんでした。m(__)m

☆彡　コメントを見たい時、表示しているページの記事の下に
　　　　展開表示されたらもっとうれしい。
　　　　（風柳亭さんが作られた、「みんなで解決！広場検索」の様に
　　　　回答者のコメント（と、いうのか？）が、表示されるもの）
　　　　★　個別記事を表示すると、通常のブログ表示と同じで、
　　　　　　　遅いの～。(・・;)
　　　　　　　せっかく表示の速さを体感しているのに、
　　　　　　　１Gショックな感じが・・・です～。

繰り返しますが、けっして要望ではございません。<(_ _)>

ブログパーツのお掃除

ブログのリフォームで、毎度お世話になっている、
KOROPPYの本棚のKOROPPYさんの、
ペットの表示を切り替える記事を見て、
ブログパーツを切り替え表示に、しましたよ・・・です～。

本来、ブログペット＆ブログパーツの切り替え表示用の
スクリプトですが・・・。
ブログペットの「OBOCCO」や「メガミン」は、
しまえない！・・・です～。（●＾o＾●）
中身が無いブログなんで、ブログペットでにぎやかし～♪。
なので、ブログパーツを収納・・・しました。（＾◇＾）
これで、少しはすっきりー！・・・かな。

【発見】KOROPPYの本棚
ブログペット切り替え表示スクリプトを、複数個所で利用

記事フッターに、「戻る」を付けた（訂正有り）

・・・のは、OBOCCOの記憶が確かなら、

あれは、半年前～♪・・・でした。

KOROPPYの本棚さんの所で、
ココログのカスタマイズ記事を、読んでいて知った、
facet-diversさん。
様々な、ココログカスタマイズのスクリプトを、
作っておられました。

KOROPPYさんには、サイドバーに付ける「戻る」の方法を、
教えていただきましたが、記事の表示数が多いと、
「戻る」のリンク位置が、上がって見えなくなっていました。

他のBlogで、記事フッターに「戻る」リンクを見ていて、
便利だなと思って探していたら、見つかりました。
facet-diversさんの所で・・・。（＾◇＾）
でも、
「ココログベーシックでClipLink（その2:おまけつき）」
ココログベーシック・・・か～。
ClipLink・・・って？。
おまけ・・・だけ、ほしい。
その時は、諦めて設置しませんでした。
が！、諦めきれずに、再訪した時に、
「戻る」機能以外を削った方のコメントを、発見！。

【発見】Bugsなうさぎの憂鬱
　　　　 各記事にページのTOPに戻るリンクを付ける
【関連】facet-divers
　　　　ココログベーシックでClipLink（その2:おまけつき）

OBOCCOの設定（マイリスト：メモ、設置位置：右）

<script type="text/javascript"><!--

// e: node
function getPostedDiv(e) {
while (e) {
  if (e.nodeName == "P" && (e.getAttribute("class") == "posted" || e.getAttribute("className") == "posted"))  return e;
  e = e.nextSibling;
}
}

function addBackToHome() {
var h3s = document.getElementById("center").getElementsByTagName("H3");
for (var i = 0; i < h3s.length; i++) {
  var h3 = h3s[i];
  var div = getPostedDiv(h3);
  var a = " | " + '<a href=http://osanago-san.cocolog-nifty.com/blog/（注：あなたのBlogのアドレス）>' + "Home ↑" + '</a>'
  div.innerHTML += a;
}
}

function addBackToTop() {
var h3s = document.getElementById("center").getElementsByTagName("H3");
for (var i = 0; i < h3s.length; i++) {
  var h3 = h3s[i];
  var div = getPostedDiv(h3);
  var a = " | " + '<a href="#container">' + "Page Top ↑" + '</a>'
  div.innerHTML += a;
}
}

function addBackToEntryTop() {
var h3s = document.getElementById("center").getElementsByTagName("H3");
for (var i = 0; i < h3s.length; i++) {
  var h3 = h3s[i];
  var aId = getEntryId(h3);
  if (!aId) return;
  var a = " | " + '<a href="#' + aId + '">' + "Entry Top ↑" + '</a>'
  var div = getPostedDiv(h3);
  div.innerHTML += a;
}
}

function getEntryId(h3) {
var e = h3.previousSibling;
while (e) {
  if (e.nodeName == "A") return e.id;
  e = e.previousSibling;
}
}

addBackToHome();
addBackToTop();
addBackToEntryTop();
// --></script>

OBOCCOのは、
・ホームへ戻る
・ページTopへ戻る
・エントリー記事のTopへ戻る
を付けていますが、「ページTopへ戻る」だけなら、
Bugsなうさぎの憂鬱さんのスクリプトを、そのままコピーで、
OKです。

上の設定内容をコピーする場合は、
ホームへ戻るアドレスを、ご自分のBlogアドレスにしてね。
でないと、OBOCCOの所に、来ちゃいますよ～。（＾◇＾）

-----------------------------(2007.7.12)追記
上記のスクリプトで、抜け落ちが有りました。
本日まで、正常に機能していた為、気づきませんでした。
訂正して、お詫びいたします。(；一_一) --➝ <(_ _)>

　誤：addBackToHome()
　正：addBackToHome();

なお、当スクリプトをコピーして、うまくいかない方は、
私が参考にしたBlogの方の、スクリプトをコピーして、
成功しましたら、当スクリプトの他の機能を追加して下さい。

-----------------------------(2007.7.13)追記
上記のスクリプトを設定しても、機能しないテンプレートが、
有るようです。
以下のテンプレートは、確認出来ましたが、
他に機能しないテンプレートの情報を、教えていただければ、
幸いです。

【機能しないテンプレート】
　１、 「ココログオリジナル・テーマ」の「迷彩」・・・確認済み

教えてといえば・・・

アハハァ・・・なファビコンを作って、早三日・・・。

Firefoxでは、表示されて、大成功と喜んどりました。(^・^)

しか～し・・・、
IE６で、我が家を見ていて、ふっと視線をアドレスに・・・。

ん？、見慣れすぎたファビコン・・・。

なんじゃコリャー・・・で、ございます。(V)o￥o(V)

設定も、きっちりなっている（と、思われる）・・・。

アイコンの名前が悪いのか？・・・。(ToT)

な～て、思っていたら、本家筋のファビコンも・・・、
IE6で、
Firefoxで、
・・・。(；一_一)

何が、原因なのだ・・・。

誰か、教えて～・・・下さい。m(__)m

もう、とうに過ぎちゃったけど・・・

一年と二ヶ月と三日前・・・、

OBOCCOが、誕生した！！・・・。

だから、何？・・・ですが、

記念に、ファミコンファビコン作った・・・です。
元絵です～。
ファビコンです～。アハ、アハハァ・・・。
色気も、ねー・・・、
センスも、ねー・・・、
見え、ねー・・・。(；一_一)

ま、お祝いだから・・・、
勢いだけだから・・・。（●＾o＾●）

------------------------------------------
勢いづいて、下書き保存したままだった・・・。(ToT)
この記事は、6月29日に、書いたものです。

CHOBI（ちょび）掲示板

【発見】CHOBI（ちょび）

【内容】足跡用に、設置。
１．ＣＨＯＢＩのＨＰ
２．[掲示板を作る]ボタン→発行されたjavascriptコード
３．コード→マイリスト「リストのタイプ：メモ」で貼り付ける。

【過去記事】伝言板を設置しましたよーン

新規開業

ココログ☆コレパク資料館とは・・・

ココログ・フリーのテンプレートのお化粧直しなのです。

人様のブログを見て、
機能が便利そう・・・とか、
見た目がすっきりスマートそう・・・とか、
ブログバーツが面白いそう・・・とか、

「コレは、パクッと、いただきます」した資料の保管場所です。

難しい事は出来ないので、ほとんどがコピー＆ペーストで、
設置・実現できるものに限るので、説明は無しよ・・・です。
詳しい説明は、参考にしたブログの方が、
正確・丁寧・的確なので、参考リンクを入れます。

【発見】見つけたブログ
【関連】見つけたブログの管理人が、参考にしたブログ