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

| コメント(22) | トラックバック(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

コメント(22)

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

テストさせてください。

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

てst

テストさせてください。

送信テスト

テスト

test

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

テストさせてください。

テストしてみました

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

YOROSIKO

参考になります。

てst

てst

tast

コメントする

2010年8月

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        

最近のブログ記事

Linux で Japanino を使ってみる。
大人の科学マガジン vol.27 …
Linux に Android SDK 入れてみる
せっかく Android 端末 (…
Mac OS X で cadaver を使う
最近ですね、うちの学類の計算機室のマシン…

for mobile

Ads

 - trial and error



track feed trial and error