コメントフォームをAjax化してみました!

| コメント(21) | トラックバック(0)

さあ、誰か気づいたかな?

実は今日、このブログのコメントフォームをAjax化してみました。

最近、なにかと流行なAjax。僕も少し勉強してみようと思っていたところでした。

Ajax化したことによって何が利点かというと、コメントのプレビューや投稿がページ移動なしに出来てしまう。スゴイw

たとえば、下記の画像はコメントプレビューの様子をあらわしてみました。

image.gif

最初、プレビューのボタンを押すと、"Now Loading..."が表示され、その次にプレビューが表示されます。

この操作が、ページ移動なしにできちゃうのです。

まあ、試してみるのが一番!

皆さんも、早速このブログのコメントフォームを使ってみてください。

現在、Ajax コメント機能はオフにしてあるので、テストはできません。

 

これ結構すごいでしょ?

これは、JavaScript のみで動いていて、とても便利~w

ちなみに、今回は下のサイトを参考にしてみました。

こちらのサイトで、設置方法や使い方など詳しく説明されています。

僕の場合は、これにちょこっとだけ?変更を加えていますけど。

まあ、僕は JavaScript とかはあまり詳しくないので結構苦戦・・・。

おかげで、試行錯誤しているうちに設置に2時間以上かかってしまいましたorz

でも、なんか Ajax(JavaScript) って楽しいですねw

特に、prototype.js というものがあって、それを利用するとかなりすごいことが、いろいろできちゃいますw

ん~、ハマりそう~♪♪

たまには、C とか VB とかじゃなくて、こういう JavaScript でなんか作ってみるのも楽しいかもしれないな~。

早速、自分のサイトやこのブログを Ajax を使っていろいろ手を加えてみようと思います。

お楽しみに~。

トラックバック(0)

トラックバックURL: http://techno-st.net/mt/mt-tb.cgi/275

コメント(21)

お疲れ様です。
どんな感じになったか確認させていただきます。

テストさせてください。

>taさん
テンプレート変えたんでテストできませんw

てst

テストさせてください。

送信テスト

テスト

test

現在、Ajax によるコメント投稿をオフにしているので、動作しません。
テストしても無駄です。

テストさせてください。

テストしてみました

ちょっと見せてください。

YOROSIKO

参考になります。

てst

てst

コメントする

2009年12月

    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    

最近のブログ記事

gist を有効的に活用する為のスクリプト
今まで、ソースコード管理システムなんて、…
USB-WSIM を Linux で使う
最近風邪引いてどうにもならない感じ…
Python のメソッド可変長引数とか。
自分の記憶を整理する為のメモ。 Pyth…

for mobile

Ads

 - trial and error



track feed trial and error