jQuery jSON Plugin & Tutorials with Example

Glossarizer : jQuery plugin to automatically markup Glossary Terms

Glossarizer : jQuery plugin to automatically markup Glossary Terms

A jquery plugin to automatically markup glossary terms on a page and display definitions as a tooltip.

Features:

  • Reads glossary list from json file or object
  • Automatically searches for and marks up glossary terms found on a page with attributes
  • Supports terms exclusion
  • Supports multiple terms
  • Replaces TextNodes only
  • No involvement from authors

jQuery editTable Plugin

jQuery editTable Plugin

jQuery editTable is a very small jQuery Plugin (~1Kb gzipped) that fill the gap left by the missing of a default input field for data tables. jQuery editTable can be used both in ajax and/or HTTP POST contest and let you preset the title and number of columns or just let complete freedom to the user. You can even append custom behaviors to single column cells (ex. jQuery UI Datepicker).

jQuery FormChimp : A customizable MailChimp ajax plugin for jQuery

jQuery FormChimp : A customizable MailChimp ajax plugin for jQuery

A customizable MailChimp ajax plugin for jQuery, provides an easy and lightweight way to let your users sign up to your MailChimp list.

Features:

  • Customizable Error and Success messages.
  • Ability to specify which element the output should be appended to, if it exists or where the element should be created
  • Automatically transforms the mailchimp signup url in the JSONP format
  • Changes the value of the button if the response is successful
  • This solution is language agnostic, only dependency is jQuery.
  • is AJAX-enabled, but degrades gracefully if Javascript isn’t turned on
  • Multiple sign-up forms, for multiple lists.

jQuery form Auto fill Plugin

jQuery form Auto fill Plugin

jQuery form auto fill plugin simply autofill an empty form with data.

Alpaca : Easy HTML5 Forms for jQuery

Alpaca : Easy HTML5 Forms for jQuery

Alpaca is the Easy Forms Engine for jQuery and Twitter Bootstrap.

It is built around JSON schema to keep things simple. Using Alpaca, you can express your forms object model, types, properties and validation logic. Forms rendered with Alpaca provide intuitive interfaces for your users while giving your business an assurance of data compliance.

Alpaca comes pre-configured to work nicely with the following web frameworks:

  • jQuery
  • Twitter Bootstrap
  • jQuery UI
  • jQuery Mobile
  • Barebones (empty CSS)

The Alpaca library is pre-packaged with controls, wizards, layouts, I18N support and pluggable template engines. We ship with support for jQuery Tmpl, EJS and Handlebars. Documentation and API information is provided so that you can extend Alpaca as you see fit.

JSONViewer – A User Friendly Data Viewer

JSONViewer - A User Friendly Data Viewer

The best way to visualize data. JSONViewer is a user friendly, easy to use, lightweight, vanilla JS script written in OOP syle. You can use this script to visualize those ugly JSON text files in an interactive pleasant way

Features:

  • Select and highlight items (provides an interactive way of seeing what item is currently selected/hovered)
  • Depth control for rendering (build JSON tree only to a certain depth and expand members only to a certain deph)
  • 4 built-in themes (there are a range of themes you can choose from, both in vertical and horizontal layouts). More themes will be released in the future.
  • Customizable (you can customize how the JSONViewer looks and works to a certain level through options passed to the constructor).
  • Easy to use (just a line of code to turn some ugly JSON to a beautiful representation).
  • Multiple instances on the same page
  • Extra feature: JSONPane
  • Extensive documentation
  • Plain JavaScript written in OOP style (it’s independent of any JS framework out there)
  • Works in all major browsers

DictAndList : jQuery plugin for editable Dict and List html

DictAndList : jQuery plugin for editable Dict and List html

It is a plugin for editable Dict and List html, their values can be attached into form as stringified JSON when processing jQuery post.

Facebook Style Embed Image from URL using PHP & jQuery

Facebook Style Embed Image from URL using PHP & jQuery

This article will show you that how to fetch images from various sources like

1. Instagram
2, Pinterest
3.  Flickr
4. Twitpic
5. Imgur &
6. Deviantart

Now a days major sites are using this feature to automatically embed images from a url. So I am going to explain you how to get images from url using PHP & jQuery

Alpaca : Easy Forms for jQuery

Alpaca : Easy Forms for jQuery

Alpaca generates forms on-the-fly using JSON schema and configuration to define object models, types, properties, validation logic and layout. Alpaca generates intuitive forms while giving your business the assurance of data compliance.

The Alpaca library is pre-packaged with controls, wizards, layouts, I18N support and pluggable template engines for EJS, Handlerbars and jQuery.tmpl. API Documentation is provided so that you can extend Alpaca as you see fit.

Alpaca helps you to separate your data from your presentation. Design your forms once and have them work across different devices and UI engines without any additional coding.

Treema : jQuery plugin that generates HTML interfaces to edit JSON data

Treema : jQuery plugin that generates HTML interfaces to edit JSON data

Treema is a jQuery plugin that builds interfaces for editing large, complex, well-defined JSON data. It runs on tv4, which implements JSON-Schema validation.



Best jQuery websites design awards