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

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

How it works: In the bottom right-hand corner of all your posts will be a small Quick Edit icon (users will only see it in posts which belong to them).. When you click it a text box will drop down below your post allowing you to edit it instantly in the thread itself.

This will save you a lot of time when fixing those spelling mistakes, typos, or broken links. It should also help save on bandwidth since your users will no longer need to load the editpost page.

Very easy to install.. 2 file edits, 2 template edits, and 1 template to add.

Known bug: Quick Edit will NOT work with Opera web browsers. Those who use Opera simply won't see the option to quick edit (icon will be invisible when viewed in that browser). It'll work fine in other browsers such as IE or firefox.

Support: Due to work my time is limited as of late so this hack is released AS IS with no support. However, several questions have already been answered in this thread.

Update (7-25-04): Fixed a minor bug with the QE window moving further to the left with each click in mozilla/firefox browsers. To update simply replace your showthread_quickedit template with the new one. Thanks to sv1cec for this bug fix.

Add Ons:
*Show the "delete post" option for those who have permission in the Quick Edit form (also adds edit reason). (by sv1cec)
*Show the "edit reason" field in the Quick Edit form. (Requested by Convergys)
*Alternate Quickedit icon image (by ryancooper)
*Another alternate Quickedit icon (by sv1cec)
*Another alternate Quickedit icon (by charlesk)
*Yet another alternate Quickedit icon (by iguanairs)
*Give users the option to disable quick edit in the usercp (by pco)



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

Screenshot attached:

[EvilLS1]

Originally Posted by ZeroZone

May I ask for an option "delete this post" in the quick edit?
Thank you very much

In your showthread_quickedit template find:

<if condition="$bbuserinfo['signature']">			
<label for="cb_signature"><input type="checkbox" name="signature" value="1" id="cb_signature" tabindex="5" checked="checked" />Sig</label>
</if>

Below it add:

</form>
<if condition="$bbuserinfo['usergroupid']==6">
<form action="editpost.php" method="post" style="display:inline;">
<input type="hidden" name="s" value="$session[sessionhash]" />
<input type="hidden" name="p" value="$postid" />
<input type="hidden" name="do" value="deletepost" />
<input type="submit" class="button" name="deletepost" value="Delete" id="rb_del_soft" tabindex="1" />
</form>
</if>

Find:

</div>
</form>

Replace it with:

</div>

[ZeroZone]

Thank u very much, great modification. Clicked install

[AN-net]

um having problems with the edits:
u say to find:

PHP Code:

            $show['reputationlink'] = iif($vboptions['reputationenable'] AND $bbuserinfo['userid'] AND $post['userid'], true, false);
            break;
    } 


i have this in my file:

PHP Code:

            $show['reputationlink'] = iif($vboptions['reputationenable'] AND $bbuserinfo['userid'] AND $post['userid'] AND !($usergroupcache["$post[usergroupid]"]['genericoptions'] & ISBANNEDGROUP), true, false);
            break;
    } 


[gmarik]

Any idea how to add quick edit to shoutbox shouts, for example the vbIndex integrated shout?

[EvilLS1]

AN-net,
Thats because the code has changed slightly since RC1. Add it below this code and it'll work fine.

			$show['reputationlink'] = iif($vboptions['reputationenable'] AND $bbuserinfo['userid'] AND $post['userid'] AND !($usergroupcache["$post[usergroupid]"]['genericoptions'] & ISBANNEDGROUP), true, false);
			break;
	}

gmarik,
I don't use shoutbox so I don't know. Sorry.

[LordJMann]

Decided to spice this up a bit... Here is the new and improved quickedit template complete with phrase support!

<form enctype="multipart/form-data" name="vbulletinform" style="display:inline;" action="editpost.php" method="post">
<a href="#" onClick="toggleT('e$post[postid]','s');return false;"><img src="$stylevar[imgdir_button]/quickedit_icon.gif" alt="Quick Edit" border="0" /></a>
<div id="e$post[postid]" style="VISIBILITY:hidden; z-index:1; position:absolute;">
<input type="hidden" name="s" value="$session[sessionhash]" />
<input type="hidden" name="do" value="updatepost" />
<input type="hidden" name="p" value="$post[postid]" />
<input type="hidden" name="posthash" value="$posthash" />
<input type="hidden" name="poststarttime" value="$poststarttime" />
<input type="hidden" name="emailupdate" value="9999" />
<table class="tborder" cellpadding="6" cellspacing="1" border="0" width="500" align="center">
<tr>
<td class="tcat">
<strong>$vbphrase[edit_post]</strong>
</td>
</tr>
<tbody style=""> 
<tr valign="top">
<td class="panelsurround" align="center">
<div class="panel">
<div style="width:500px" align="left">
	<div class="smallfont" style="margin-bottom:$stylevar[formspacer]px">
	 <div>$vbphrase[reason_for_editing]:</div>
	 <div><input type="text" class="bginput" name="reason" value="$newpost[reason]" size="50" maxlength="200" tabindex="1" title="$vbphrase[optional]" /><input type="hidden" name="reason_exists" value="$edit[reason_exists]" /></div>
	</div>
	<div class="smallfont" style="margin-bottom:$stylevar[formspacer]px">
	 <div>$vbphrase[title]:</div>
	 <div><input type="text" class="bginput" name="title" value="$post[title]" size="50" maxlength="85" tabindex="1" /></div>
	</div>
	<div class="smallfont" style="margin-bottom:$stylevar[formspacer]px">
	 <div>$vbphrase[message]:</div>
	 <div><textarea name="message" class="bginput" style="width:450px; height:125px;" wrap="virtual" tabindex="1">$edittext</textarea></div>
	</div>
	<fieldset class="fieldset">
	 <legend>$vbphrase[miscellaneous_options]</legend>
	 <div style="padding:3px">
	 <if condition="$bbuserinfo['signature'] != ''"><div><label for="cb_signature"><input type="checkbox" name="signature" value="1" id="cb_signature" tabindex="1" checked />$vbphrase[show_your_signature]</label></div></if>
	 <div><label for="cb_parseurl"><input type="checkbox" name="parseurl" value="1" id="cb_parseurl" tabindex="1" checked />$vbphrase[automatically_parse_links_in_text]</label></div>
	 <div><label for="cb_disablesmilies"><input type="checkbox" name="disablesmilies" value="1" id="cb_disablesmilies" tabindex="1" />$vbphrase[disable_smilies_in_text]</label></div>
	 </div>
	</fieldset>
</div>
</div>
<div style="margin-top:6px">
	<input type="submit" class="button" name="sbutton" value="Save Changes" accesskey="s" tabindex="1" />
	<input type="submit" class="button" name="preview" value="Preview Changes" accesskey="p" tabindex="1" />
	<input type="button" class="button" value="Hide" onClick="toggleT('e$post[postid]','h')">
</div>
</td>
</tr>
</tbody>
</table>
<br />
</div>
</form>

You'll find it very attractive

[Boofo]

Can we see an image of it?

[Boofo]

Excellent job! That looks really good. Too bad I can't get this hack to work for me. The multiple quote hack I have installed interferes with this one.

I have to ask, how do you get the square corners on the legend instead of the rounded ones?

[LordJMann]

Originally Posted by Boofo

Excellent job! That looks really good. Too bad I can't get this hack to work for me. The multiple quote hack I have installed interferes with this one.

I have to ask, how do you get the square corners on the legend instead of the rounded ones?

Mine have always been square... Can I see a picture?

[Boofo]

Here you go.