jQuery Feedback Plugin Demo Page




 
 
This is the default jQuery UI status box styling:

Hey! Sample ui-state-highlight style.

Empty div, 500px wide

Code used on this page: 

 $("#msg").click(function() { 
 	$(this).feedback("This is a sample info message", {duration: 3000, right: true});
		}); 
 
 
 $("#err").click(function() { 
 	$(this).feedback("This is a fatal error message!", {duration: 3000, right: true, type: "error"});
	}); 
  
 $("#custom").click(function() { 
 	$(this).feedback("This uses a custom class for a status message!", {duration: 3000, right: true, infoClass : "custom"});
	}); 
 
 $("#leftmsg").click(function() { 
 	$(this).feedback("This appears to left of input field ", {duration: 3000, left: true, offsetX: $("#customer").outerWidth() +10 });
	}); 
 
 $("#leftbtn").click(function() { 
  	$(this).feedback("This appears to left of the button ", {duration: 3000, left: true});

	}); 
	
  $("#abovemsg").click(function() { 
 	$(this).feedback("This appears above the input field ", {duration: 3000, above: true });
	});