Quick Edit! -Edit posts directly from within the thread itself

Hi,

This hack will allow your users to Edit their posts without having to load the editpost page..

How it works: In the bottom lefthand corner of all your posts will be a small "QuickEdit" radio button (users will only see it in posts which belong to them).. When you click it a small text box will instantly drop down below your post allowing you to edit it in the thread itself.
This will save you a lot of time when fixing those spelling mistakes, typos, or broken links.

Very easy to install.. One file edit, two template edits, and one template to add.

Credits: Thanks to T?Pau's javascript add-on this hack now works with Mozilla.


screenshots
View after clicking the QuickEdit radio button:
Screenshot #1

View before button is clicked:
Screenshot #2

Download Quick Edit (Click Here).

Update: For those who prefer an image button instead of a radio button use these instructions.
Note: Image button version does not work with mozilla browsers!

Screenshot of image button version

Also, added a check box for the signature to both versions.

Quick Edit for VB3 can be found here.




If you find this hack useful please click the install button.

[EvilLS1]

Yesterday at 04:01 PM PurpleCow said this in Post #80
Instead of radio button, do u have the image version for this quick edit hack ??

Thank you

Find this:

<input name="r2" type="radio"  value="" onClick="toggleT('e$post[postid]','s')"><smallfont>QuickEdit</smallfont>

Replace with this:

<a href="javascript:return false;" onClick="toggleT('e$post[postid]','s')"><img src="http://www.yoursite.com/forums/images/quickedit.gif" border="0"></a>

Change the URL in the code above to the path to your image directory. Then upload the image for the button (name it quickedit.gif). I didn't test it but it should work.

[PurpleCow]

hello,

This works fine, but a minor problem is what i have.

Like, when i click on the image in the post, the window opens up...there the hide radio button is already selected, which should not be so. How can make it so that the Hide option is not selected by default.

Inspite of working fine, it gives me java script erros, how can i avoid showing those java script erros in the status bar.

Thanks for any help.

[EvilLS1]

You could use a regular button instead of the "hide" radio button to solve the problem.

Find this:

<input name="r2" type="radio" checked value="" onClick="toggleT('e$post[postid]','h')"><smallfont>Hide</smallfont>

Replace it with this:

<input name="r2" type="button" value="Hide" onClick="toggleT('e$post[postid]','h')">

As for the javascript error, try using this for the image button and maybe it'll fix it.

<a href="java script:return false;" onClick="toggleT('e$post[postid]','s') return false;"><img src="http://www.yoursite.com/forums/images/quickedit.gif" border="0"></a>

[PurpleCow]

Okay, the Hide problem is solved.

But replacing the new code for image still has problem. When i replace it with the new code in your previous post, and check for the functionality, i get a page not found error when i clcik on the image. Also, when the page load, i get java script errors.

Thanks for any help.

cheers

Today at 08:17 AM EvilLS1 said this in Post #83
You could use a regular button instead of the "hide" radio button to solve the problem.

Find this:

<input name="r2" type="radio" checked value="" onClick="toggleT('e$post[postid]','h')"><smallfont>Hide</smallfont>

Replace it with this:

<input name="r2" type="button" value="Hide" onClick="toggleT('e$post[postid]','h')">

As for the javascript error, try using this for the image button and maybe it'll fix it.

<a href="java script:return false;" onClick="toggleT('e$post[postid]','s') return false;"><img src="http://www.yoursite.com/forums/images/quickedit.gif" border="0"></a>

[EvilLS1]

PurpleCow,
My bad, I made a mistake in the code above. Try this instead:

<a href="java script:return false;" onClick="toggleT('e$post[postid]','s'); return false;"><img src="http://www.yoursite.com/forums/images/quickedit.gif" border="0"></a>

I tested that on my own forum and it works fine.

{edit} I just noticed that the image button version will not work with mozilla type browsers. So if thats what you're using you should stick with the radio button version.

[EvilLS1]

For those who prefer an image button instead of a radio button use these instructions:

Note: Image button version does not work with mozilla browsers!

Also, both versions now have a check box to include the signature.

[EvilLS1]

Screenshot of image button version:

[PurpleCow]

EvilLS1 - Thanks for the zip file. I have a question before, i proceed with the image version installation.

Now, if i want to install image version, do you recommend un-installing the radio button version and then proceed with image version ?? or much of it remains same excepting a few changes ??

And yes, I am using IE6 and not mozilla. I am also testing it on IE6 only.

This hack will allow your users to Edit their posts without having to load the editpost page

You had mentioned this in your instructions file. Okay, i guess the radio button version allows only mods and/or admin to quick edit a post, but does this new image version allows even a registered member to edit their post ??

Thank you very much for your valuable time.

[EvilLS1]

The code in functions.php is the same, but you'll need to remove the radio button version's changes to the postbit template and then replace the whole showthread_quickedit template with the html in the instructions above.

You had mentioned this in your instructions file. Okay, i guess the radio button version allows only mods and/or admin to quick edit a post, but does this new image version allows even a registered member to edit their post ??

No both versions will allow all registered users to edit their posts via the quick edit feature. You can easily set it up so that only admins and/or mods can use it if you want.

[PacknCanes]

Quick fix for something that screwed up my computer but apparently is sporadic:

Find "<script type=text/javascript> " in your headinclude template and change it to "<script language="JavaScript"> ".

For some reason my computer was processing the text/javascript command as an infinite loop and it caused my CPU usage to skyrocket to 100% and stay there till I loaded another page. Not sure if this will affect anyone else, but if it hit me it may hit someone else, so it's worth a shot to change. No functionality of the hack is changed by editing that line, for the record.