Archive | January 28, 2013

Add Watermark to Textbox using jQuery


jQuery(document).ready(function() {
var watermark = "Type the code seen above";
jQuery(".wpcf7-captchar").val(watermark);
jQuery(".wpcf7-captchar").focus(function() {
if (jQuery.trim(jQuery(".wpcf7-captchar").val()) == watermark) {
jQuery(".wpcf7-captchar").val("");
}
});
jQuery(".wpcf7-captchar").blur(function() {
if (jQuery.trim(jQuery(".wpcf7-captchar").val()) == "") {
jQuery(".wpcf7-captchar").val(watermark);
}
});
});

Advertisements

Contact Form 7 watermark for select menu

Put this code in your functions.php file:

function my_wpcf7_form_elements($html) {
$text = 'Please select...';
$html = str_replace('---', '' . $text . '', $html);
return $html;
}
add_filter('wpcf7_form_elements', 'my_wpcf7_form_elements');