Plugins
Home

The plugins site is currently in development.

We've been looking to provide a higher-quality, spam-free experience at the plugins site for some time, and a major error on our part forced us to shut down the current site before we could put the new one in place. We are developing a new site, and you can follow along with its development on GitHub. For more information about this transition, including steps you can take as a plugin author to prepare, please read our post about what's going on.

edit


EditableSet - Simultaneous edit-in-place for an entire dataset.

Submitted by miwillhite on July 15, 2010 - 8:18pm

EditableSet was designed for Ruby on Rails apps, but it will work with any web application. When activated, it wraps the target object’s inner html with a form, converts all spans with the attribute “data-name” to inputs, then appends “Submit” and “Cancel” buttons. Pressing the “Save” button will submit the form via ajax (PUT). Originally based on and inspired by Mika Tuupola’s Jeditable.

View the Sample Page
Download the Source

In Place Edit Select Box

Submitted by ItsBen on December 3, 2009 - 5:02pm

The plugin allows you to edit select box items in place.

SingleEdit

Submitted by wbfsa@126.com on November 27, 2009 - 3:20pm

this is a open source editor base on Jquery plug-ins ,
Currently it support eight kinds of Editing mode,
and thirty-one kinds of Validation mode ,
perfect support for ajax,
all major browsers support.
example:

$(function() {
  $(".example").singleEdit({
        data: { textbox: "(click me please)"},
        main: [
              { id: "textbox", type: "textbox" }
                 ]
            });    
});

website: http://www.wbfsaworkstation.com.cn
download: http://code.google.com/p/singleedit

jFormMap Web forms.

Submitted by ernestofreyre on September 17, 2009 - 2:56pm

jFormMap is a plugin that creates fully functional formularies based on javascript objects definitions or JSON files. It renders fully integrated JSON data including both master and details.

Download a fully functional demo (the demo works best on Firefox) included in the package.

Features:

  • Simple data types: String, Int, Float, Boolean, etc.
  • Grouping of fields
  • Captures related data inline
  • Keyboard shortcuts
  • Internationalization multilanguage support

      • Future:

      • Definition based validation
      • Formula field
      • Image fields
      • Data internationalization
      • CouchDB integration
      • more...

jQuery Quick Edit

Submitted by youthhr on July 21, 2009 - 12:17am

Form plugin for jQuery, provides simple ways to edit text.

Try out a demonstration

Setup

Include the script and stylesheets in your document (you will need to make sure the css and js file are on your server, and adjust the paths in the script and link tag)

<link href="jquery.quickedit.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="jquery.quickedit.js"></script>

Quick Start

$(document).ready(function () {
  $('.quickedit').quickEdit();
});

Use TextArea

$(document).ready(function () {
  $('.quickedit').quickEdit({
    textarea: true
  });
});

HTML

<div id="id_text">This is a jQuery Quick Edit Demo.</div>
<a href="/quickedit.php" rel="id_text" class="quickedit">edit text above</a>

NOTES:

TypeWatch

Submitted by DennyDotNet on August 16, 2007 - 8:26pm

Calls a function when a user has changed the text within a textbox or textarea and after the user has stopped typing for a specified amount of time.

Note* This is not the OnChange event, instead the function is called after the user has finished typing (or if the user stopped typing for # amount of milliseconds) even if the textbox continues to have focus.

This can be used in conjunction with an AutoComplete implementation, so instead of firing an AJAX call every 500 ms, you can fire it once when they've stopped typing.

Example:

// callback: The function to call
// wait: The number of milliseconds to wait after the the last key press before firing the callback
// highlight: Highlights the element when it receives focus
// captureLength: Minimum # of characters necessary to fire the callback

var options = {
callback:function(){ alert("changed search text"); },
wait:750,
highlight:true,
captureLength:2
}