Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /*
- * Copyright (c) 2007 Josh Bush (digitalbush.com)
- //Example: jQuery Document Ready -- pass a function to $()
- jQuery(function($){
- $("#first").Watermark("First");
- $("#mi").Watermark("MI");
- $("#last").Watermark("Last");
- $("#suffix").Watermark("Suffix");
- });
- //Optionally, if you are not satisfied with the default gray watermark color, you may pass a second argument to the watermark function.
- jQuery(function($){
- $("#suffix").Watermark("Suffix","#369");
- });
- //Finally, once you are ready to pull data from your watermarked input boxes, you can clear all of the watermarks and then replace them after you are finished.
- function UseData(){
- $.Watermark.HideAll();
- //Do Stuff
- $.Watermark.ShowAll();
- }
- */
- (function($) {
- var map=new Array();
- $.Watermark = {
- ShowAll:function(){
- for (var i=0;i<map.length;i++){
- if(map[i].obj.val()==""){
- map[i].obj.val(map[i].text);
- map[i].obj.css("color",map[i].WatermarkColor);
- }else{
- map[i].obj.css("color",map[i].DefaultColor);
- }
- }
- },
- HideAll:function(){
- for (var i=0;i<map.length;i++){
- if(map[i].obj.val()==map[i].text)
- map[i].obj.val("");
- }
- }
- }
- $.fn.Watermark = function(text,color) {
- if(!color)
- color="#aaa";
- return this.each(
- function(){
- var input=$(this);
- var defaultColor=input.css("color");
- map[map.length]={text:text,obj:input,DefaultColor:defaultColor,WatermarkColor:color};
- function clearMessage(){
- if(input.val()==text)
- input.val("");
- input.css("color",defaultColor);
- }
- function insertMessage(){
- if(input.val().length==0 || input.val()==text){
- input.val(text);
- input.css("color",color);
- }else
- input.css("color",defaultColor);
- }
- input.focus(clearMessage);
- input.blur(insertMessage);
- input.change(insertMessage);
- insertMessage();
- }
- );
- };
- })(jQuery);
Advertisement
Add Comment
Please, Sign In to add comment