Categories
AJAX DHTML Forms Java Script Jquery

15 Most Useful jQuery Form Plugins

Your ads will be inserted here by

Easy Plugin for AdSense.

Please go to the plugin admin page to
Paste your ad code OR
Suppress this ad slot.

There are plenty of jQuery plugins to use for Forms. I have collected 15 of them that are the most useful plugins for Forms. Let’s start with:

ALAJAX (Ajaxify your HTML form)

This plugin will easily ajaxify your HTML form. It will prevent the submit action, and then submit data as AJAX using the form’s method and action. The plugin could be applied easily to any form with no more changes on Front-end nor Back-end.

Categories
AJAX DHTML Free Stuff HTML Java Script Jquery PHP Web & Programming Web Browsers XHTML

How to convert HTML Forms into AJAX simply

Your ads will be inserted here by

Easy Plugin for AdSense.

Please go to the plugin admin page to
Paste your ad code OR
Suppress this ad slot.

Hello reader,

You may have a normal HTML Form, like: contact form, feedback form or any other forms in your website or any website you work on.
Did you think how difficult converting this FORM into AJAX?

Let me say, it will be very simple. Simple as 1 minute of changes.

How is that, right?

Categories
CSS Design DHTML Free Stuff Java Script Jquery Web & Programming XHTML

10 Top jQuery Plugin for Images – 2011

Your ads will be inserted here by

Easy Plugin for AdSense.

Please go to the plugin admin page to
Paste your ad code OR
Suppress this ad slot.

1) Nivo Slider: A stunning jQuery image gallery with 16 unique transition effects. Comes with many featrues and compatible with most browser versions (IE 7+, Firefox v3+, Google Chrome v4+, Safari v4+ and Opera v10+). I like this plugin and i recommend it.
Nivo Slider

2) Gloss: Gloss is not an image gallery, it’s a lightweight jQuery plugin to create a gloss effect on images for (Mouse over, Mouse out) action.  (It’s also supported for IE 6+ browsers).
jQuery Gloss

Categories
AJAX CSS DHTML Java Script Jquery Web & Programming

jQuery File Upload – With Drag n’ Drop

jQuery File Upload is a plugin for the popular JavaScript framework that helps handling file uploads.

The plugin is based on open standards like HTML5-JavaScript and No Flash. For legacy browsers it falls back to an Ajaxed-like iframe-PHP solution.

jQuery Drag Drop File Upload

Multiple files can be selected, they can even be drag ‘n’ dropped from the desktop and the upload process can start automatically or with an event (like clicking the “upload” button).

A progress bar can display the status and uploads can be canceled anytime.

It is possible to use multiple instances of the plugin in the same page and jQuery File Upload is compatible with any server-side application platform.

Categories
Browsers CSS Design DHTML Java Script Jquery Web & Programming Web Browsers XHTML

jQuery Gloss Plugin

It’s lovely to make you webpage interactive. jQuery plugins add effects to multiple elements of HTML. jQuery Gloss adds a Gloss (shining) effect to images by simple and lightweight code.

This effect is added on hover effect (mouseover, mouseout).

This plugin is ~2.2 Kb and it’s simple as:

  • Add a DIV element to hold the image with class=”gloss”. eg:
    <div class=”gloss”><img src=”” alt=”Image gloss effect” /></div>
  • Include the script file of jQuery Gloss plugin. eg:
    <script type=”text/javascript” src=”gloss.1.0.js”></script>
  • Call the Gloss function. eg:
    <script type=”text/javascript”>$(document).ready(function (){ $.gloss(); });</script>
    OR
    add this before </body>: <script type=”text/javascript”> $.gloss();  </script>

Resources: