このjquery関数を使用して、テキストボックスのヒントを表示します
これは機能です
function textboxHint(id, options) {
var o = { selector: 'input:text[title]', blurClass:'blur' };
$e = $('#'+id);
$.extend(true, o, options || {});
if ($e.is(':text')) {
if (!$e.attr('title')) $e = null;
} else {
$e = $e.find(o.selector);
}
if ($e) {
$e.each(function() {
var $t = $(this);
if ($.trim($t.val()).length == 0) { $t.val($t.attr('title')); }
if ($t.val() == $t.attr('title')) {
$t.addClass(o.blurClass);
} else {
$t.removeClass(o.blurClass);
}
$t.focus(function() {
if ($.trim($t.val()) == $t.attr('title')) {
$t.val('');
$t.removeClass(o.blurClass);
}
}).blur(function() {
var val = $.trim($t.val());
if (val.length == 0 || val == $t.attr('title')) {
$t.val($t.attr('title'));
$t.addClass(o.blurClass);
}
});
// empty the text box on form submit
$(this.form).submit(function(){
if ($.trim($t.val()) == $t.attr('title')) $t.val('');
});
});
}
}
これはhtmlです
<form action="" method="" class="search" >
<input type="text" name="search" class="text" title="Search Subjects..." id="block" />
<input type="submit" name="submit" value="Search" class="submit" />
</form>
私はこのような関数を呼び出しました..
$(document).ready(function() {
textboxHint("block");
});
これは機能しています..しかし、問題は、この関数を使用して、2 つの異なる ID を持つ 2 つの異なるテキスト ボックスにヒントを表示する必要があることです。例: Id = block1 および Id = block2 など...
これを行うためにこの関数を変更するのを手伝ってくれる人はいますか?