New Posting Features - Message auto-save/drafts

An auto-save feature was recently added to vB4, so I figured it would be nice if we vB3 users could also get something similar

While this this isn't a server-side solution, I think that it's still pretty solid, as it relies on the localStorage system in your browser, which is supported by Safari, FF 3.5+, Opera, Chrome, and IE8+.

I have tested this on FF6, the latest Safari and Chrome, and IE9. I wrote it with IE8 in mind, but haven't tested IE8 as my forum skin doesn't support it (yup, it's a terrible browser).

For now, I am marking this as a beta release until we're sure it works in all browsers that support localStorage and there aren't any outstanding bugs.

Where does this work?

• Quick reply
• New reply/New thread
• PM quick reply
• New PM
• PM regular reply
• Anywhere else you want, given that the page contains a form named "vbform" and a textarea named "message" (or the vbulletin wysiwyg editor)

How does this work?
You can start typing a post, close your browser, open the same page, and the post will still be there. Note that this mod keys data by URL in order to avoid collisions.

The mod automatically and silently restores posts when possible. However, if the editor already contains something when you load the page (i.e. PM quick reply), then you will receive a prompt asking you whether or not you want to work with the recovered text.

This mod works even if you disable the WYSIWYG editor and it will quite likely work with older versions of vB all the way down to 3.5.

Installation
Installation is simple.

1. [1]Download the attached file (or download the file directly and skip step 2)
   [2]Change the extension to .js from .js.txt
   [3]Upload it to your forum's clientscript directory
   [4]Add the following code to the bottom of your forum templates* wherever you want this mod to work:

<script type="text/javascript" src="$vboptions[bburl]/clientscript/vbulletin_autosave.js"></script>

If you don't care about http overhead, you can put this code in your footer template as it will die gracefully on pages without an editor. However, I recommend only putting it in templates that use it. On my forum, I've added it to the following templates: SHOWTHREAD, newreply, newthread, pm_showpm, pm_newpm On top of that, if you don't allow guests to post, wrap the code in a member-only conditional: <if condition="$show['member']">...</if>

*the script tags must be placed after the editor text area element; this doesn't necessarily have to be the very end of the template, although it's good practice to do so

License:
You are free to use, modify, re-post and re-distribute the code as long as you credit me in the script comments. Improvements and derivatives are welcome!

Note: This is a CLIENT-SIDE mod. Please be sure that any issues you may report aren't related to the fact that a. your browser is misconfigured or b. you are using an old/unsupported browser.

[Max Taxable]

No worky.... FF 7.

[Max Taxable]

UPDATE!

This mod Works great on my board (3.8.6) and with my browser (FF 7).

Reason I didn't think it did before was, I use Cloud Flare and changes such as this aren't immediately visible! Takes awhile for such changes to propagate through the system!

[EddyMaxx]

Great mod!! Thanks.

[MoMan]

I've uploaded an updated version of the file in which I fixed PM quick reply compatibility in firefox and added better support for IE8.

Glad to hear you guys like it!

[MoMan]

I've upload version 0.3 which fixes a potential issue with data keys. I recommend that everyone updates their js file to guarantee correct URL association with the saved data.

[EddyMaxx]

Cool, thanks man.

[Max Taxable]

Originally Posted by MoMan

I've upload version 0.3 which fixes a potential issue with data keys. I recommend that everyone updates their js file to guarantee correct URL association with the saved data.

Same link to click to get the updated version?

[EddyMaxx]

This started causing some issues. A few folks kept getting their browser closed whenever they went to showthread or PM box. It would just close out when they tried to open a thread or PM.

I removed the script tags from all areas and its back to normal.

Any ideas?

I uploaded the latest javascript file as well.

[MoMan]

Version 0.4 is up, with improvements to data clearing when a post is submitted as well as slightly shorter code.

This script shouldn't cause anyone's window to close. What browser were they using? Users of my site haven't observed this.