JavaScript & JQuery

Facebook Twitter

Grids

Excellent Jcrop manual. Jcrop Home • Download • Manual • Examples This document provides a roadmap for Jcrop implementation.

excellent Jcrop manual

Introduction Jcrop is a powerful image cropping engine for jQuery. Lots of jQuery select boxes. Gets or sets the selection.

lots of jQuery select boxes

If the value parameter is not specified, the id attribute of the currently selected element is returned. If the value parameter is specified it will become the current selection. val method invoked on a single-select with an unset value will return "", while a val method invoked on an empty multi-select will return []. Example: jQuery/Ajax upload w/o refreshing page. Are you looking for ajax file/image upload and preview without refreshing page using Jquery.

jQuery/Ajax upload w/o refreshing page

I had implemented this ajax form submitting using jquery.form plugin and used Arun Shekar's image cropping PHP code for uploading images. Just five lines of JavaScript code, Using this you can upload files, image and videos. Custom thumbnail for embedded video.

Sliders

Multiple file upload. What this is This ( $.MultiFile ) is a non-obstrusive plugin for jQuery that helps users easily select multiple files for upload quickly and easily on your hosting server whilst also providing some basic validation functionality to help developers idenfity simple errors, without having to submit the form (ie.: upload files).

multiple file upload

What this isn't This plugin will not create a dialog that allows the user to select multiple files at once. That simply cannot be done via javascript. If that's what you need, you should consider using HTML5's multiple="multiple" attribute or one of the many other flash based file upload solutions (eg.: SWFupload , uploadify and others) “Password” hint instead of ******** - works in IE. Advertisement As you know, the user login box of the website contains the following fields username and password.

“Password” hint instead of ******** - works in IE

Furthermore, most of them put the “Username” inside user name field and “********” inside password field to save the space within designing.In this post I’ll show you how to show “Password” text in the password field. It doesn’t actually does so but this tips will make it looks like so. Now, forget about the user name field. LavaLamp.

Hover above and feel for yourself, the nifty effect of Lava Lamp.

LavaLamp

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)! Why you should let Google host jQuery. All too often, I find code similar to this when inspecting the source for public websites that use jQuery: If you’re doing this on a public facing website, you are doing it wrong.

why you should let Google host jQuery

Instead, I urge you to use the Google HostedLibraries content delivery network to serve jQuery to your users directly from Google’s network of datacenters. Doing so has several advantages over hosting jQuery on your server(s): decreased latency, increased parallelism, and better caching. Notebook page flip. Everyday jQuery is getting more and more popular because of it’s usefulness, flexibility and speed.

notebook page flip

This notebook animation style like “flash page layout” page flip animation is an excellent example of these competencies. This fancy jQuery Notebook skin uses a jQuery animation plugin called jQuery Booklet Plugin. Pro’s of the jQuery Notebook Animation. Masked Input Plugin. First, include the jQuery and masked input javascript files.

Masked Input Plugin

Next, call the mask function for those items you wish to have masked. jQuery(function($){ $("#date").mask("99/99/9999"); $("#phone").mask("(999) 999-9999"); $("#tin").mask("99-9999999"); $("#ssn").mask("999-99-9999");}); Optionally, if you are not satisfied with the underscore ('_') character as a placeholder, you may pass an optional argument to the maskedinput method. Optionally, if you would like to execute a function once the mask has been completed, you can specify that function as an optional argument to the maskedinput method.