jQuery XML Plugin & Tutorials with Example

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

JS Charts : Free JavaScript charts

JS Charts : Free JavaScript charts

JS Charts is a JavaScript based chart generator that requires little or no coding. With JS Charts drawing charts is a simple and easy task, since you only have to use client-side scripting (i.e. performed by your web browser). No additional plugins or server modules are required. Just include our scripts, prepare your chart data in XML, JSON or JavaScript Array and your chart is ready!

JS Charts lets you create charts in different templates like bar charts, pie charts or simple line graphs.

Features:

  • You don’t have to write code
  • It’s easy to integrate & customizable
  • You can setup your charts online
  • You can create the three most common types of charts: bar, pie and line
  • Animated line/bar rendering
  • 3D pies and 3D bars
  • It’s compatible with most web browsers
  • You don’t need any server-side plugins/modules

jQuery Graph Poll

jQuery Graph Poll

Create and customize your own poll. Innovative, fun graph poll dynamically allows users to answer a question and vote. Great interactive feature to add to your website. Adding this easy to use poll will add stickiness to your website.

File features include:

  • No database needed.
  • Easy to install.
  • Data stored in a XML file with the help of PHP .
  • Integrated with AJAX .
  • Prevents multiple votes with the use of a cookie.
  • Real-time display of the information.
  • Easily provide additional information on an “after voting” screen.


Best jQuery websites design awards