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.

data


Javascript based simple template engine.

Submitted by ismail-codar on October 1, 2010 - 10:11am

You can use normal javascript in a template.
Very simple and effective solution.
An average speeded engine. But simplest and most powerfull.

TableGear

Submitted by l_andrew_l on August 1, 2010 - 9:57am

TableGear is a software package for working with data on the web. It is designed get your data into a web page, and let you work with it quickly and easily, the way you would in powerful desktop applications like Excel.

TableGear is...

  • ...100% XHTML compliant.
  • ...designed for PHP and MySQL, but can still be used on other systems.
  • ...degradable for browsers without Javascript, like mobile devices.
  • ...quick, allowing you to be more productive.
  • ...customizable, giving you total control over your tables and form elements.
  • ...well documented, so you can learn how to use it quickly.

Sweet template

Submitted by markone on June 29, 2010 - 10:27pm

Sweet javascript template

Sweet (Simple WEb front-End Template) is a lightweight javascript template with high performance. It's small, fast, very easy to use, and, most important, extensible. It also has been integrated with jQuery.

See the template html below:

// Not like many other template tools, I use <[...]> as delimiters,
// but you can change delimiters to what you prefer by a little method...
var tpl = '<ul>'
    + '<[foreach ($data as item) { if (item.showMe) { ]>'
    + '<li><[= item.name ]></li>'
    + '<[ } } ]>'   
+ '</ul>';

Now we have a json data:

var data = [{showMe: true, name: "Jerry"}, {showMe: false, name: "Mark"}, {showMe: true, name: "Scotti"},
    {showMe: true, name: "Carol"}, {showMe: false, name: "Tina"}, {showMe: true, name: "Owen"}];

We can do this to get a replaced html:

var html = Sweet(tpl).applyData(data);
html will be:

GridIron - A jQuery freestyle json data grid

Submitted by thanos on June 23, 2010 - 4:05pm

Freestyle Grid

This plug-in lets you create a grid using either tables or divs & spans. I originally developed it to work with CouchDB but it will work with any JSON source.

The JQuery plug-in lets you map a CouchDb view to a html grid. That's it. I looked at the other JQuery grid plug-ins - many of which are really great - but I couldn't get them working and since I'm lazy. So here are its features:

* HTML agnostic you can use tables or divs or any HTML to layout your data.
* View JSON data from any source - such as CouchDB.
* Column sorting.
* Paging
* Compatible with JEditable. So you can edit your data creating new versions or in place.
* Really small - Currently under 3K.
* Coded in a clean fashion so you can subclass header/body or footer generation and the loading and saving of data.

User Guide: http://69.164.211.38/power/_design/reports/index.html
Download from: http://69.164.211.38/power/_design/reports/jquery.gridiron.js

MicroView

Submitted by DanielProbst on June 9, 2010 - 5:05am

Here we go with my newest JQuery Plugin called MicroView. The main purpose of MicroView is to provide an easy stylable component / widget to display data recieved by JSON or XML. To achieve this, MicroView isn't table based but uses div-nested spans to display the data. This different approach enables you to present your data in many different ways, as the first picture shows.

Switching between views is easy as well - and can be triggered client side. By switching a view you can also change the columns you wish to display (and of course their width). And oh yes, as you see in te picture, you can edit your data in every view, as long as your template allows it.

Your data, your style (oh what a catchphrase).

jQuery MicroAjax for ASP.NET

Submitted by TheXenocide on June 7, 2010 - 6:36pm

MicroAjax is a set of jQuery plugins and .NET components designed to provide simple, powerful and efficient Ajax centric web application design patterns. MicroAjax is developed in C# and JavaScript and works with ASP.NET 2.0-4.0. It is designed to simplify and optimize Ajax application development and improve application design and maintenance using jQuery and ASP.NET.

Not all components have been developed yet, but the core jQuery plugin is functional and is being used in production environments for client-side databinding/microtemplating and more convenient calls for .NET web services. FilmRally, a web application with social tools for film professionals, has been piloting microAjax during beta, showing a generous amount of time saved.

autoBits.js

Submitted by jreading on April 19, 2010 - 6:14pm

autoBits.js is a simple binary (base 2) bitwise plugin for jQuery.


You can use it to send lots an lots of boolean values in a little package.


You can store 31 values per instance and use in a cookie, through twitter, or in a single integer column in a database.

jQuery serializeObject

Submitted by Ben Alman on March 7, 2010 - 9:24pm

Whereas jQuery’s built-in .serializeArray() method serializes a form into an array, .serializeObject() serializes a form into an (arguably more useful) object.

Full documentation, source, and examples are available on benalman.com.

jQuery getClassData

Submitted by Ben Alman on March 7, 2010 - 9:15pm

If you’re not yet using HTML 5 data- attributes, you can store basic data in an element’s class attribute for easy retrieval. Just give each datum a prefix, which you can then use to select it.

Full documentation, source, and examples are available on benalman.com.

jQuery Plugin For FusionCharts Free

Submitted by fusioncharts on February 18, 2010 - 12:48am

About jQuery Plugin for FusionCharts Free

FusionCharts Free for jQuery is a jQuery plugin that allows you to integrate FusionCharts Free in your web application using popular jQuery syntax.

You can insert FusionCharts Free anywhere within a web page, manipulate the chart data and chart cosmetics and even provide data to the chart from simple HTML tables. With the jQuery Plugin for FusionCharts Free, your code becomes concise but coherent.

Visit jQuery Plugin for FusionCharts product website at http://www.fusioncharts.com/jquery/