2011-01-26 13 views
2

生のjqueryコードでこのエフェクトを何回か実装しましたが、プラグインとして使用したいと思います。問題は、プラグインを検索するために何が呼び出されたのかわかりません。基本的に、入力フィールドは、フィールド自体の内部に薄い灰色のラベルがあります。ユーザーがクリックすると、灰色のラベルが消えます。ユーザーが何も入力せずにフィールドを終了すると、グレーのラベルが返されます。それ以外の場合は、ユーザーのタイプに関係なく、そこにとどまります。それは、それは名前を持っていない、本当に簡単だし、そこはそれのためのプラグインですので、私でしこの効果のJqueryプラグインですか?その効果は何ですか?

$('#blabla').effectname('Label'); 

これは愚かな質問ですが、私は本当にこの1に出ブランクてる場合は申し訳ありませんのようなもの。

+1

プレースホルダ? HTML5ソリューションの場合はhttp://plugins.jquery.com/project/input-placeholder – Moak

答えて

6

あなたが「placeholder」を記述しているように聞こえます。これは実際にはHTML 5に組み込まれており、WebKit(Chrome + Safari)、FireFox 3.7以上、IE 9ベータ(私が考える)でサポートされています。ただ、私の周り探しのビットをやっ

はこのjQueryプラグインを発見した - jQuery Placeholder

+0

+1。私はこのことについて常に忘れています。 –

+0

Heh、Firefox 3.7、現在はベータ版で、すぐに出てくるのは4だけです。 –

+0

ああ、ある時点で明らかにあった。 http://www.computerworld.com/s/article/9144820/Mozilla_dumps_Firefox_3.7_from_schedule_changes_dev_process – swilliams

1

ウォーターマークまたはプレースホルダーと呼ばれています。 hereという苦情なしで使用した適切なjQueryプラグインがあります。それはあらゆる種類の良いものを持っています(ドラッグ&ドロップサポートのようなものです)。

他にも多くのものがあります。ここでhttp://www.google.com/search?q=jQuery+watermark

2

は、私は長い時間前に書いたものです、私はそれが役立つと確信しています。

機能:

function textReplacement(input) { 
    var originalvalue = input.val(); 
    input.focus(function() { 
     if ($.trim(input.val()) == originalvalue) { 
      input.val('').css("color", "#000"); 
     } 
    }); 
    input.blur(function() { 
     if ($.trim(input.val()) == '') { 
      input.val(originalvalue).css("color", "#999"); 
     } 
    }); 
} 

用法:

textReplacement($('input#thisID').css("color", "#999")); 

お楽しみください!

関連する問題