Geekzブログに機能拡張!
Geekzブログにコメント機能といいね!ボタンを設置しました。
いいね!ボタンは1つの記事に対して1人一回まで押せます。
コメント機能はCSRFあるけど、そのうち直すw
投稿されたコメントは表示・非表示できるようになってます。
今回はこのことについて書きますか(正しい方法かどうか保証できないけどw
テストページ
□HTML
----------------------------------------------------------------------------------
□CSS
----------------------------------------------------------------------------------
#comment{
display:none;
}
□JavaScript
----------------------------------------------------------------------------------
----------------------------------------------------------------------------------
これでOKです。
CSSであらかじめ非表示にしておきます。
そして、JavaScriptでCSSの設定をかえてるだけです。
非表示にする方法は、他にも
visibility
がありますが、上のテストページのように
スペースが確保されてしまうので、今回はdisplayを使います。
暇だったら使ってみてねw
GEEKZ
http://geekz.zzl.org/blog.php?cate=dail&con=4
(´Д`)ノシ
いいね!ボタンは1つの記事に対して1人一回まで押せます。
コメント機能はCSRFあるけど、そのうち直すw
投稿されたコメントは表示・非表示できるようになってます。
今回はこのことについて書きますか(正しい方法かどうか保証できないけどw
テストページ
□HTML
----------------------------------------------------------------------------------
□CSS
----------------------------------------------------------------------------------
#comment{
display:none;
}
□JavaScript
----------------------------------------------------------------------------------
----------------------------------------------------------------------------------
これでOKです。
CSSであらかじめ非表示にしておきます。
そして、JavaScriptでCSSの設定をかえてるだけです。
非表示にする方法は、他にも
visibility
がありますが、上のテストページのように
スペースが確保されてしまうので、今回はdisplayを使います。
暇だったら使ってみてねw
GEEKZ
http://geekz.zzl.org/blog.php?cate=dail&con=4
(´Д`)ノシ
by r-skull | 2011-03-21 16:24 | Web製作