コメント入力欄を表示/非表示切り替えられるようにした

このサイトにおいてはスパム行為以外ではあまり使わない(悲)コメント欄を隠してしまうことにした。しかし、万が一の場合に使えないと困ってしまうかもしれないとも言い切れないので、コメント機能を完全にOFFにしてしまうのも忍びない。
つうわけで、普段はコメント入力欄を非表示にしておいて、入力欄のタイトルをクリックすることで表示/非表示を切り替えられるようにした。

やりかたはこんな感じ。

表示/非表示を切り替えたい部分を

<div id="hoge" style="display:none;">
〜〜〜
</div>
で囲む。

切り替え動作の起点となる場所をaタグで囲み、

<a href="javascript:showform()">
〜〜〜
</a>
とする。

あとはheadタグ内に以下のコードを書き込む。

<script type="text/javascript">
<!--
function showform(){
  Target = document.getElementById('hoge').style;
  if(Target.display=='none'){
    Target.display='block';
  }else{
    Target.display='none';
  }
}
-->
</script>

これで邪魔なコメント欄を消去できた。スッキリ。

後で時間見てヌルッと出てくるように改造しようっと。

 

トラックバック(0)

このブログ記事へのトラックバックURL:
http://1000leaf.net/MT41/mt-tb.cgi/15