Bonjour!

« サイドバー折り畳み2 少し修正しました | トップページ | ココログ過去記事編集用bookmarklet »

2004-07-08

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

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で動作確認しましたが、たった2行なので、新しめのブラウザならほとんどOKでしょう。

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

« サイドバー折り畳み2 少し修正しました | トップページ | ココログ過去記事編集用bookmarklet »

ウェブログ・ココログ関連」カテゴリの記事

コメント

こんにちは。

javascriptをマイリストにコピーしたら、Mozilla1.7ではメールアドレスの枠ごとなくなってしまいました。


>>http://facet.cocolog-nifty.com/divers/2004/07/javascript.html#c428768">http://facet.cocolog-nifty.com/divers/2004/07/javascript.html#c428768

三紗さん、どうも。元記事を勘違いしていたのは私です。_(._.)_

今回のこの方法は、「コメント欄のメールアドレスを非表示に」する方法じゃなくて、「コメントのメールアドレス入力欄を非表示にする方法」でした。なので、おっしゃる通り、そうなります。すみませんでした。(^^;

元記事のように、コメント下の投稿者名にメアドへのリンクを張らないようにすることは、テンプレートをいじれないベーシックコースなどでは無理ですね、やっぱり。

ブラウザ上での見かけだけ非表示にするならjavascriptで作れますが、HTMLソースにはリンク情報が残ったままですから、あまり意味がなさそうですし。

うーん。やっぱり、メールアドレスを入力しなくてもいいような設定をするしかなさそうです。

>テンプレートをいじれないベーシックコースなどでは無理ですね、やっぱり。
あ、やっぱりそうなんですね(T.T)

匿名での投稿を許可すれば済むような気もするのですが、
悪戯やスパムコメントがありそうで躊躇してしまいます。

>>http://facet.cocolog-nifty.com/divers/2004/07/javascript.html#c431425">http://facet.cocolog-nifty.com/divers/2004/07/javascript.html#c431425

KOROPPYさん、どうもすみませんでした(^^;。

>悪戯やスパムコメントがありそうで躊躇してしまいます。

そうなんですよね〜。わたしもそれでずっと躊躇していたんですが、トラックバックをいただいたあるブログオーナーさんとのやりとりをキッカケに、匿名コメントを許可することにしました。

メールアドレスを非公開にできるといいんですけどね、本当に…。

はじめまして!
コメント記入の際の『メールアドレス入力欄』がこのご時世でうっとおしいなぁ、と思っていたところこのblogにてjavascriptでの制御を知りました。早速試してみたところ効果テキメンです!すごいやjavascript!いい知識をありがとうございました。

というかココログがもうちょっとベーシックユーザーにも優しくして欲しいなぁ、とw

ろっく幸せさん、はじめまして(^^)

>というかココログがもうちょっとベーシックユーザーにも優しくして欲しいなぁ、とw

そうですね。まあ、カスタマイズもそれなりに楽しいので、重過ぎなければとりあえずいいかなとも思ったりしますけど。

ともあれ、勘違い記事がお役に立てたようで何よりでした(^^;

https://www.vansshoes-outlets.us.com/
https://www.nikestores.us.org/
https://www.nikefactorys.us/
https://www.air-jordansretro.us.com/
https://www.pandora-jewelryrings.us/
https://www.jordan11gammablue.us/
https://www.lebronjamesshoessale.us.com/
https://www.nikeoutletstoreonline-shopping.us.com/
https://www.asicsshoesoutlet.us.com/
https://www.airjordan11.us.org/
https://www.nikerunning-shoes.us.com/
https://www.louboutinshoess.us/
https://www.airjordans-sneakers.us/
https://www.cheapnikesshoes.us.com/
https://www.nikefreernrun.us.com/
https://www.jordan4s.us.com/
https://www.yeezys-adidas.us.com/
https://www.nike-stores.us.org/
https://www.pandoracharmscom.us/
https://www.nikeshoess.us.org/
https://www.new-nikeshoes.us.com/
https://www.shoesyeezy.us.com/
https://www.christianslouboutin.us.com/
https://www.runningshoesformenwomen.us/
https://www.kyrieirvingbasketballshoes.us.com/
https://www.nmdr1adidas.us.com/
https://www.pandorashop.ca/
https://www.christianlouboutins-outlet.us.com/
https://www.jordanretroshoes.us.org/
https://www.red-bottomheels.us/
https://www.airmax-98.us.com/
https://www.christianlouboutins.us.org/
https://www.airjordan-retro11.us.com/
https://www.nikefreerun.us.org/
https://www.shoes-yeezy.us.com/
https://www.nike-outletstoreonlineshopping.us.com/
https://www.nike-jordan1.us.com/
https://www.nikesneakerssale.us.com/
https://www.christian-louboutinoutletsale.us.com/
https://www.jewelrycharms.us/
https://www.moncleroutletuk.uk.com/
https://www.nikeair-max.us.org/
https://www.golden-gooses.us.com/
https://www.menwomenshoes.us/
https://www.pandorascharm.us.com/
https://www.jordans13retro.us/
https://www.nikeair-jordan.us.com/
https://www.outletstoreonlineshopping.us/
https://www.kyrie-irvingshoes.us.org/
https://www.nikeshoes2019.us.com/
https://www.nikehuaraches.us.com/
https://www.michael-jordanshoes.us.com/
https://www.airjordans.com.co/
https://www.ferragamosshoes.us.com/
https://www.nikeoutletstore-onlineshopping.us.org/
https://www.fjallravenbackpack.us/
https://www.nike-presto.us.com/
https://www.yeezy500.us.org/
https://www.jordanshoesforkids.us/
https://www.airforceones.us.com/
https://www.nikebasketball-shoes.us.com/
https://www.adidasultra-boosts.us.com/
https://www.yeezyboosts-350.us.com/
https://www.airforce-1.us.org/
https://www.jordan1s.us.org/
https://www.pandorajewelryofficialwebsite.us/
https://www.ferragamobelts.us.com/
https://www.jordansretro11.us.com/
https://www.jordan3.us.com/
https://www.redbottomslouboutinshoes.us/
https://www.nikeshoesshop.us.com/
https://www.yeezyscheap.us.com/
https://www.nikeairzooms.us.com/
https://www.nikes-sneakers.us.com/
https://www.nikeair-max270.us/
https://www.pandoracom.ca/
https://www.nikeshoesclearance.us.com/
https://www.air-max95.us.com/
https://www.jordansshoesformen.us.com/
https://www.nikestorefactory.us.com/
https://www.pandoranecklaces.us/
https://www.nike-airmax98.us/
https://www.nikeoutletonlineclearance.us.com/
https://www.nikeoutlet-factory.us.com/
https://www.adidas-nmds.us.org/
https://www.newjordanscomingout.us.com/
https://www.nikecortez.us.org/
https://www.airjordanshoesretros.us.com/
https://www.jordansretro13.us.com/
https://www.jordanaj1.us.com/
https://www.nike-basketballshoes.us.org/
https://www.redbottomshoes-forwomen.us/
https://www.nikeshoesfactorystore.us.com/
https://www.max97trainers.uk.com/
https://www.nike-clearance.us.com/
https://www.charmsjewelryrings.uk.com/
https://www.nikefactorystoreonline.us.com/
https://www.airjordan14.us.com/
https://www.nikeoutletstoreclearance.us.com/
https://www.airjordanssneakers.us.org/
https://www.nikeairforce.us.org/
https://www.airforce1shoes.us.com/
https://www.sneakerswebsite.us/
https://www.jewelrynecklacerings.uk.com/
https://www.yeezyshoess.us.com/
https://www.pandora-earrings.us/
https://www.nikeshoescybermondayblackfriday.us.com/
https://www.air-jordans1.us.com/
https://www.christianlouboutins.uk.com/
https://www.jordan32shoes.us/
https://www.nikeoutletonline-store.us.com/
https://www.newshoes2019.us/
https://www.nikesclearance.us/
https://www.fjallravenkankenbackpack.us/
https://www.newnikeshoes.us.org/
https://www.adidassneakers.us.com/
https://www.nike--shoes.us.com/
https://www.kevin-durantsshoes.us.com/
https://www.pandoras.us.org/
https://www.pandorascharmsjewelry.us/
https://www.nike-outletstores.us.com/
https://www.christian-louboutin-shoes.us.org/
https://www.yeezysboosts.us.com/
https://www.nikeairmax720.us.com/
https://www.pandorasjewelryoutlet.us.com/
https://www.air-jordan10.us.com/
https://www.pandorabracelets-clearance.us.com/
https://www.jewelrycharmsrings.uk.com/
https://www.nike-zoom.us.com/
https://www.nikecortezshox.us.com/
https://www.nikeshoesonlines.us.com/
https://www.ultra-boosts.us.com/
https://www.christianlouboutinshoessaleoutlet.us/
https://www.airmax2019.us.org/
https://www.nikereactuptempo.us.com/
https://www.uncjordan1.us.com/
https://www.nikefactory-outlet.us.org/
https://www.jordan12s.us.com/
https://www.airjordan1mid.us.com/
https://www.pandorabraceletsforwomen.us/
https://www.pandoracanadajewelrycharms.ca/
https://www.jordan7.us.com/
https://www.air-jordan8.us.com/
https://www.jordan-retro4.us.com/
https://www.nikeoutletstores.us.org/
https://www.lebron16shoes.us/
https://www.valentinoshoessale.us.com/
https://www.nikeairmax720.us.org/
https://www.nikeoutletstoreonlines.us.com/
https://www.louboutinheelsshoes.us.com/
https://www.nike-runningshoes.us/
https://www.charmsbracelet.uk.com/
https://www.lebron16shoes.us.org/
https://www.nikesneakersoutlet.us.org/
https://www.airjordan9.us.com/
https://www.lebron-jamesshoes.us.org/
https://www.jordan1high.us.com/
https://www.red-bottomshoesforwomen.us.com/
https://www.nikeshoesfactorys.us.com/

コメントを書く

(ウェブ上には掲載しません)

トラックバック


この記事へのトラックバック一覧です: コメント欄のメールアドレスを非表示に:

« サイドバー折り畳み2 少し修正しました | トップページ | ココログ過去記事編集用bookmarklet »

contact

検索

無料ブログはココログ
2023年1月
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30 31        

BANNERS