40 Extremely Useful jQuery Form Plugins. Introduction The primary objective of a web form is to collect user input.
With different type of form elements such as textbox, radio button, checkbox we able to choose the most appropriate form elements to represent the input we expected from users. For example, we use radio button for the gender input, drop down list for country selection and so forth. However, the evolution of javascript allow us to further enhance web form. We can add extra functionality such as autocomplete, validation, usability and modification of default form interface. Here is another series of web form jquery plugins, 40 jquery plugins that I believe will able to reduce your time searching for the right one. Auto Complete Auto-complete takes input from the user, and tries to form a list of words that match the users input. CSS3 Styled jQuery Dropdown. I found a really nice and simple jQuery dropdown menu on CSS Tricks and I thought, let’s add some neat style to it.
You can find the original here: Click on the screenshot to see a demo of the styled version: You can download the source here : CSS3 jQuery dropdown ZIP DEMO Enjoy! I found a really nice and simple jQuery dropdown menu on CSS Tricks and I thought, let’s add some neat style to it. You can find the original here: Click on the screenshot to see a demo of the styled version: Click to see a demo You can download the source here : CSS3 jQuery dropdown ZIP Enjoy! Queness - Design Inspirations, jQuery Tutorials and Web Design & Development Community. Polaroid Photo Viewer with jQuery and CSS3. Fiat 500 - Typical Italian car.
Ajax Upload - ZURB Playground - ZURB.com. You're going to need jQuery and the AJAX Upload jQuery plugin.
Link them up, make sure jQuery is loaded first. Here is the JavaScript we're going to add in its entirety. You can also see it if you view the source of this page. Now let's break it down. First we attach the the AjaxUpload behavior to our file form element. new AjaxUpload('imageUpload', { Next we specify where we want to post the AJAX upload to.
Action: $('form#newHotnessForm').attr('action'), Quicksand. Reorder and filter items with a nice shuffling animation.
Home About I love Mac apps, especially for their attention to detail. CoreAnimation makes it so easy to create useful and eye-pleasing effects, like the one in this video. Quicksand aims at providing a similar experience for users on the web. Documentation At the very basic level, Quicksand replaces one collection of items with another. Use plain HTML, like an unordered list. $('#source').quicksand( $('#destination li') );
Nivo Slider - The Most Awesome jQuery Image Slider. Beautiful transition effects Nivo Slider offers 16 transition effects ranging from slicing and sliding, to fading and folding, making your galleries interactive and fun.
No coding skills needed Create a beautiful experience when playing your gallery of images without any advanced coding. Include the image slider in your posts and pages using a simple shortcode. Automatic image cropping. jQuery Reel Plugin. Verb ...
The room reeled GO ROUND, go round and round, whirl, spin, revolve, swirl, twirl, turn, swim. Try dragging this area or roll your mouse wheel over it Now even on Android Reel 1.3 is an established and the most versatile three-sixty player for jQuery. Teaches your ordinary image tag some new tricks turning it into a gorgeous interactive 360° object movie, panorama or stop-motion animation. Reel is the premier alternative to Flash, Java or Quicktime and is trusted by government agencies and big brands like BMW, Nikon, O2, Blackberry or The New York Times. Ball Pool. CSSDesk - Online CSS Sandbox. CSS Type Set.
Favicon.ico Generator. Code Beautifier:CSS Formatteur et Optimiseur basé sur CSSTidy. Htaccess Authentication - Password protect directory. Free AJAX animated loading gif's. Free icons generator.
25+ jQuery Plugins that enhance and beautify HTML form elements. Introduction This article will cover the following elements: Advertisement Form Skinning Frustrated with the form elements inconsistency among different browsers?
With these jQuery plugins, you can unified the look and feel of all your form elements. Form Validation It's always good to have client side form validation. Masking Masking can help to avoid human mistake. File Uploader These file uploader transform the orginal input file element into a more robust file uploader that able to upload multiple files and having a progress bar to indicate the upload progress. Checkbox & Radio Button Spice it up your checkbox and radio button with these jQuery plugins! Spin Button & Slider Spin button can be useful sometimes. Auto Complete You must have seen the auto complete functionality from Apple.com, google.com and all the major websites. Calendar & Time picker The old school method to let user select date and time are using drop down lists (day, month and year).
Drop Down Menu (Select Element) Color Picker. Slide Subnavigation Menu. jQuery Drop Down Menu - Simple JavaScript Plugin « Scripts and Tricks « JavaScript DHTML Tutorials. The peculiarity of this dropdown menu is that these 20 lines of code and absence of various cumbersome mouse events within html code.
The HTML code of the menu represents like unordered list (ul-tag) and has no anything extra insertions. Just plain list of the items. The small size script finds this list by ID and then, just hang on the mouse event handlers. LavaLamp for jQuery lovers! Hover above and feel for yourself, the nifty effect of Lava Lamp.
What you just experienced is nothing but the LavaLamp menu packaged as a plugin for the amazing jQuery javascript library. I personally believe that the effect rivals that of flash – Don’t you? Especially considering the fact that it is extremely light weight. Just so you know, it weighs just 700 bytes(minified)!