Geekzブログに機能拡張!

Geekzブログにコメント機能といいね!ボタンを設置しました。

いいね!ボタンは1つの記事に対して1人一回まで押せます。

コメント機能はCSRFあるけど、そのうち直すw

投稿されたコメントは表示・非表示できるようになってます。
今回はこのことについて書きますか(正しい方法かどうか保証できないけどw

テストページ

HTML
----------------------------------------------------------------------------------
d0210354_16141757.jpg


CSS
----------------------------------------------------------------------------------

#comment{
display:none;
}


JavaScript
----------------------------------------------------------------------------------
d0210354_16102824.jpg

----------------------------------------------------------------------------------

これでOKです。

CSSであらかじめ非表示にしておきます。
そして、JavaScriptでCSSの設定をかえてるだけです。

非表示にする方法は、他にも
visibility
がありますが、上のテストページのように
スペースが確保されてしまうので、今回はdisplayを使います。

暇だったら使ってみてねw

GEEKZ
http://geekz.zzl.org/blog.php?cate=dail&con=4

(´Д`)ノシ
[PR]

by r-skull | 2011-03-21 16:24 | Web製作