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.

Plugins


Collapser
1 year 22 weeks ago

Jquery collapser is a multi purpose collapser plugin made for expanding and collapsing elements. Can create a accordion, list collapser using this plugin.

Features

  • Very light-weight plugin, fast and simple.
  • Can collapse any element within an document.
  • Can add seperate classes for expanding and collapsing.
  • Customized targeting elements.
  • Callback functions.
  • Predetection of collapsed elements.
  • Can create accordion, list collapsers etc by adding a single additional line.
  • Cross browser supported.
< < < < < < <

ACCESSdb: Microsoft Access in JavaScript
2 years 41 weeks ago

ACCESSdb is a JavaScript library used to dynamically connect to and query locally available Microsoft Access database files within Internet Explorer. All you need is an .mdb file; Access does not even need to be installed! All of the SQL queries available in Access can be executed on the fly, including SELECTs, INSERTs, UPDATEs, and JOINs. Results are output in several customizable formats including JSON, XML, and HTML.

Download Now

 
< < < < <

ActsAsTreeTable
3 years 13 weeks ago

NOTE: This plugin has been renamed to treeTable. ActsAsTreeTable will not be updated after version 1.2.

With this plugin you can display a tree in a table, i.e. a directory structure or a nested list. Each branch in this tree can be collapsed and expanded, just like in a file explorer in most modern operating systems.

Features

  • - It can display a tree of data in a table column.
  • - It does this as unobtrusively as possible.
  • - It allows branches to be collapsed and expanded (think of how a directory structure works in most file explorers).
  • - It allows unlimited tree depth.
<

Add Table Rows Count
2 years 52 weeks ago

This plugin automatically adds a column with row count. Thus making your tables more readable and keeping your markup/metadata clean.

The use:

$('.myTables').rowCount();

With options:

$('.myTables').rowCount( { name: "Count", cssClass: "columnCss" } );
< < < < <

Alternate
2 years 52 weeks ago

Assign alternating class names to selected elements (such as <tr> or <li> etc) to allow CSS assignment of colors or other styles of your choice. Excellent plugin for alternating row colors in tables! As a bonus, it will assign a "hover" class to elements if you set hover:true
< <

Amini
2 years 11 weeks ago

Hi Dear,
Mohammad Ebrahim Amini Faravaghi
Thank You For Visit.
--Best Regards
< < < < < < < < < < < < < < < < < < < < <

Animated table-sort (REGEXP-friendly)
1 year 34 weeks ago

This is an animated table-sort plugin, which can sort on a REGEXP match against a TD's content as well as on its whole content.

To download or see demos, head over to http://mitya.co.uk/scripts/Table-sort---now-REGEXP-friendly-111.

Call it on a table, e.g.

$('#myTable').sortTable(params)

...where params is an object of property/value pairings including:

  • onCol (int, required) - the index of the column in your table to sort on (not zero-indexed)
  • keepRelationships (bool, default: false) - if true, row relationships wil be maintained. That is, the sibling TDs will move also
  • regexp (RegExp, default: null) - a string representing a regular expression (/pattern/) to sort on instead of the complete contents of the TD. Useful with regexpIndex - see below
< < <

BIGrid
3 years 13 weeks ago

BI Grid is designed to present your data, especially in the reports for enterprises.

The idea comes from the BI system I produced months ago. It would be able to edit data easily, drill down to details easily and ajax enabled. Other good features will be supported in the future.

Features finished:


  • It's easy to use as a JQuery Plugin.

  • Fixed Rows & Fixed Columns won't move while users scroll the grid.

  • Customized scrollbar.

  • Support Multi-browsers such as IE, Firefox.


Features to be supported:

  • It has two modes: View & Edit. The edit mode enable users to edit the data in the grid through Ajax.

  • Init data by using Ajax.

  • Drill down to details by using Ajax.

  • Support JSON & XML data types.

  • Support Multi-skins.

<

BS Table Crosshair
2 years 21 weeks ago

Automatically for each table considers the focus

Just with assigning an ID to the table

View Live Demo

Download BS Table Crosshair

$.bstablecrosshair('myTable',{
color : '#444',
background : '#aaa',
foreground : '#fff'
});
Produced by : Behnam Soltanrezaey
< <

charToTable - convert character to table
4 years 27 weeks ago

charToTable converts characters to HTML tables.
A PHP script is used at the server side to convert the character to an image, and then to a JSON object containing the glyph matrix.
Finally, jQuery.getJSON loads it, and the callback function simply creates the table.
With charToTable, you can even create animations, or e.g. a glyph editor.
< < < < <

Chromatable
1 year 28 weeks ago

jQuery plugin that creates either a resizable table or a scrollable table with a fixed position header, (the header will stay put while you scroll down the table content). It allows the user to define the table dimensions as a fixed pixel amount, auto, or 100%. This is meant to be a relatively lightweight and unobtrusive plugin requiring very little setup and minimal css and HTML markup.

The plugin has been tested for Firefox, Safari, IE7 & 8.
<

ColdFusion Query to Table
1 year 31 weeks ago

Create a dynamic Table from a ColdFusion Query Json. Or a JavaScript Array.

<script>
// This is a Struct containing a JSon ColdFusion Query
var info = {"MSG":"Your search found 1 document","QUERY":{"COLUMNS":["ID","REFERENCE","NR","ITEM"],"DATA":[[7000014.0,"PO450707,450928",501324.0,20.0],[7000014.0,"PO450707,450928",501324.0,20.0]]},"COUNT":1};

// The Query Return is
// QUERY":{"COLUMNS":["ID","REFERENCE","NR","ITEM"],"DATA":[[7000014.0,"PO450707,450928",501324.0,20.0],[7000014.0,"PO450707,450928",501324.0,20.0]]}

//if you use a CFComponent return query the result is
//"COLUMNS":["ID","REFERENCE","NR","ITEM"],"DATA":[[7000014.0,"PO450707,450928",501324.0,20.0],[7000014.0,"PO450707,450928",501324.0,20.0]]

$(function(){
$('#target').cfquerytable({
query:info['QUERY']
});
})
</script>
< < <

Colorize - jQuery Table Plugin
3 years 29 weeks ago

Colorize is a jQuery plugin to add background color to alternate table rows, highlight a row/column on mouse over, and colorize a row/column when you click your mouse button over it. You can colorize as many table rows as you want. A repeat mouse click reverts the row to the original background color.
<

Column cell selector
2 years 43 weeks ago

This jQuery plugin adds a new selector to the selector API for retrieving table cells by their column index. It supports tables with column and row spans transparently, no matter how complex a table is. The syntax for selecting column cells is simple and similar to other jQuery selectors. The selector can take several types of arguments for selecting columns, such as keywords, numeric indexes, and equations.
< < < < <

Column Filters
3 years 38 weeks ago

jQuery plugin for a quick way of allowing table columns to be filtered by the user. It will add text box's to the top of each column in a table, by typing into the text box's you can narrow the number of rows in the table down to those that match your search text. It allows for wild cards and a NOT operator (ie show me everything that doesn't match my search text).
<

Column Hover
4 years 37 weeks ago

Highlights columns in a table when the mouse is hovering over them.
<

Column iterator
2 years 20 weeks ago

Iterates through the cells of a column in a table, it supports colspan but not rowspan. The plugin uses a callback to apply logic to each cell it iterates through.
<

Column Manager
4 years 37 weeks ago

Allows to toggle the visibility of table columns (collapsing and expanding them) and to save the state until the next visit (supporting tables with colspans and rowspans).
<

Compass Datagrid
2 years 8 weeks ago

Compass DataGrid is an ajax-driven data grid that relies on server-side code for its data. Rather than manipulating an existing table that is already populated, Compass DataGrid takes an empty table and populates it by connecting to a server-side url via ajax.

As users interact with the grid, the grid talks with the server-side script letting it know what the user is requesting. The server-side script then provides JSON encoded data for the plugin to update the table.

This plugin is used in Compass CMS. Screenshot:
http://www.compasswebpublisher.com/platform/bulk-actions
<

csv2table
3 years 4 weeks ago

This plugin loads a CVS file (e.g. created using Excel) and creates a table with the contents in that CVS file. [ update.txt-> 2009.1.10 / Samples / test where , classifyByCol| testing ThemeRoller ]

== Mini sample 1 ==
<div id="view1"></div>
<script type="text/javascript">
$(function(){
    $('#view1').csv2table('./data/Book12.csv');
});
</script>
==Book12.csv ==
" " ,3,4,5,6,7,8,9,10,11,12,1,2
Test1,30,40,25,45,70,55,80,90,65,95,96,88
Test2,12,15,55,30,70,87,55,30,65,76,50,58
Test3,60,43,58,22,38,47,35,67,88,53,92,98
<

DataTables
1 year 48 weeks ago

DataTables is a jQuery plugin which lets you very easily add dynamic features to any "table" tags on a web-page, providing the following features:

  • Variable length pagination
  • On-the-fly filtering
  • Sorting with data type detection
  • Smart handling of column widths
  • Themeable by CSS
  • Hidden columns
  • Extremely customisable and flexible
  • Fully internationalisable
  • Dynamic creation of tables
  • Multi-column sorting
  • Custom DOM positioning
  • Single column filtering
  • Alternative pagination types
  • Non-destructive DOM interaction
  • Ajax auto loading of data
  • Type detection for dynamic data (and plugin support)
  • State saving
  • API plug-in mechanism
  • It's free!
  • much more...
<

Detailsrow
2 years 37 weeks ago

Dynamically add more info to your table

Summary

Jquery.detailsrow adds a subrow to each row dynamically which can be toggled on or off. Data is loaded using ajax based on the arguments passed in the post parameters. The post parameters vary from row to row based on defined attributes in the html like ID or URL.

Check out the examples on the demopage.

Compatibility

Works on all major browsers.

< < <

Display Tag Ajax Plugin
1 year 20 weeks ago

Provides AJAX refresh capability to Display Tag tables.

Prequisites:

- Setup Display Tag framework in your application, for more information go to http://displaytag.sourceforge.net/1.2

Setup Steps:

1) Import display-tag-ajax-1.2.js in your jsp.

.
.
<head>
<script type="text/javascript" src="../js/jquery.displaytag-ajax-1.2.js"></script>
</head>
.
.

3) Enclose area that contains the display tag table with a div and assign the div an id. Below a div with id displayTagDiv has been created.
.
.

<div id="displayTagDiv">
<% request.setAttribute( "test", new TestList(10, false) ); %>
<display:table name="test">
  <display:column property="id" title="ID" />
  <display:column property="name" />
  <display:column property="email" />
  <display:column property="status" />
  <display:column property="description" title="Comments"/>
</display:table>
</div>

.
.
3)Call displayTagAjax() onload


.
.
< <

DOMisBetter
3 years 10 weeks ago

Hi All,
this is the main reference for DOMisBetter a useful free library to build client-side web design.

It is a simple way to make HTML page from JSON.

var div = $("#example").Tag();
div.text("Using the JQuery Plugin: ");

$("#example").Tag(false).text("Normal").B("Bold").text("Normal").CODE("code")
.I("Italic").A("Link", {href: "http://google.com"})
.SPAN("Span", {style: "color: red"});

http://riagallery.appspot.com/static/DOMisBetter/index.html
< < < < < < < <

dragtable
1 year 21 weeks ago

I read about dragtable on ajaxian.com. It is a library-independent js-function that gives you the ability to re-order table columns by using drag'n'drop. This function does not exactly fulfill my needs. So I thought to myself 'Why not doing it the jQuery way?'. There is some really cool stuff growing around jQuery (especially jQuery-ui). So I took the jQuery-core and the sortable-Plugin form jQuery-ui and put my stuff on the top of this stack. One weekend and some coffees later this is the result.
< <

E-mem Tools: filter
2 years 30 weeks ago

This plugin allowing to filter some items list, such as table row or ul-li items, by comparing text input value and each item text content.
< < < <

Element Sorter
2 years 10 weeks ago

You can sort all the child elements in a table, ul, ol, what ever....

The goal of this plugin is to keep assumptions to a minimum and allow you to implement sorting as you want. This plugin doesn't add any sorting classes or do anything to modify the DOM except to sort the children.

Parameters

{
sortOn: '.selector',  //selector of the column to sort on
direction: 'asc' | 'desc' //optional..defaults to asc
sortType: 'string | date | number' //optional..defaults to string
}

Examples

Sort on a single column

var sortParams = 
{
sortOn: '.selectorOfColumn',
direction: 'asc',
sortType: 'string'
}
$('selectorOfParentNode').sort(sortParams);

Sort on multiple columns
< < < <

Enhanced jQuery Tables
3 years 10 weeks ago

Pager has been enhanced.

# Variable length pagination
# On-the-fly filtering
# Sorting with data type detection
# Smart handling of column widths
# Themeable by CSS
# Hidden columns
# Extremely customisable and flexible
< < <

enhanced table, jquery-ui theme roller ready
1 year 20 weeks ago

I have written this jquery plug-in to improve basic usability for a common html table element, which can be the foundation for a larger control or functions applied to the table. This includes the ability to navigate through the rows of a the table by using either the mouse or the keyboard and select one or many rows. Also it populates the table elements with different CSS class tags in order to prepare it for styling. Then you are free to do whatever you need with it!
< < <

Filterable
3 years 17 weeks ago

Allows the user to apply a textual filter over the children of a specified DOM-element, typically a list or a table. When the plugin is activated against an element, it will add a query input field next to it. As the user enters a string into this input field, the child elements of the target will be either hidden or shown, depending on whether their textual content matches the query text.

Usage

To make all UL-elements with class "filterable" filterable, simply do:
< < <