2007年05月23日
コメント欄に投稿順の番号を表示できるようにしました。ただし簡易的な改修で、OL要素を用いてそのまま設置したのでコンパクトに収納できず、コメント欄が狭くなってしまっています。表示に不具合がありましたらご報告下さい。

とりあえず簡単な改修に留めましたが、ご意見がありましたら方法案も含めてご指摘をお願いします。

なお、過去にコメント総数が1000まで到達した記事はこちらです。一応、私の環境からはコメント欄の見え方に特に問題はありません。





その後、nniさんのアドバイスその壱その弐を受け、本設置となりました。
nniさん、どうもありがとうございました。
20時50分 | 固定リンク | Comment (56) | 告知 |

記事へのコメント ↓書き込みフォームへ移動
  1. というわけで1Getしてみる。

    Posted by Q at 2007年05月23日 21:07:18
  2. コメント番号なんて表示したら某先生が仕事しなくなる!
    というわけで2get

    Posted by 名無しОбъект at 2007年05月23日 21:10:09
  3. 1の次が1に見える

    Posted by 名無しОбъект at 2007年05月23日 21:16:04
  4. 遂にコメ番号が(苦笑

    何はともあれ、これからもたのしみにさせて頂きます。

    Posted by 名無しОбъект at 2007年05月23日 21:17:56
  5. テストしてみる、横まで伸びて折り返し表示もきちんと出来るかテスト、んなもん確認するまでもなくね?と思われそうだけど一応テスト、テストったらテスト、内容思い浮かばないからテストったらテスト

    Posted by 名無しОбъект at 2007年05月23日 21:25:39
  6. 1が並んでる・・・

    Posted by 名無しОбъект at 2007年05月23日 21:26:39
  7. 他のトピックも見てきましたがやっぱり1がずらっと並んでます。
    ちなみに環境はOSX10.4.9 Safari2.0.4です。

    Posted by 名無しОбъект at 2007年05月23日 21:31:48
  8. IEじゃないと無理みたいですね・・・外しましょうか?

    Posted by JSF at 2007年05月23日 21:42:39
  9. こちらWindowsXP Home SP2。

    InternetExplorerでは問題ない模様。
    Opera9.20ではコメント番号が一切表示されない。

    Posted by 名無しОбъект at 2007年05月23日 21:43:59
  10. ちゃんと番号ついてますよ。
    因みに環境はVine Linux 4.1+Firefox 2.0.0.3です。
    ただし、Opera 9.21では空白です。

    Posted by 名無しОбъект at 2007年05月23日 21:47:03
  11. ちゃんと連番になってるなあ。
    他のトピックも連番になってるし、環境のせいかな?

    Posted by 名無しОбъект at 2007年05月23日 21:47:06
  12. WinXP+Lunascape4では数字がちゃんと並んでる

    と動作確認報告してみるテスト

    Posted by 名無しОбъект at 2007年05月23日 21:54:18
  13. olの中にdivがあるのは(htmlの)規定外なので、ブラウザによって表示が異なってしまうのですね。
    WinXPのFireFoxでも連番が振られてます。IEとFireFoxが大丈夫ならばたいていの人は番号が見えるということでしょうか。
    # 私は基本Operaなので番号出ませんが:)

    seesaaがどこまでカスタマイズできるのかよくわかりませんが、div抜いてpでくくるだけとかにできれば解決しそうですけど...。
    (ちょっと調べてみますか)

    Posted by nni at 2007年05月23日 21:55:40
  14. WinXP SP2 + Firefox1.5011では特に問題なしです。
    ただ、番号がやや下の方で見えますね。

    Posted by 名無しRPG7信者 at 2007年05月23日 22:23:39
  15. XP SP1 + Firefox 2.0.0.3で数字の表示確認。

    スタイルシートにこんな風に入れればol要素無しでもいけるかも?

    div.comments-body{
    display: list-item;
    list-style-type: decimal;
    }

    Posted by 名無しОбъект at 2007年05月23日 22:38:54
  16. ol内はpタグもダメなのか...
    ええと、一つの参考程度に。

    http://nnistar.seesaa.net/article/42697559.html
    (コメント1,2はなぜか逆になってますが...seesaa謎すぎ)

    seesaaのコードは以下。<>は全角にしています。

    <a name="comment"></a>

    <div class="comments-head">この記事へのコメント</div>
    <ol class="comment_no_ol" type="1">
    <% loop:list_individual_article_children -%>
    <li class="text"><% comment.body | html | tag_strip | nl2br | clickable('target="_blank" rel="nofollow"') %><br /><br />
    Posted by <% if:comment.homepage %><a href="<% comment.homepage | html | tag_strip %>" target="_blank" rel="nofollow"><% comment.writer | html | tag_strip %></a><% else %><% comment.writer | html | tag_strip %><% /if %> at <% comment.createstamp | date_format('%Y年%m月%d日 %H:%M') %><br /></li>
    <% /loop -%>
    </ol>

    (注)
    olのtypeはcssで指定すべきですが面倒だったので。
    br連続はかっこ悪いですがこれまた面倒だったので。
    見た目はcssで整えたほうがよいかもしれません。
    seesaaは今回初めて使ったのであくまで一つの参考まで。

    Posted by nni at 2007年05月23日 22:39:28
  17. Win2000のIE(Donut R)だとちゃんと連番になってますよー。

    Posted by 名無しОбъект at 2007年05月23日 22:55:22
  18. Operaだと左側が空白になるだけで表示されませんね〜。
    残念です〜。

    Posted by 名無しОбъект at 2007年05月23日 23:13:47
  19. nniさんに教えて頂いた方法を試して見ました。どうでしょうか。

    Posted by JSF at 2007年05月23日 23:25:59
  20. コメントの仕切りが無くなりますた。
    XPですぅ。

    Posted by そーにゃ at 2007年05月23日 23:33:08
  21. 9番目のコメントの、2007年05月23日 21:43:59です。

    Opera9.21で、番号が問題なく表示されているのを確認。
    しかし、今度はそれぞれのコメントを区切る線が消えている。

    Posted by 名無しОбъект at 2007年05月23日 23:34:38
  22. Firefox(Vine 4.1&Mac OS X、2.0.0.3)、Safari(Mac OS X、2.0.4)、Opera(Vine 4.1、9.21)で確認、番号はいずれも表示されてます。番号も一番最初の段落の頭に位置しています。しかし、区切り線がないっす。

    Posted by 名無しОбъект at 2007年05月23日 23:38:36
  23. とりあえず原始的な手段で応急処置〜。

    Posted by JSF at 2007年05月23日 23:53:38
  24. テスト

    Posted by 名無しОбъект at 2007年05月24日 00:02:08
  25. http://obiekt.seesaa.net/article/36316953.html#comment

    発言番号が3桁を超えると数字が切れてしまう。CSSで微調整すべきかも。

    Posted by 名無しОбъект at 2007年05月24日 00:06:05
  26. IEだと3桁で微妙に切れますね。

    えーと、テンプレートから hr は抜いて、cssに以下追加というのではどうですか?
    .comments-bodyの移植 + border-bottomで区切り線です。

    #comments li {
    border-bottom: 1px solid #006699;
    font-family:'MS Pゴシック';
    color:#F5F5F5;
    font-size:89%;
    font-weight:normal;
    padding-bottom:10px;
    padding-top:10px;
    padding-left:10px;
    word-break: break-all;
    }

    Posted by nni at 2007年05月24日 00:22:06
  27. とりあえず
    Sleipnir 2.5.12で確認。
    問題はあるようには見えないかな?

    Posted by 仙竜. at 2007年05月24日 00:23:56
  28. 一応ローカルテストで IE6,FireFox,Opera9.20 on WinXP で大丈夫そうなのは確認しています。

    Posted by nni at 2007年05月24日 00:25:10
  29. 適用して見ました。

    nniさん、大変参考になりました。どうもありがとうございます。

    Posted by JSF at 2007年05月24日 00:37:00
  30. 記念マキコ。VISTAでIE7ですぅ。番号のとこまで区切り線きてませんが。折り返し問題なし。すっきりしてますね。そんな感じで。
    改行はどうかなと。

    Posted by 名無しマヘル神信者 at 2007年05月24日 00:47:48
  31. いつも楽しみに見させていただいてますので、ちょっとでもお役に立てたなら光栄です:)
    斬れ味鋭いエントリを今後も期待しております。

    Posted by nni at 2007年05月24日 01:10:17
  32. 1000まで行くと表示が「000」になってるぐらいかな>不具合

    @XPSP1 IE6

    Posted by 名無しОбъект at 2007年05月24日 02:25:10
  33. >「1000コメント超え時の対応について」
    こんな所で役に立ってる例のお祭り記事(笑)
    いやはや、やっぱり「実戦」って大事なんですね。いざ事が起こってから初めてわかる問題もある…と

    萌えるキツネですが問題無く表示されてます。

    Posted by 名無しОбъект at 2007年05月24日 02:52:03
  34. 使用 OS は XP で sleipnirのブラウザエンジンが IE の時と、 Gecko の時の両方で問題なく表示されています。バージョンは 2.5.12
    ……こんなんでいいのだろうか。

    Posted by MIB at 2007年05月24日 03:03:09
  35. >1000まで行くと表示が「000」になってるぐらいかな

    それなら実用上は問題無いかな、どうせ1000までいったらスレッドストップだし。

    Posted by 名無しОбъект at 2007年05月24日 03:11:34
  36. 使用OSはXPのSP2でIE6.0です。問題なく表示されてるです。いつも貴重な記事で勉強させて頂いてありがとうございます。

    Posted by 84式みかん箱 at 2007年05月24日 04:33:43
  37. WinXP Sleipnir1.42(古っ
    で問題なく見れております

    Posted by 名無しОбъект at 2007年05月24日 06:02:14
  38. こちらはWindowsVistaアルティメット。
    InternetExplorer7.0/FireFox2.0では共に問題ない模様。

    Posted by   at 2007年05月24日 07:42:42
  39. Win2k+火狐2.0.0.3→問題なく連番&区切り表示
    Win2k+IE6→問題なく連番&区切り表示

    Posted by 名無しОбъект at 2007年05月24日 09:05:13
  40. WinXP home sp2 + IE6
    基本的に問題なし。

    支障はないが細かいところは、
    1000が000と表示
    番号のとこに区切り線が無い
    など、あと文字サイズが一回り小さくなった?

    Posted by 名無しОбъект at 2007年05月24日 09:58:58
  41. こちらWinXP home sp2 Sleipnir 2.5.12
    大丈夫、大丈夫!

    Posted by 名無し星狐信者 at 2007年05月24日 14:34:21
  42. W2K SP4 + IE6
    文字サイズ「中」で1000が000と表示
    「小」以下なら1000と表示。

    文字サイズ「大」、「最大」だと3桁(100以上)の
    数字の左が切れる。

    >>40氏も同じ?

    いじょ、ご報告

    Posted by 名無しОбъект at 2007年05月24日 18:22:21
  43. >>42氏
    あ、そうです、今変えてみたら自分も同じ表示です。

    >>41氏
    こちらWinXP home sp2 + IE6!
    少々ズレて(ry

    …いや、ズレはないですよorz

    Posted by 40番 at 2007年05月24日 20:11:52
  44. WindowsXP Pro XP2+Opera9.21で確認しました。

    念のためページの拡大縮小をしてみましたが、
    それでもキチンと使えました。

    Posted by 名無しОбъект at 2007年05月25日 00:31:09
  45. XP HOME Sleipnir1.66 にて問題なしです

    Posted by 名無しОбъект at 2007年05月25日 10:03:59
  46. 記念カキコ&動作報告。
    WS007SH(Opera8.6FORW-ZERO3)
    で連番も区切りも問題なしです。

    Posted by 名無しОбъект at 2007年05月25日 10:47:59
  47. WinXP Pro SP2 火狐2.0.0.3 問題ないですねぇ〜

    Posted by 名無しОбъект at 2007年05月25日 17:40:53
  48. win98se(古) 火狐2.0.0.3 問題なす。


    Posted by 名無しОбъект at 2007年05月26日 23:12:54
  49. 携帯(DoCoMo)からだと変わってないのですね…。
    秒表示追加もそうでしたがseesaa側で何とかしてもらわないといけない気もしますし、需要も少なそうですが一応ご報告まで。


    Posted by 名無しОбъект at 2007年05月27日 12:55:43
  50. 携帯版は以前からカスタマイズされていない模様。

    Posted by 名無しОбъект at 2007年05月28日 02:40:10
  51. 新しいWindows プロダクトキー、Windows 7 プロダクトキー、Windows XP プロダクトキー、Windows 7 Ultimate プロダクトキーを取得するなら、linksinfostore.comのオンランサイトへどうぞ!送料無料です!Windows プロダクトキー、Windows 7 プロダクトキー、Windows XP プロダクトキー情報を掲載しております。新作の通販情報などもお任せ下さい
    Windows プロダクトキー:http://blog.livedoor.jp/productkey/
    Windows XP プロダクトキー:http://windows.mitekaite.com/
    Windows XP プロダクトキー:http://windowsproductkey.seesaa.net/

    Posted by Windows プロダクトキー at 2011年10月19日 17:47:05
  52. 威哥王:http://www.allkanpo.com/product/weige.html
    蟻力神:http://www.allkanpo.com/product/%E8%9F%BB%E5%8A%9B%E7%A5% 9E1.html

    Posted by 威哥王 at 2011年10月19日 17:49:38
  53. Rayban:

    世界一有名なサングラス「レイバン」Ray-Banの安いの通販.レイバン メガネ,レイバン サングラスの販売。
    レイバン(Ray-Ban):http://www.raybans.jp
    レイバン 偏光サングラス:http://www.raybans.jp/category-3-b0.html

    Posted by レイバン 偏光サングラス at 2011年10月19日 17:50:32
  54. Superb information here, ol'e chap; keep burning the midnghit oil.

    Posted by mXSkOxUVEAApOMyAp at 2012年03月14日 13:19:21
  55. YiyYHs kwzwoexxdgae

    Posted by MWeWzpyppBdl at 2012年03月15日 08:51:14
  56. VJvz2P htirzksvzaoa

    Posted by qcXfaXPFyLUkZqEuxgy at 2012年03月16日 13:19:09
コメントを書く
お名前: デフォルト名無しの説明

メールアドレス:

ホームページアドレス:

コメント:

認証コード: [必須入力]


※画像の中の文字を半角で入力してください。

この記事へのTrackBack URL

※言及リンクのないトラックバックは受信されません。