How To Create An Input Field Watermark Using jQuery

Author: erics, September 20th, 2011

Here is a VERY simplistic watermark code snippet. It has the distinct disadvantage of submitting the watermark string as the field value, and does not set the initial field value either…YMMV…

jQuery('#yourInput')
   .focusin(function() { 
      if (jQuery('#yourInput').val() == 'Enter keywords to search for') jQuery('#yourInput').val('');
   })
   .focusout(function() {
      if (jQuery('#yourInput').val() == '') jQuery('#yourInput').val('Enter keywords to search for');
   });

jQuery('#yourInput')

.focusin(function() {

if (jQuery('#yourInput').val() == 'Enter keywords to search for') jQuery('#yourInput').val('');

})

.focusout(function() {

if (jQuery('#yourInput').val() == '') jQuery('#yourInput').val('Enter keywords to search for');

});

http://api.jquery.com/focusin/

Categories: How-To's, Technology Tags: Focus, focusin, focusout, form, Form field, howto, ID, input, Input field, JQuery, tips, val(), Water Mark, Watermark | No comments

How To Get The Current Value And Option Text Of A Select Using jQuery

Author: erics, April 18th, 2011

var SelectedValue = jQuery('#PickList').val();
var SelectedText = jQuery('#PickList :selected').text();
if (SelectedValue) {
   alert('You chose: '+SelectedText);
}

var SelectedValue = jQuery('#PickList').val();

var SelectedText = jQuery('#PickList :selected').text();

if (SelectedValue) {

alert('You chose: '+SelectedText);

}

Categories: How-To's, Technology Tags: Current, jQuert, option, select, selected, text(), val() | No comments

S	M	T	W	T	F	S
					1	2
3	4	5	6	7	8	9
10	11	12	13	14	15	16
17	18	19	20	21	22	23
24	25	26	27	28	29	30

How To Create An Input Field Watermark Using jQuery

How To Get The Current Value And Option Text Of A Select Using jQuery

Our Link Network

Business

Client Websites

Fine Dining

Friends & Family

Galleries

Health

Resources

Technology

Travel

The Archives

Latest Ramblings…

Various Topics of No Interest