Best jQuery XML Plugins & Tutorials with Demo

XML to Tweet parser for jQuery

XML to Tweet parser for jQuery

A jQuery Plugin that takes an XML file and parses it into tweet format.xmlTweet was created due to the limitations of the Twitter API with static web pages.

Instead of using the Twitter API, xmlTweet generates the necessary tags from a XML document. This means no PHP file is required.

Facebook like Status update Link extractor

Facebook like status update link extractor

Extract images, text from any link like facebook does when you put any url in status update box, This script does the same thing, It extracts contents like image and text from website.

jQuery Glossary Engine

jQuery Glossary Engine
  • Highly flexible JavaScript/XML Glossary engine
  • All terms and definitions held in XML
  • Definitions can include text, images, video or any user defined HTML
  • Optionally animate definition text and imagery
  • Easily add YouTube/Vimeo video
  • Automatically sorts words alpha-numerically
  • Load word function (for internal linking of definitions)
  • Simple to change font styles, colours and layout
  • Letters with no word entries are automatically disabled (or the letter can be omitted)
  • Touch device friendly

FormBuilder : jQuery plugin for Building Forms

FormBuilder : jQuery plugin for Building Forms

A jQuery plugin for building forms, loading form structure from xml, and saving back to the server.

Features:

  • JSON all the way around. No serliazing/format conversion.
  • More flexible field schema options for future expansion work
  • Form editor and form rendering use templates, making it easier to customize them
  • Better re-use of internal code, much cleaner code
  • Returns a basic API you can use for custom work
  • PHP/Mongo save/load example code is extremely lightweight, and easily replaced
  • Much improved support for multiple instances on a single page

tableExport : jQuery Plugin to Export HTML Tables

tableExport : jQuery Plugin to Export HTML Tables

tableExport is a jQuery plugin to export HTML Table to JSON, XML, PNG, CSV, TXT, SQL, MS-Word, Ms-Excel, Ms-Powerpoint, PDF.

form2js : jQuery library for collecting form data

form2js : jQuery library for collecting form data

Convenient way to collect structured form data into JavaScript object. Because everything is better with jQuery, jQuery plugin added, check out jquery.toObject.js.

This is not a serialization library. Library used in example for JSON serialization is http://www.json.org/js.html Structure of resulting object defined by name attribute of form fields. See examples below. All this library doing is collecting form data and putting it in javascript object. Obviously you can get JSON/XML/etc string by serializing it, but it’s not an only purpose.

MediaSlide : jQuery UI plugin to browse media items

MediaSlide : jQuery UI plugin to browse media items

MediaSlide is a jQuery UI plugin that allows you to browse a collection of media items (currently just images, but videos will be supported soon).

Features:

  • Media lists can contain thousands of items
  • Data can be loaded via JSON, XML or direct from Flickr
  • Images are only loaded as they are needed, conserving bandwidth
  • jQuery UI themes fully supported
  • API functions give you full control over the widget, so you can completely customize its look-and-feel
  • All current browsers supported
  • Completely free and opensource

kGallery : jQuery thumbnail slideshow Gallery Plugin

kGallery : jQuery thumbnail slideshow Gallery Plugin

kGallery is a gallery written on JavaScript using jQuery library.Advantage of this gallery is ability to work stable with hundreds of pictures or with big pictures, without freezing brouser. This effect is achieved by retrieving the list of images from external source (JSON or XML) and downloading pictures gradually until slideshow is playing, not all in ones.

Nearest analog is dojox.image.Gallery (dojox.image.ThumbnailPicker+dojox.image.SlideShow), however kGallery do not need to download dozens of JavaScript files with megabytes of code of dojo library.

Google Maps Events

Google Maps Events

“Google Maps Events” is a nice way for show locations info when click on map’s markers. The script using XML files for show the information for each location. You can show the information in an accordion menu, in tabs menu, as modal window or in a simple div in any area of your pages! You can add the location coordinates in XML file or get the coordinates by address (geocoding)! The script coming with 24 demos and a useful tool for find the coordinates by address!

Features:

  • Edit a XML file for set your information and map settings
  • You can using coordinates or address for set the markers on map
  • Show the location’s info in accordion, tabs, modal window or simple div
  • Show polylines, directions or just the markers on map
  • Styling polylines and directions lines (color, opacity, symbols like arrows etc)
  • You can use different markers (icons and dimensions) for each location in the same map
  • Editable tooltip when you put the mouse over a marker
  • Nice scrollbars for tabs and text (when are bigger than div’s height)
  • Complete documentation with step by step instructions
  • You can change the style very easy with simple CSS

ParamQuery Grid : jQuery Grid Plugin

ParamQuery Grid : jQuery Grid Plugin

ParamQuery grid is a lightweight jQuery grid plugin inspired by MS Excel and Google spreadsheet. It’s based upon jQueryUI Widget factory which is an excellent design pattern for UI controls with consistent API.

Features:

  • Sorting
  • Paging
  • Resizable columns
  • Resizable height and width
  • Customizable theme
  • Hiding / Showing columns
  • Freeze any number of Columns like Excel
  • Display any data source format like HTML, Array, XML, JSON, etc
  • Can be used with any server side framework e.g. ASP.NET, MVC3, JSP, JSF, PHP, etc
  • Virtual Scrolling and Rendering
  • Inline Editing of cells
  • Supports all the major browsers and has been tested in IE 6,7,8, Firefox, Chrome, Opera, etc


Best jQuery websites design awards