Deprecated: Function set_magic_quotes_runtime() is deprecated in /home1/cloudsd1/public_html/theparkerproject.com/textpattern/lib/txplib_db.php on line 14
 

 

 

Previewing Comments in Textpattern

I

don’t mind Textpattern’s insistence on commenters previewing their entries. However I do think that the process could be a lot less confusing.

On this site the user is presented with a call to action that is centre screen and easy to understand. Please try it yourself and give me your feedback.

(note: I think the text I’ve used could be improved. If any usability-biased-copywriters want to give me some tips I’m all ears!)

I’ve implemented the solution using the gaw_if_comment_preview plugin:

Comments Display Form:

<txp:comments_error /> <div id="cmntform"> <txp:gaw_if_comment_preview> <div class="cmntpreview"> <h1>Here is your comment:</h1> <div class="previewtext"><txp:comments_error /><txp:comments_preview wraptag="p" /></div> <h1>To accept your comment, Please Click Submit:</h1> <txp:comment_submit /> <br /><br /><p>To make changes, please click <a href="#cmntform">edit</a></p> </div> </txp:gaw_if_comment_preview> <h2>Add Your Comment</h2>

//Then you can insert your regular comment input syntax here//

Relevant CSS

.cmntpreview {position:absolute; top:20px; background-color:#fff; width:690px; text-align:center; padding:20px; margin:auto; border:#000 6px solid; height:auto;} .cmntpreview h1 {margin:20px 0; } .cmntpreview .button {cursor:pointer; width:200px; position:absolute; right:240px;} .cmntpreview p {margin:30px; } .previewtext {text-align:left;} .commentspreview

 
Author
Amit
Info
May 15, 03:07 AM
Permanent Link

1

just wanted to see your how your comment preview solution works

 
Author
01010
Info
May 15, 03:17 AM
Permanent Link

2

testing your comment form!

edit: I like it! Nobody can miss that message!

 
Author
Adam Messinger
Info
May 15, 04:29 AM
Permanent Link

3

That’s definitely a noticeable message! :-)

Just so you know, you can probably do the same thing with the built-in tag txp:if_comments_preview. That’s what I’m using on my own blog. If you’re using an older version of Txp, however, this may not be available.

 
Author
kus
Info
May 15, 08:43 AM
Permanent Link

4

textpattern forum thread is dropping me here.

test your nice comments preview.

Damn! is pretty comments form mechanism :D

 
Author
Chris
Info
May 15, 03:19 PM
Permanent Link

5

Thanks for dropping by – I’m glad you like it!

 
Author
Chris
Info
May 15, 05:30 PM
Permanent Link

6

Dang! In ie my comments are dropping off the side of the page!

 
Author
Geoff Munter
Info
May 17, 06:00 PM
Permanent Link

7

Comments are sliding off to the left for IE.

Let’s see this little doozy in action then…

 
Author
kus
Info
May 18, 09:27 AM
Permanent Link

8

Chris,

would you have plan to make comment previewing mechanicsm like this
?

Please , trying to make comment on that page, and you will see , what I mean.

He is using MT.

Thanks.

 
Author
Chris
Info
May 28, 12:37 AM
Permanent Link

9

Kus, that commenting mechanism is pretty clean for sure.

 
Author
Chris
Info
Jul 30, 08:44 PM
Permanent Link

10

Fixed odd comment behaviour in ie6

 
Author
Cthulhu
Info
Sep 8, 03:26 AM
Permanent Link

11

Let me try your system out. It may help me with the layout of my own TXP-powered website.

 
Author
robin
Info
Sep 25, 07:44 PM
Permanent Link

12

nice idea — was needing exactly this.

 
Author
Josh
Info
Oct 10, 08:00 PM
Permanent Link

13

Lets see exactly how this thing works..

 
Author
Goran
Info
Nov 2, 07:32 PM
Permanent Link

14

Maybe I will use this on my site.
But first I must try it.
Cheers.

 
Author
Vujo91
Info
Dec 6, 04:02 PM
Permanent Link

15

Thanks a lot for this

 
Author
Andi
Info
Dec 27, 11:19 PM
Permanent Link

16

Would be better if there is even an option to have only submit button for those who want it.

 
Author
Chris
Info
Dec 28, 01:03 AM
Permanent Link

17

@Andi
With a little source code trickery you can do just that (google it if you’re bothered).
This method is there for people who are happy to work within the (well-reasoned) preview-required constraint of the core txp build.

 
Author
Christopher Webb
Info
Mar 31, 06:36 AM
Permanent Link

18

This looks great!

 
Author
per
Info
Apr 7, 10:35 PM
Permanent Link

19

test

 
Author
Chris
Info
Apr 18, 08:35 PM
Permanent Link

20

Comment Check after a code upgrade!

edit: Still Working

 
Author
andy
Info
Jun 4, 03:34 AM
Permanent Link

21

http://theparkerproject.com/article/19/previewing-comments-in-textpattern

 
Author
Lauren
Info
Jan 21, 11:46 AM
Permanent Link

22

Trying to work out my own txp:comment woes.

 
Author
Term papers
Info
Jul 9, 12:06 PM
Permanent Link

23

Good Work, thanks for sharing this is information!!!

 

Add Your Comment

You may use textile in your comment.

Entering your website is optional.

Your Email is required (but it is kept hidden).

* After hitting submit you will be asked to enter a 5-digit code - This is an Anti-Spam measure

 

x

Contact
Phone
Email
SMS (Free)
Skype
AIM
TPP Businesses
Opinion Systems
Elite Presentations
Apex Audio
Apex Web Agency
Favourite Articles
10 ways to Raise Funds
How to Get Noticed
Making Your Business seem bigger than it really is
Top Commenters
Geoff
Karl
Mark
Last.fm (Realtime)
Nirvana - Smells Like Teen Spirit
Blind Melon - No Rain
Ben Folds - The Luckiest
 
 

Colophon

CMS
Textpattern
Framework
960 Grid System
Type
Garamond
Georgia
Validate
HTML
CSS
Further Info
Read More...