Add an outline and background to text inputs when they are given focus. The following parameter are used.

• oColour – Outline colour
• oWidth – Outline width
• bgColour – Background colour
• textColour – Text Colour

If the fields aren’t given a border, they will get an inset one if a background colour is applied via the plugin. So to prevent this from happening, you could simple have this in your stylesheet. Also, Opera applies a tranparent background, so you may want to add a white background as well.

 input.text, textarea.text {
 border: 1px solid #000;
 background: #fff;
}

And apply the class ‘text’ to any elements this plugin is applied to.

Demo: http://www.texotela.co.uk/code/jquery/focusfields/

Download:jquery.focusfields.js jquery.focusfields.pack.js

Source: http://www.texotela.co.uk/code/jquery/focusfields/

Related Listings:

1. Tooltips – jQuery plugin Replaces the browsers built in tooltip with one with a...
2. jQuery – NewsTicker A news ticker (not new sticker!) plugin based on snippets...
3. TimePicker Script with jQuery Plugin A time picker for jQuery. list version | table version....
4. jQIR – jQuery Image Replacemen Replace headings (or any text) with images. Parameters * format...
5. Font Effects – jQuery Plugin Font effect is a jQuery plugin that add some effect...

Do you like this post?

Email: