2011-01-13 16 views
1

私は、画像を使ってパスワードの強さを示すパスワード強度計を探しています。画像を使用したjQueryパスワード強度計

私はテキストを使っているのを見たことがありますが、私が望むイメージにテキストを正しく変更する方法が見つかりませんでした。

私のニーズに答えることができる簡単な実装はありますか?

ありがとう、

+0

大きな筋肉を持つ男性がより強力なパスワードを意味するペニーアーケードの強さ試験機のような意味ですか? (奇妙な類推ですが、同じ概念です)? – rownage

+0

あなたの問題は何ですか?何を試しましたか? ''タグを使用し、src属性を変更するだけです。または、複数の地域で分割された背景画像を使用し、CSSを使用して可視領域を変更します。 –

+0

@Felix Kling - 私はこのhttp://n0nick.net/jquery/password-strength/の例を使用し、.jsファイルのテキストビットをimgタグに置き換えようとしましたが、画像を表示せずにタグをエコーし​​ます。 –

答えて

3

このオプションを指定したパスワード強度プラグインは表示されません。あなたが選んだプラグインを取って、メッセージを表示するコード部分を変更し、代わりに<img />と入力してください。問題がある場合は、あなたが選んだプラグインを教えてください。私はあなたにそれを手伝ってくれます。

CODE:

container.text(settings.texts[level]).attr('class', 'password_strength ' + _class); 

変更の.textは.htmlのため、同様に画像を追加することを忘れないように:

 'texts' : { 
     1 : "<img src='....' />", 
     2 : "<img src='....' />", 
     3 : "<img src='....' />", 
     4 : "<img src='....' />", 
     5 : "<img src='....' />" 
    } 

そしてすべてがソートされなければなりません。

+0

私はこのn0nick.net/jquery/password-strengthの例を使用し、.jsファイルのテキストビットをimgタグに置き換えようとしましたが、イメージを表示せずにタグをエコーし​​ます。 –

+0

これは、プラグインがjQueryのtext()関数を使用し、html()を使用しないため、htmlを追加できないため、これを変更します。 – CamelCamelCamel

関連する問題