【ココログ】コメント展開表示ボタンを付けるスクリプト
<script type="text/javascript">
cocoCView.init();
</script>
もしくは、↓のフォームを使えば、ブログパーツとしてもっとお手軽に設置出来ます。
■コメント展開ボタンをココログに設置
| ↓ |
その場合には、
ページ(テンプレート)のタグ構造をある程度決め打ちしてしまっているため、対応可能なココログは限定されます。
ブックマークレット:コメント展開表示ボタン付加
をご自分のアーカイブページで試してみて、コメントがついている記事なのにボタンが出て来ない場合は未対応だと思って下さい。
■冬至のかぼちゃ: ページの目次(タイトル)を付けた(訂正有り)
☆彡 コメントを見たい時、表示しているページの記事の下にを反映してみたものです。
展開表示されたらもっとうれしい。
いかがですか?
2007/08/13(月) 20:55 | 固定リンク
| 記事の編集(管理者用)
「ウェブログ・ココログ関連」カテゴリの記事
- 【ココログ】アーカイブページに目次とページングを付加するJavaScript(2006.07.14)
- 【ココログ】管理画面のURL(sheme)がhttpsからhttpに変わった?(2009.09.17)
- 【ココログ】過去記事をN件ずつさかのぼって表示するスクリプト(2007.08.29)
- 【ココログ】コメント出来ないときに使ってみるブックマークレット(2007.03.27)
- 【ココログ】トップページにコメント欄を表示するスクリプト(2009.06.14)
この記事へのトラックバック一覧です: 【ココログ】コメント展開表示ボタンを付けるスクリプト:
» コメント欄の「展開/しまうボタン」を取り付けたいですが、の七転八倒記。 トラックバック とんぼや「楽・書・譚」
記事の下にある「コメント」欄に「↓」ボタンが付いて、コメント欄を開閉できるカスタマイズをOBOCCOさんがしてらしたので、これは便利そう~と思い、作者の風柳さんのところの記事を参考に昨日(いえもう一昨日ですね)から作業してます。 下のスプリ... 続きを読む
受信: 2007/08/22 23:15:46


風柳さん、こんばんは。
お知らせ、ありがとうございました。m(__)m
また素晴らしいスクリプトを作って頂き、
ありがとうございました。m(__)m
お陰様で、ストレス無くコメントを読める様に、なりました。
その上、私の名前まで載せていただき、恐縮しております。(^^ゞ
投稿: OBOCCO | 2007/08/14 0:50:35
早速設置してみたんですが、フッターのデザインがちょっと崩れちゃいました。(T_T)
# FirefoxやOperaだとボタンがSUP(上付き)みたいに。…というか、なぜにtable?
あと、以前(StarGraphだったかな)もそうでしたけど、できれば :hover {cursor:pointer;} をお願いしま~す。
# IEでは無駄なんでしたっけ
それから、ついでですが、cocoPViewの記事、コード内に //--- ってのがありますけど、コメント内 には -- は書いちゃダメとHTML-lintに怒られました。お知らせまで~
投稿: facet | 2007/08/14 19:03:41
facet さん、毎度どうもです(^^)。
| …というか、なぜにtable?
CSSが苦手なので、「コメント(n)」の右隣にうまくブロック要素を埋めこむ方法が思いつかなかったのです……Firefoxなんかでレイアウトが崩れちゃうのは気付いてたのですけどね(^-^;)。
ということで、下手くそなアイコンをでっち上げ、これを表示して位置調整してみました。いかがでしょう?
| :hover {cursor:pointer;} を
JavaScriptではどうやって埋めこめばいいのでしょうね、これ?
#いや、document.styleSheets 使えばいいのでしょうけれど、特にidやclassが設定されてない要素に個別に設定できるのかなぁ、と<擬似クラス。
まぁ、どちらにしても、IE6だと a:hover 以外は効かないようなので(IE7からはサポートしているらしい)、onmouseoverとonmouseout使ってやってみました。
| //---
あはは、ある時点で気がついて、それ以降のスクリプトでは気をつけているのですが(たまにコピペしたまま修正忘れているときもありますが)、古い記事を全部修正するのは大変だしでそのままになってました(苦笑)。
#とりあえず、cocoPViewの記事だけは修正(^^;
投稿: 風柳>facet さん | 2007/08/15 2:21:55
画像まで作ってもらっちゃうことになっちゃってスミマセン。
単純に
var a=document.createElement('a');
a.className="cccv";
a.href="#";
a.title="コメントを見る";
a.innerHTML='↓';
.content a.cccv {
margin: 0;
border: 1px solid red;
padding: 1px;
background-color: lightyellow;
text-decoration: none;
font-size: 10px;
font-family: "MS ゴシック"
}
ぐらいでよかったんじゃないかという気がしたので。
# 個人的にはclassだけにしてCSSは外に出して調整はユーザに丸投げした方が、と。
tableの件については、意味、わかりました。
たしかにinlineにwidthって利かないですね。
# →で、MS ゴシック。(笑)
:hoverについては、上のように、aにダミーのhref属性でリンクにして、ってのは邪道かな。
# リンクじゃなれば、CSSで span.cccv:hover {cursor: pointer;} とかかな。
投稿: facet | 2007/08/16 1:27:29
あ。font-sizeはナシで。_(._.)_
投稿: facet | 2007/08/16 1:41:38
ありゃ、それで出来ました?……ほんとだ、出来るや(^^;。
#いや、前にカレンダーのCSSいじっていたときかなにかに、aをブロック要素にしないと枠線指定できなかった覚えがあったので……記憶違いか?
| CSSは外に出して調整はユーザに丸投げ
丸投げ、という意味では、わかるひとは
cocoCView.htmlSwitchOpen='~';
cocoCView.htmlSwitchClose='~';
で、画像も含めてお好きにどうぞ、というのを想定してました。
#CSSを外出しすると処理が重くなるのがちょっと……styleタグをhead要素以外に入れるのはよくないという話もあるし。
#といいつつ、はて★スタ de 投票は外出ししてるけど(^^;
| aにダミーのhref属性でリンクにして
これをやると、リンクの枠が残ってしまうのがちょっと(前に折り畳みボタンで話題になった件ですね……あの技使えばいいのでしょうけれど)。
投稿: 風柳>facet さん | 2007/08/16 7:45:02
こんばんは。OBOCCOさんのところから飛んできました。
私も早速このボタンを利用させて頂きました^^
展開したり、また折りたたんだりで便利です!
どうもありがとうございました。
投稿: とんぼや・壱 | 2007/08/20 21:07:51
あ・・・。
ボタンが表示されたから、成功したと思ったのですが・・・どうやら私のブログは対応可能『外』のテンプレートだったみたいです。動かない(泣)
おさわがせしました・・・(;∇;)
でも、このボタンは素敵です。
投稿: とんぼや・壱 | 2007/08/20 21:26:37
とんぼや・壱 さん、どうもです。
えーと、『ホーム/ページトップに戻る』のカスタマイズをされているようですが、『コメント展開表示ボタン』のスクリプトを、これの後(addBackToTop()が記述されているところよりも後ろ)に設置してみたら、どうなりますか?
一度お試しください。
投稿: 風柳>とんぼや・壱 さん | 2007/08/20 22:15:57
風柳さん、こんばんは。
コメントありがとうございます!
マイリストに追加する「コメント展開」用のラベルの順番を、「ホーム・トップページに戻る」のスクリプト用のラベルよりも、先にしてみる、ということですよね。
早速試しているところで・・・す・・・が、
ん!?
すいません、もしかして超初歩的な間違いをしていたかもしれません。
マイリスト内のラベルの順番は特に変えずに、その「超初歩的な入力間違い」を直して試してみます。
投稿: とんぼや・壱 | 2007/08/21 23:39:05
風柳さん、お久しぶりです。
遅ればせながら、コメント展開のスクリプトを使わせていただきました。
お正月に時間ができたので、また少しづつカスタマイズしています。
今年もよろしくお願いします。
投稿: ★節約ごはん★ | 2008/01/06 23:12:55