Best jQuery XML Plugins & Tutorials with Demo

    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.

    jQuery Dynamic Grid: XML Gallery

    jQuery Dynamic Grid: XML Gallery

    With Dynamic Grid: XML Gallery you can create the image gallery that you want. The script gives you huge control over the layout and animations, and the possibilities are endless. Literally endless – the script is smart enough to generate unique layouts every time it launches, which means a unique experience for your visitors on every page load.

    With the Dynamic Grid engine you have the power to create exactly the layout you need. And if you don’t know what you need, the script comes with solid default settings that create a beautiful and random layout on every page load!

    Expo360º : 360º Product Viewer in jQuery

    Expo360º : 360º Product Viewer in jQuery

    With Expo360° you take showcasing products on your website to the next level. Your customer not only gets a better look and feel of the product that you are presenting, it also is a cool feature on your website that will blow everyone away!.Opposite to existing 360° viewers available online, this viewer doesn’t use Flash and offers great interaction on mobile devices such as iPad and iPhone. What makes it even more unique is the extensive set of configurations possible. It allows you to create a look and feel that will match your online presence perfectly.

    Features :

    • Easy 360° views of your products;
    • Easily change the width and height of the viewer;
    • Loads external images;
    • 100+ XML configurations;
    • Add hotspots to show details;
    • Custom grabhand cursor;
    • Smart zoom functionality with mousewheel support;
    • Optional zoom navigation window;
    • Use as a fancy zoom/pan viewer with a single image.