Wednesday, March 8th, 2006
Wordpress Ajax Comments
In a quick blog post from Wekgna.com there’s some information about adding an Ajax-enabled commenting system to your Wordpress blog.
Finally, my blog is ajaxified and all this is made possible with the help of Safirul of zeo.unic.net.my. I was initially intrigued with the commenting system at K2 and Squible where a nice animatic effect of the comment appears right after you click on the post button. It was Ajax and I wanted it on my blog. But I don’t want Squible nor K2.
Scouring the web, I found 4 resources of doing this with wordpress.
The four resources listed are:
In each of those articles, it’s described how, with the corresponding technology, they implemented Ajax comments into their blog/site.
4 rating from 296 votes
I posted about the techniques I used in implementing an Ajax-commenting system on my Movable Type weblog a little bit ago:
http://bbuchs.f2o.org/archives/2005/06/23/ajax-ified_weblog/
And, as fate would have it, I’m in the middle of a rebuild, so I updated the script to work with the latest version of Prototype/Scriptaculous. Haven’t gotten a chance to do the write-up on this build yet, but it’s coming…
ya this is great post.. me too dont want squibble or k2 but what the AJAX part alone in my blog
All the Ajax methods and libraries SUCK! I was under the impression that Xerox PARK invented GUI and both Apple and Microsoft perfected the technologies and created excellent reusable GUI Classes..
Why are you debating among many inferior methods when we can build reusable Ajax GUI Classes to build superior online applications?
Please read:
http://www.cbsdf.com/misc_docs/why-gui-api.htm
http://www.cbsdf.com/misc_docs/gui-api-brief.htm
What else you need. What chance any other framework has and can offer? This is not a vapor where. The inventor has put 100% proof in the web site and challenged the world to prove him wrong. If you are a technology super star then try to invalidate the technology.
When common sense prevails all the other Ajax frameworks and methods will be marginalized.
John
According to Fiddler that page needs 448KB to load! That’s quite a lot for a simple commenting system that is flawed on so many points it isn’t even funny anymore.
1. The numbering is al wrong for existing posts
2. My new post is numbered 1, although it should be 25
3. I see my new post, but others don’t. What’s the use of Ajax? You could have added my comment using 1 line of JS not needing a round-trip if you’re only planning to show my post to me live.
4. The animation is wrong
5. I can’t submit again
And all of this for under 500KB.
What the Ajax community needs is a filter to separate the amateurism from the professionalism. Shit like this isn’t the right example for any of us.
Lon -
First off, I’m not the author - but LIGHTEN UP!
#3 - it’s a commenting system, not a chat room. the point of the ajax usage is to limit the amount of data coming back from the server - just your post, not the whole damn page.
#5 - again, not a chat room. some weblog setups have a throttling feature that doesn’t allow you to submit multiple comments quickly.
And thanks for the link to your site so we can all be exposed to your so-called professionalism.
Hi Anonymous,
if the point of Ajax in this case is to limit the amount of data coming back from the server, why does the page have to be over 400KB?
If this is not about making the commenting system seem alive, why not target a hidden iframe then on submit and don’t get back any data at all?
You don’t need Ajax for what you are describing. Spare yourself the huge amount of script in that case.
This particular implementation of a commenting system has nothing to do with Ajax. It’s not asynchronous, there is no need for XMLHTTP and there is hardly any need for JavaScript.
Do people really see this as a fine example of Ajax?
OK, I’ll shut up. My apologies if I offended anyone.
I agree that 400k is at least 4x too large for what’s being done on that page. But it’s not a flawed concept - It’s a *simple* example of ajax. A weblog isn’t a web application.
Hi Lon,
I’ve checked, the numbering was ok, I posted a new post @42 and the number turn up correctly. On #3, the idea is to have ajax for the person who is doing the commenting, if there is a oneline js that does that, do share it, like you said, no one wants a round-trip. On the 400k part, I am really intreague, to implement this, I added 3 files that is about 80K total. If the whole page loads at 400k, something is wrong and I need to get fiddle…
[...] ajaxian.com/archives/wordpress-ajax-comments [...]
[...] Ajaxian’s new article is about implementing “lighter ajax add comment tools” to Wordpress. I’ll be working on the code to implement it on WordPressMag too. According to Chriss there are 4 specific site to learn the how-to! Take a look at these 4 sites/blogs: [...]
K2 and squible aren’t the only wordpress themes that support AJAX enhanced live comments - don’t omit Binary Blue, which additionally has integrated full support for AJAX Paged Comments and doesn’t suffer from the same bugs as the other two themes.
[...] Ma… come ottenere tutto ciò in WordPress?Un po’ di tempo fa vidi un plugin che si prefiggeva di fare tutto ciò (CanaryComment), ma lo testai ed il risultato non fu dei migliori (ergo: non funzionava).Qualche giorno fa ho letto invece un interessante articolo su Ajaxian intitolato "WordPress Ajax Comments" dove se ne parlava, e si faceva il punto sui diversi metodi utilizzati per ottenerlo. [...]
Got it installed. Working Great.
Thanks!
[...] Ajax Templating - Separation of Layout and Logic: [...]
I wonder since you mentioned what you did if you know how to make this work for me…Great blog here. have a nice weekend! Sally
is it a hack that you have here or a true plugin?
I have dreamed for a ajax comment for a long time!
[...] Script.aculo.us 1.6 Released: [...]
[...] DOMInclude: Replacing pop-ups: DOMInclude is a library that allows you to add inline dynamic includes of content rather than using window popups. Pop-up windows are a pain for both the developer and the users. Often enough a page needs to link to a terms and conditions document and as the client does not want the user to leave the page you are asked to implement them in a pop-up. The problem with this are technical and psychological: years of unsolicited pop-up windows have conditioned users to immediately close windows when they open the same reason and security concerns made people install pop-up blocker software and browsers to include pop-up blocking options, and depending on their configuration these may even block your “friendly pop-ups�. [...]
[...] Prototype: Easing Ajax’s Pain: This article describes Prototype, an open source JavaScript library to create an object for an AJAX application. I explain how to use Prototype by describing an environmentally oriented web application that displays an annual atmospheric carbon dioxide (CO2) level. First, I will discuss Prototype’s benefits and describe how to set up Prototype in your application. Second, I will delve into the nitty-gritty of how this application puts the library to good practical use. [...]
[...] I also realised that AJAXian had the unfortunate wording in their post that I might have meant that with the article and the comments on the AJAXian post were an interesting read indeed. [...]
[...] When Ajax Gets Abused: [...]
[...] Well, more than a few people have picked up on the various articles floating around regarding Ajax and scalability. Thanks to Michael Mahemoff for reading my piece and reposting it (check the comments). Stuart Halloway over on Relevance also picked up on the thread (alas he didn’t notice my commentary…) and made a great point - the server vendors win in this game! Interestingly, this is the second time in less than a week that I’ve read a variant of this quote (though it’s not attributed in Stuart’s article, according to wikipedia, it’s Jan L. A. van de Snepscheut). In theory, there is no difference between theory and practice. But, in practice, there is. [...]
[...] script.aculo.us Reflector: [...]
Thanks for info, I’d been wondering how to do this!
Found this awesome site to post about scams that have affected you. I have learned a lot of what not to do online since reading some of the posts. I have added them to my favorites and they even offered me a free blog to post about my dealing with clickbooth.com who wont pay me…
[...] Really Easy Field Validation with Prototype: [...]
[...] Ajaxian » Really Easy Field Validation with Prototype Enter Really Easy Field Validation. It lets you do the following with your form elements, using the class attribute to indicate what kind of validation is needed (assumes Prototype 1.5, included with Script.aculo.us 1.6.1): [...]
[...] Search results, tags, comments, and data validation are all good examples of transient data. All are given to flux and make perfect candidates for manipulation by AJAX or similar technologies. [...]
now everyone will want to just test your comment system.
(I guess LivePreview isn’t ajax tho) lets see
It’s a shame that everyone is testing. Well, I’m doing it too.You better clean up the comments later. :p
Is there any ready to use comments plugin for wordpress 1.2 mingus running on Ajax? I’d love to use ajax on my blog. Pls help.
apa comment ini sudah menggunakan ajax juga?
[...] However, there does seem to be some debate over at the Ajaxian.com comments as to its implementation and true nature. [...]
[...] Prototype Window Class: [...]
The live preview is pretty cool, but is ajax really necessary for a comment system???
Aren’t we going a bit far with this?
samfind
http://samfind.com
[...] protoGrowl: Notification Messages: [...]
yay for ajax
[...] Ajax anti-patterns: [...]
[...] 50 Ajax Reference Websites from Around the World: [...]
My name is Ruby i am working on a big project at high school about blogs. I hope you don’t mind me mailing a few words on this text as my tutor needs to see it. Your blog is really good by the way.
I cannot make it work, ntsch.
This is a great plugin, congratulations
this is making me frustrated not being able to make it work :(
At least I know that ajax hasn’t quite worked out for my blog (yet)
I guess I need ajax for my blog.
Your site is great. I just happened to have a moment to surf the net and came across it. Thanks 4 the good information I have found on your site. Nice site. Bookmarked.
I used Mike Smullin’s AJAX Comments plugin and it worked perfectly just dropping it into place. No template changes were even necessary!
[...] Ajax Activity Indicators Examples: [...]
I’m wondering if it’s worth the trouble for me.
Whooa
This is a cool plugin!
Thanks.
[...] Advanced Box Model Testing: [...]
[...] Link Thumbnail: Photo Mouse Over: A little bit JavaScript, a little bit CSS and a little bit clairvoyance, Link Thumbnail shows users that are about to leave your site exactly where they’re going. When that curious mouse pointer hovers over a link pointing to somewhere outside of your site, the script displays a small image of the destination page. It’s a nice visual cue that serves a very real purpose: providing a clearer picture (no pun intended) of what’s ahead. [...]
Howdy. Very nice theme. Been looking for one that suits my taste. Seems you gave me an idea.
I was wondering how long this was going to take. Nice work.
Couldn’t get it to work
[...] Transcorners: Because you are obsessed with rounded corners: [...]
[...] Smooth Slideshow 2.0: [...]
[...] MochiKit.Animator: New Animation in MochiKit: [...]
[...] On Ajaxian, Dion points to Sun’s Phobos project, an attempt to build a new platform for server-side Javascript. Phobos came out six months ago, around the time of the May Ajax Experience. [...]
joo, how this work…
testing…
testing this ajax comment
[...] Spelling Cow: JS Spell Checker: [...]
Lets see if it works
Nice!
interesting commenting form
testing
Neat! Thanks.
test
[...] Firebug 1.0: Public Beta, Still Free, and a Lite version for other browsers: [...]
Pingback by Sam’s random musings » Firebug 1.0: Public Beta, Still Free, and a Lite version for other browsers — December 4, 2
I want to say, that ajax based plugins are really amazing!
The advantages of ajax, is that it load everything in one page, but in this case you don’t have urls for search engines :(
Motorboat! :D
I want to say thank you to the people who run this page. It is always a good resource and i am here almost every week reading all new stuff.
This is just my testing to this comment
second testing
third posting…. but hey… why it’s still reloading page??
Fourth Post :-)
========================================================================================================================================================================================================================================================================================================================================================================
ds
gosh, there are so many great wordpress plugins i’m never gonna leave my computer!
Thanks . Badly need this plugin , because users cant wait till the comments appear at the page .
let’s see f i need this
I will give it a test run on my blogs.
fg”h”‘h
Nice. Great help. thanks :)
teste
Very nice!
poasdm
just a test
just want to test out the ajax comment
http://ajaxian.com/archives/wordpress-ajax-comments
AJAX is great
Super plugin!
test comment
Cool!
To test the ajax function
Interesting
Let’s see if this is as cool as I think
Test
Thanks for the info….
Cool!
testu
great. just testing
wooo hooo!
Testinggggggg
awesome plugin
test
testttt
Testing to see how this works.
Testing comments
tetser0123456789
dsqdqs
Testing this comment :)
testing commenting system.
testationé
Can you recommend an ajax calendar?
woei!
comment test..
ezrh
testing..
Test McTestTest
blablabla (only testing)
trstrse
test
just testing
Thanks
Testing AJAX Comments.
testing
Great!! :Da
Test!
Test!
bla
test
slkdjflkjsdfs
test
only a test
is this using ajax-magic to show comments?
Wow, good article
waaao
Cool.
just testing!
Ajax comments? just testing
Test
sdf
yo yo ma. just a test yo.
testing this out… sorry
test
rty
Nice!
What?
test
Testing
test ediyorum.onaylayacakmıyım*
testing also. sry
Hey awesome
Nice work!
Excellent
This is Just a Test
asdfasdf
sgf
testfhghfgh
trying out the system
test
want to see this action
I like
sdasdas as dsa
Hola buen artÃculo
testing out the system
testingComment
Testing!
Testing!
nice!
test
wow
testing ajax
test
no spam please
just testing :
Test
ajax text
Love it!
asdasd
hi good work
test
really?
This is great!!
Hey Great Plugin.
Wuttup!
test test test
testing
testing
cool
Here is good tutorial for AJAX
Ajax Tutorial
go to Ajax link
great
WARNING! Shameless plug:
I have also developed a plugin (last year actually, but a few weeks after this article was written) for smooth asynchronous WordPress blog post discussion. It was recently updated to work with the latest version of WordPress, as well as WordPress MU. Geeky documentation is also included for the WP Hacker in each of you, so I invite everyone to check it out and see how it works. License is GPLv2.
AJAX Comments WordPress Plugin
http://wordpress.smullindesign.com/plugins/ajax-comments
@Ieyasu: Thanks for sharing your experience and I’m glad you are enjoying the plugin. If there is anything I can do to improve the plugin, let me know.
this is a test
sdffsddfs
test
sdfasdf
Excellent! I too was looking for a way to implement something like this without Squible or K2, and now I know! Also, I know this is off-topic but for those of you looking for a way to monetize your blog - try Chitika. I’ve tried a few others but Chitika still works the best for me. Check out this Chitika review for more info.
this is sweet
is this even ajax comments
Why isn’t this site or any of the 4 you have listed actually use the Ajax Comments? Was there a problem with it?
I’ve just installed it and seems to be working Good for now :)