「入力されていない項目は表示したくない」 場合がある一方、その逆の場合もあります。
「表示する内容が無いと困る」。 その筆頭は 『投稿者名』でしょう。 自blogのURLやメアドを記入して肝心な自分のHNを記入しない、・・というような人は少ないと思いますが、それらのリンクを投稿者名に載せてあるような場合は、HNが空文ですとリンクをクリックできません。
勿論 「コメント編集」 リンクが載っていた場合は、「いけね、名前書くの忘れちゃった」 ・・などと思って修正しようとしても困ってしまうワケです (方法はありますが)。
名前(HN)が未入力だった場合に代替文字列を表示する方法を考えてみました。
CSSに以下を追加します
.n {display:none}
.p {display:inline}
コメントの投稿者名部分を以下のようにします ( 例 )
<a href="<%comment_edit_link>" title="EDIT">
<%comment_name><span class="n p<%comment_name>">No INPUT</span>
</a>
名前が未入力(空文)であった場合は不可視属性の n が可視属性の p によりキャンセルされ代替文字列が表示される訳です。
投稿者名以外にもコメントのタイトル等にも使用可能。 (prospectiveに「入力漏れが無いように対策する」 というのが本義かとも思われますが、事後対策の一法ということで )
★ No Name とかですとそれなりに格好が付いてしまう(HNに用いる方もいる)ので「未入力」とか「うっかり君」 などがよいかもしれません
| . |