コメント欄のメールアドレスを非表示に

KORROPYさんちのMyClip経由で「buslog: コメント欄のメールアドレスを非表示に」という記事を読みました。なるほど。非表示にしてしまうという手もありますね。

ココログ（などTypePad系？）の場合、コメントのメールアドレス入力欄に"email"というidが付いてくれているので、ベーシック(Basic)コースでも案外簡単に非表示にできます。

…と思ったんですが、勘違いしてました(^^;。以下の方法は、「コメントのメールアドレス入力欄を非表示にする方法」でした。_(._.)_

CSSなら、
#email {display: none;}
label[for="email"] {display: none;}

ただし、この [for="email"] で属性を指定する方法は、Internet Explorerでは効果がないみたいですので、ラベルだけ残ってしまって妙かもしれません(^^;。

# 同様に、IEでコメントエリアが横にはみ出したり隠れたりしていたら、それはココログの既存のテンプレートで「コメント本文」の入力欄のスタイルを textarea[id="comment-text"] {width:80%;} としてあるせいですね。なんで #comment-text {width:80%;} にしなかったんでしょうかね。idなんだから#記法でいいんじゃないかと思うんですけどねぇ……。

また、この方法では、親要素のpを非表示にできないので、妙な間が空きます(^^;。

# pに何かidを与えていてくれたらよかったんですけど。もしくは、CSSには>という「子」を明示する記法があるんだから、<で親を指定できるとか？

javascriptなら、本文エリアより後にあるHTMLの書けるところ（ココログなら、右サイドバーに配置したリンクタイプのマイリストの、テキスト表示に設定してあるメモ欄など）に、以下のコードをコピー＆ペーストして保存すればOKです。

<script type="text/javascript">
<!--
var e = document.getElementById("email");
if (e) e.parentNode.style.display = "none";
//-->
</script>

# 一応、Firefox 0.9.1, Opera 7.50, Konqueror 3.20で動作確認しましたが、たった２行なので、新しめのブラウザならほとんどOKでしょう。

ただし、上記の2方法は、サブタイトルにlink要素を仕込んで独自スタイルシートを呼び出している場合以外、「コメントの確認」画面では効果がないのがタマニキズ。