jQuery Form Plugins

1 Jul

Elastic – Make your textareas grow

Elastic – Make your textareas grow - jQuery Form Plugin

This jQuery plugin makes your textareas grow and shrink to fit it’s content.
It was inspired by the auto growing textareas from Facebook.

Elastic – Make your textareas grow »

jQuery “Highlight” Plugin

jQuery “Highlight” Plugin - jQuery Form Plugin
increases usability of forms by highlighting the elements as you
interact with the page. Its primary use is for forms, but it can also
be used for tables, lists, or any element that you specify.

jQuery “Highlight” Plugin »

Autotab: jQuery Auto-Tabbing and Filtering

Autotab: jQuery Auto-Tabbing and Filtering - jQuery Form Plugin
is a jQuery plugin that provides auto-tabbing and filtering on text
fields in a form. Once the maximum number of characters has been
reached within a defined text fields, the focus is automatically set to
the defined target of the element.

Autotab: jQuery Auto-Tabbing and Filtering »

Ajax Fancy Captcha

Ajax Fancy Captcha - jQuery Form Plugin
Ajax Fancy Captcha
helps you protect your web pages from bots and spammers by using a new,
intuitive way of completing “verify humanity” tasks. In order to do
that you are asked to drag and drop a specified item into a circle.

Ajax Fancy Captcha »

jQuery NobleCount

jQuery NobleCount - jQuery Form Plugin
gives you a dynamic display of the number of characters remaining in a textarea, Twitter-style.

jQuery NobleCount »

Password Strength Indicator and Generator

Password Strength Indicator and Generator - jQuery Form Plugin
The Password Strength Indicator and Generator plugin lets you set the class of an element so that you can do a graphical representation of the strength.

Password Strength Indicator and Generator »

FormToWizard Plugin

FormToWizard Plugin - jQuery Form Plugin

The FormToWizard plugin allows you to turn any form into a powerful wizard with jQuery with “steps left” information.

FormToWizard Plugin »

Sliding Labels – jQuery Form Plugin

Sliding Labels - jQuery Form Plugin

Sliding Labels – jQuery Form Plugin »


ToggleVal - jQuery Form Plugin

ToggleVal gives you the option to populate the default text of form fields (in a
few different ways), and will then toggle the default value when the
field receives and loses keyboard focus.

ToggleVal »

jQuery AlphaNumeric

jQuery AlphaNumeric - jQuery Form Plugin

jQuery AlphaNumeric is a javascript control plugin that allows you to limit what characters a user can enter on textboxes or textareas.

jQuery AlphaNumeric »

Form Encyription and Password Security


jCryption - jQuery Form Plugin

jCryption is a JavaScript HTML-Form encryption plugin, which encrypts the POST/GET data submitted by forms.

Normally, when you submit a form, data will be sent in plain text if no
SSL is used. But SSL is not supported by every webhost nor it’s easy to
install/apply at times. So in this situation the jCryption plugin helps
you to encrypt your data with ease.

jCryption »

Password Validation Plugin

Password Validation Plugin - jQuery Form Plugin

This plugin offers a function that rates passwords for factors like mixed
upper/lower case, mix of characters (digits, special characters),
length and similarity to a username (optional) and gives a custom
method for the validation plugin that uses the rating function to
display a password strength meter, requiring the field to have a “good”

Password Validation Plugin »

Password Strength – Estimates brute force time

Password Strength – Estimates brute force time - jQuery Form  Plugin

Password Strength tries to calculate how many possibilities the hacker needs to try to
guess your password. It makes the assumption that it is possible to
test 2800 million passwords per second.

Password Strength »

Password Strength Meter v2

Password Strength Meter v2 - jQuery Form Plugin
The Password Strength Meter works by presenting a global variable score and at the end of the
algorithm the plugin will decide the passwords strength according to
the score value.

Password Strength Meter v2 »

Form Mask Plugin

Masked Input Plugin

Masked Input Plugin - jQuery Form Plugin
The Masked Input Plugin allows a user to easily enter fixed width input fields where you
would like them to enter the data in a certain format (dates,phone
numbers, etc).

Masked Input Plugin »


autoNumeric() - jQuery Form Plugin
is a flexible International numeric formatter, that will automatically
place a thousand separator as you type and supports nine different
rounding methods.

autoNumeric() »

Form Upload Plugins

AJAX Upload

AJAX Upload - jQuery Form Plugin
AJAX Upload
allows you to easily upload multiple files without refreshing the page
and can use any element to show the file selection window.

AJAX Upload »

jqUploader: jQuery Plugin for File Upload and Progressbar

jqUploader: jQuery Plugin for File Upload and Progressbar - jQuery  Form Plugin
is a plugin that substitutes the html file input fields with a
flash-based file upload widget, allowing you to display a progressbar
and percentage.

jqUploader »


Uploadify - jQuery Form Plugin
is a plugin that allows the easy integration of a multiple (or single)
file uploads on your website. It requires Flash and any backend
development language. An array of options allow for full customization
for advanced users, but basic implementation is so easy that even
coding novices can do it.

Uploadify »

jQuery Uploadprogress Plugin

jQuery Uploadprogress Plugin - jQuery Form Plugin
This plugin will augment a standard file upload form with a transparent
background upload and add a progress meter that will keep you
graphically informed.

jQuery Uploadprogress »

Form Skinning and Customisation

jQuery Checkbox

jQuery Checkbox - jQuery Form Plugin
The jQuery Checkbox plugin is a lightweight custom styled checkbox implementation that can also work with radio buttons.

jQuery Checkbox »

Jqtransform – jQuery form plugin

Jqtransform - jQuery form plugin - jQuery Form Plugin
This plugin is a jQuery styling plugin which allows you to skin form elements with relative ease.

Jqtransform »

In-Field Labels jQuery Plugin

In-Field Labels jQuery Plugin - jQuery Form Plugin

This is a simple plugin that turns properly formatted HTML forms into forms
with in-field label support. Labels fade when the field is focussed and
disappear when text entry begins. Clearing a field and leaving brings
back the label.

In-Field Labels jQuery Plugin »


Niceforms - jQuery Form Plugin
is a script that will replace the most commonly used form elements with
custom designed ones. You can either use the default theme that is
provided or you can even develop your own look with minimal effort.

Niceforms »


jNice - jQuery Form Plugin
makes it easy to style rough and simple html forms into beautiful web
forms, checkboxes, input elements and selectboxes by creating custom
looking form elements, that function just like normal form elements.

jNice »

Uniform – Sexy forms with jQuery

Uniform - Sexy forms with jQuery - jQuery Form Plugin
masks your standard form controls with custom themed controls. It works
in sync with your real form elements to ensure accessibility and

Uniform »


prettyCheckboxes - jQuery Form Plugin
is for developers who wants to maintain a consistent style for
checkboxes across all browsers. By using this script you wont loose any
regular input usability.

prettyCheckboxes »

Form Select and Combo Boxes


jquery.combobox - jQuery Form Plugin
is an unobtrusive way of creating a HTML type combobox from a existing HTML Select element(s).

jquery.combobox »

JavaScript Image Combobox

JavaScript Image Combobox - jQuery Form Plugin
The fully skinnable Image Combobox plugin allows you to add an icon with each option that works with your existing “select” element.

JavaScript Image Combobox »

SelectBox Plug-in

SelectBox Plug-in - jQuery Form Plugin
SelectBox Plug-in »

Two Sided Multi Selector

jQuery Two Sided Multi Selector - jQuery Form Plugin
This plugin converts a multi select list into a two-sided multi-select list.
This means you display a list of options in the left hand box and items
you select are moved into the right hand box.

Two Sided Multi Selector »


flexselect - jQuery Form Plugin
takes the select box, and creates a hidden input element to track the
associated value and creates a text input for the selection. It uses
the LiquidMetal scoring algorithm to narrow the selection.

flexselect »

Regards : Aravind NC – aravind_n_c@yahoo.co.in
Regards : Aravind NC – aravind_n_c@yahoo.co.in

Learn how jQuery beats flash

1 Jul

Building an interactive map with jQuery instead of Flash

tutorial helps you build an interactive map with jQuery instead of
Flash. It helps you build the markup for the maps and a couple of
jQuery functions to make it all work. It’ll be an interactive map
that shows some information and the location of the various Marine
Science outposts across the state. Information of the the locations are
represented by dots, and clicking them, will display an info box.

Animated Sharing Bar With jQuery & CSS

pure jQuery, we can make an animated sharing bar which will enable your
website visitors to share posts on a number of social networks. It runs
smoothly on all browser versions.

The youlove.us scrolling background effect explained

you have checked out the design of YouLove.us, you would be excited
with its colorful animated background. Here they explained how they
created their beautiful animated background. The technique is very
simple. It will scroll only the body background while every element
above it is transparent.

Crafting an Animated Postcard With jQuery

the basics of setting up a continuous animation with an illustrated
postcard which Flash usually does. This tutorial is a good one for you
to learn how to work with animation loop in jQuery and the easing

Building an Animated Cartoon Robot with jQuery

tutorial on CSS-tricks to create an incredible animated cartoon robot.
It was created by layering several empty divs over each other with
transparent PNGs as background images. This effect simulates a faux 3D
animated background dubbed the “parallax
effect” originating from old-school side scrolling video
games. This is one of the best examples of where jQuery is replacing Flash.

Cloud of Bacon

this tutorial, you will be inspired with the camera effect. The
tutorial runs multiple animations (of arbitrary duration) at the same
time, queues animations and even animates complex properties like
colors or clipping rectangles.

A Colorful Clock With CSS & jQuery

a colorful clock created with jQuery and CSS only. This is really an
interesting post to check out. It’s not a tutorial about the
jQuery animate() function, but the jQuery helps CSS animation property
works correctly. I highly recommend checking out all of the Tutorialzine Tutorials for jQuery inspiration.

jQuery OS X Stack and Drop Stack

sexy menu created using jQuery and CSS with OS X style docks and stacks
navigation. It’s super lightweight (~1kb) and is a really
creative “outside the box” method of navigation for a
website. It might be a little awkward having the navigation in the
bottom right or left of the browser window but it would certainly be
creative and saves lots of space.

Old School Clock with CSS3 and jQuery

is a new feature of CSS3 which lets you rotate HTML elements. This
tutorial will help you create an awesome “tick tock” clock
that animates very smoothly. The jQuery code in this tutorial helps the
clock get correct time information then inject all the CSS3 style for
each element.

Making a 3D Engine in jQuery

they create a 3D engine that will allow us to create shapes simply by
creating an array of points. This engine will have a Camera, a Scene
and an Object. Perfect 3D cube in jQuery!

Puffing Smoke Effect in jQuery

excellent tutorial features an impressive animation effect of
cartoon-ish smoke which animates from factory smoke stacks. This
tutorial provides a configurable jQuery plugin with instructions based
on blog’s header of the author, so that you may create a similar
animation effect for your website.



jParallax is a jQuery plugin that allows animation of simple parallax animations by animating the background-position of <div> elements.


page flip using jQuery plugin instead of Flash. This plugins is useful
for us to create the page flip effect that can be used in flipping page
of a book. It could be a great idea for a comic book web site.

The Sexy Curls jQuery Plugin!

great jQuery plugin which lets you share in the beauty of the page
fold. Remember in the past, we always use Flash to create this effect
for ad slot. Today, forget Flash and try it with jQuery. Everything is
the same except you’re not relying on Flash, guys!

Easy Slider 1.7 – Numeric Navigation jQuery Slider

is really a nightmare with Flash because jQuery does it perfectly and
even better than Flash does. There are a bulk of jQuery Slider Plugins
out there, but Easy Slider is arguably the best one with a lot of features and options.

AnythingSlider jQuery Plugin

is another awesome jQuery slider that comes with cool features.
AnythingSlider is a plugin that was built to make implementing it and
customizing it much easier than other plugins.


is a jQuery plugin which takes an image tag and makes it a live
“projection” of pre-built animation frames sequence. Its
aim is to provide a 360° view of something or someplace.
It’s a great alternative to widely used Flash techniques.


is a pure JavaScript plotting library for jQuery. It produces graphical
plots of arbitrary datasets on-the-fly client-side. Like Flash, this
plugin provides smooth and attractive graph for simple uses with nice
features, zooming and mouse tracking.


is a powerful image cropping engine for jQuery. It combines the
ease-of-use of a typical jQuery plugin with a powerful cross-platform
DHTML cropping engine that is faithful to familiar desktop graphics

Joomla – Unable to edit article error stdClass::onDisplay()

18 Jun

In Joomla most probably after upgradation users will encounter an error, that is they cannot edit articles or sections.

You can fix this by a simple trick, do the steps as follows.

Go to root directory, libraries\joomla\html\editor.php

In between lines 260-270 replace the given code

// Try to authenticate

$result[] = $plugin->onDisplay($editor);


// Try to authenticate

if (method_exists($plugin, ‘onDisplay’)) {
$result[] = $plugin->onDisplay($editor);

Microsoft Excel – Adding a line break to a cell

15 Jun
n most word applications, pressing Enter moves the cursor to the next line. This is not the case in Excel, which at times seems to have a mind of its own. When you press Enter in Excel, it does not add a line break within a cell. Instead, it places the cursor in the cell below.

If you’re rather new to Excel, this can become a bit of an annoyance as you try to enter in data. The trick to this is that if you want to add a line break within a cell, press Alt + Enter, instead of just Enter.

Steps for creating a course in Docebo LMS

14 Jun

DOCEBO – Learning Management System – How to create a course ?

This is a bit tricky part for a new docebo user.

First you need to create a course.

   1. Login as admin and go into the Admin Area.
   2. From the top menu, go Elearning -> Elearning -> Course Management
   3. Give your new course a code and a name and for the moment leave everything else as is.
   4. Click on Create at the bottom right of the page (you’ll need to scroll down).

To be able to add content to the course, you’ll need to attribute yourself as a user

   1. Click on the symbol which pops up with the text “Enroll users in this course” (a little teacher with a green plus sign).
   2. Choose a  user who can be the lecturer or teacher to the course then click Confirm.
   3. Choose Instructor for the selected user and click Subscribe User.

Now that the selected user has became the teacher/instructor of the course,

   1. Login as the instructor/teacher user
   2. Select the course you just created.
   3. Click Enter or Subscribe if you have not subscribed.
   4. You can see the Teacher Area tab is now visible there on the left.
   5. Click Admin Learning Object
   6. Start adding your content

Docebo – course_autoregistration error [FIX]

14 Jun

In docebo LMS (super admin) when you went in User Area Module and activate “Add Course” module. Then a student went in, able to see Add Course at the top menu. Once he click the Add Course, a message shows up

You can’t access/lms/course/public/course_autoregistration/view

The fix is,

In order to fix this problem comment some lines in the page


just change the line 20 and 47 from:





Office 2010 Beta – The language of this installation package is not supported by your system

14 Jun
When Installing Office 2010 Beta some of you may have encountered this error message “The language of this installation package is not supported by your system”.

If you extract the files using 7-Zip or WinRAR, the files
are extracted in the root of the specified folder. You will face this
issue when running the setup from there. If you want to run the setup
from the extracted files, then do ensure that the folder structure is
retained. Without the folder structure, you will continue to face this

The solution is to install from the downloaded file itself without extracting the files manually.