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]

Hehe.. I just meant temporarily uninstall it to see if the settings problem goes away. Glad you like it though.

[GenSec]

Very nice. I like it.

[Exo]

thanks very nice hack :bunny:

how can i set it so that the thread starter can not see the quick edit button?

[EvilLS1]

Thanks.

how can i set it so that the thread starter can not see the quick edit button?

Not sure if thats possible without adding a query.

[Sn00peh]

did anyone try this with 2.3?

[Parker Clack]

Great hack! My members already love it.

I changed the input code in the showthread_quickedit template

from:

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

to:

<input name="r2" type="button" style="font-face:verdana;font-size:12px" value="Quick Edit" onClick="toggleT('e$post[postid]','s')">

and

from:

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

to:

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

I like buttons better for some reason.

Thanks for the great hack.

Parker

[EvilLS1]

Sn00peh, I'm pretty sure this will work fine with 2.3.0 .

Parker, y/w. glad you like it.

[Robink]

Im on 2.3.0 and it works beautifully.

[Parker Clack]

I have a Spellcheck script that I use that can be put into any form on a web site. I use it with the regular edit function, the new reply and new thread on the forum.

<form name="spell">
<script>
function sendtext() {
var semi = new RegExp("\;","g");
document.send.checkme.value = (document.vbulletinform.edittext.value.replace(sem i,"\;"));
document.send.form.value = "vbulletinform";
document.send.field.value = "edittext";
window.open('','SpellChecker','width=640,height=48 0,scrollbars=1,location=true') ;
document.send.submit();
}
</script>
<input type="button" name="SpellCheck" value="Spell Check" onclick="sendtext()" class="bginput" tabindex="5" accesskey="c">
</form>
<form name="send" action="/cgi-bin/spell.pl" method="POST" target="SpellChecker">
<input type="hidden" name="checkme">
<input type="hidden" name="form">
<input type="hidden" name="field">
<input type="hidden" name="spell" value="check">
</form>

Is there anyway to incorporate this into this hack? I have tried but when I use it it doesn't work and just generates an error.

Thanks,
Parker

[EvilLS1]

Try this..

In your spell checker form find:

document.send.checkme.value = (document.vbulletinform.edittext.value.replace(semi,"\;"));

Raplace it with:

document.send.checkme.value = (document.vbulletinform.message.value.replace(semi,"\;"));

Find:

document.send.field.value = "edittext";

Replace it with:

document.send.field.value = "message";

Or if that doesn't work use this instead:

document.send.field.value = (document.vbulletinform.message.value);

If that doesn't work just post the javascript error message and we'll try to figure it out.