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]

Thanks.. Glad you like.

[Dean C]

Good use of JS again

- miSy

[dstruct2k]

A few clicks of the mouse, and a bit of HTML editing for the postbit, and I have this working perfectly! Awesome hack! Simple install, and amazingly simple to use.

[gulldarek]

lol, great hack

/me clicks install

[Guru360]

Nice hack, I have lots of lazy members lol

[EvilLS1]

Thanks.

[[Fx]AssAssiN]

very nice! :classic:
/me clicks install

[T?Pau]

06-29-03 at 01:21 PM EvilLS1 said this in Post #1

Known issues: This doesn't work with mozilla browsers.. Clicking the QuickEdit button simply won't do anything. It works fine with Internet Explorer and Opera.

[high]* T?Pau is a Mozilla Fan ....
[/high]
...so I made this Java Script working in Mozilla

PHP Code:

<script type=text/javascript>
function toggleT(_w,_h) {
if(document.getElementById) { //This for Mozilla
if (_h=='s') eval("document.getElementById(_w).style.visibility='visible';");
if (_h=='h') eval("document.getElementById(_w).style.visibility='hidden';");
}
if (document.all) { // is IE
if (_h=='s') eval("document.all."+_w+".style.visibility='visible';");
if (_h=='h') eval("document.all."+_w+".style.visibility='hidden';");
}
else { // is NS? 
if (_h=='s') eval("document.layers['"+_w+"'].visibility='show';");
if (_h=='h') eval("document.layers['"+_w+"'].visibility='hide';");
}
}
</script> 


But I have a Problem in Opera. The Box opens and when I try to safe the changes, it loads an empty side.

[Hazzz-E]

Thanks man

this is a great hack

[EvilLS1]

T?Pau,
I just tested your code with Opera 7 and it works fine for me.. Also works with Mozilla now. Good job! With your permission I'd like to update the hack instructions and add your javascript for mozilla. I'll give credit to you for that in the main post of coarse. Let me know.