ref: Modalpreview | DevKick

Modalpreview

Modalpreview is a lightweight jQuery script that makes it possible to preview the textarea content in a modal window before submitting the form.

Many blog readers prefer to preview their comment before submitting. It is always much easier to check language, spelling and sometimes markup when looking at the text in HTML as if it was already rendered on the site. Modalpreview automatically adds a preview button next to the submit button that brings up a modal window containing the textarea content, without reloading the entire page. It converts line breaks to <br> and removes the <script> tag to prevent hacking. Modalpreview can also strip HTML before rendering the preview.

Features

  • Automatically adds preview functionality to any textarea inside a HTML form
  • Cross-browser modular window with the textarea content rendered as HTML
  • jQuery plugin - easy to implement
  • Very useful in blog comments to avoid page loads
  • No javascript styles - use your own CSS files to add style
  • Tested in Safari 3, Firefox 2, MSIE 6, MSIE 7, Opera 9

Modalpreview is licensed under the GPL licenses.

Download Modalpreview

Related categories:

Comments? Need help with a component? Use our forums for further discussions.

Posted on the 20th of May at 8:03 am

From the blog RSS

Form validation with jQuery from scratch
3rd of July at 3:26 pm
Full Screen Image Gallery Using jQuery and Flickr
25th of February at 8:49 pm
Stylegala Reborn
30th of January at 7:30 pm
Hello?
24th of September at 8:00 pm
Design Inspiration: European Graphic Design from 1950-1970
30th of May at 5:08 pm
Parsing Strings With jQuery
28th of May at 12:21 pm
Modalpreview - Preview Your Comment in a Modal Window
19th of May at 8:32 pm
Milestone 01 - 70+ High-End Components for Web Designers and Developers
13th of May at 9:52 pm
Tripoli Beta
8th of May at 7:08 pm
The Visual Active State: Popular Techniques and Examples
2nd of May at 7:34 pm

DevKick News RSS

Image Spark
 18th of February at 8:14 am
Pattern Tap : Collections
 13th of February at 12:03 am
Bombia Design | Portfolio
 9th of February at 7:43 pm
Designers Toolbox: Web Safe Area
 8th of February at 5:03 pm
I would like to be a Pony
 3rd of February at 8:31 am
Josef Müller-Brockmann
 3rd of February at 8:06 am
Thinking for a Living?
 26th of January at 4:05 pm
Warrick - Recover Your Lost Website
 26th of January at 3:17 pm
Alexandros Vasmoulakis
 20th of January at 10:33 am
SEOmoz | How to Convince a Client They Don't Need a Splash Page
 16th of January at 7:27 am

From the lab