How to make your forms better with jQuery?
Say “Good Bye!” to the old, plain looking forms. Using jQuery we can create more interactive and stylish forms. What we need to do is, replace form fields that are difficult to style. jQuery provides lot of plugins which can imitate the behavior of these fields.
Then we need to add some interactivity to forms using auto complete, dynamic validation etc.
Read more
ddmenu – Context menu for MooToools
ddMenu is a simple MooTools based script to create custom context menus. This one also supports htokeys and using the hotkey feature context menu can be shown in Opera too.
It is fully stylabe using CSS. Menu items can be disabled or enabled using functions. Read more
jQuery Impromptu – alert and confirm replacement with form support
jQuery Impromptu is an extention to help provide a more pleasant way to spontaneously prompt a user for input. More or less this is a great replacement for an alert, prompt, and confirm. Not only does it replace these but it also allows for creating forms within these controls. This is not intended to be a modal replacement, just a quick tool to prompt user input in a fashionable way.
This is a good plugin to replace alert() and confirm() methods using callback functions. Fully stylabe using CSS. Lots of examples are shown in the site. Read more
Building a reusabe font size controller interface using jQuery
Most of the web2.0 design allows the user to change the font size of the main content area. This is indeed a good usability. So I thought, I should contribute something here. The result is a small jQuery code which can be used to generate a font size changer interface.
Only thing you need to make is a holder element for the controller and then call the function like
fontSize("#holder", "#content", 9, 12, 20); // holder is the id of the element where the font size controller interface will be shown // content is the id of the element where the font size changes will take place. // The next three arguments are Minimum font size, Default font size and Maximum font size respectively
Yes, all done and it will automatically generate all required buttons. It also supports jquery cookie plugin. So when you open the page again, the preferred font size will be restored automatically. (Cookie plugin is not required, but recommended)
After the function is called, the controllers will be generated in the specified area like the following.
Advantages
- Small size, built on jQuery
- Fully skinnable using css
- Multiple interface can be used in the same page for two different content areas
- Support jQuery Cookie plugin for remembering the preferred font size
- Very easy to use
Color picker galore!
A color picker allows the users to preview the color and select it by clicking on it. It is useful when you want to provide some customization for the user (for eg: select a background color, letter color etc). But I think is a very useful piece of code in the admin side of a CMS site (Select font color, theme color or anything that you can imagine). There are simple scripts which generates a simple web safe color palette to advanced ones which generates a color palette like Adobe Photoshop.
Here are some cool color picker scripts that can be used. Some of them are written using plain javascript – means you don’t need any javascript library like jQuery, Mootools. And some of them are written specifically for jQuery, Mootools or Prototype (Here the advantage is a smaller footprint. If you’re already using a javascript library like jQuery or Mootools, use the one particularly written for that library). There are more than 10 scripts to choose from. Read more
