I’ve made a plugin for jQuery, clearField. It’s very simple actually: it changes the content of a form field when you click on it. Check out the input field on the top right of the Chiquita site to get an idea on what it does. First it says: “Enter your email address” and on focus it’s empty so that you can enter your own text in it. If you don’t type anything and click outside the field the original content is back.
The implementation is pretty simple, just include the javascript file onto your HTML page, then set the value of the input field to what you want and use this jQuery code to enable the plugin:
$(document).ready(function() {
$('selector').clearField();
});
More info? Check out the plugins homepage or the jQuery plugins website.
Nothing against your code here, just curious why anyone would need a plugin for this. You can do the same thing with 2 lines of “straight” jQuery:
$(‘#emailAddress’).focus(function(){$(this).css(‘color’, ‘#000′).val(”);});
$(‘#emailAddress’).blur(function(){$(this).css(‘color’, ‘#999′);});
form field:
sorry, the form field should be: <input type=”text” name=”emailAddress” id=”emailAddress” value=”Enter your email address”>
In my opinion it’s much simpler to use the plugin because I get the same result in one line of code instead of two and even more, because if you blur the field, the original value will be back. But sure, you have a point. The power of jQuery is that you have many options to get the same result. Tnx for the comment!