使い方

ZIPファイルを解凍後、各ファイルを任意のディレクトリに配置し、本機能を実装したいhtmlでJS、CSSファイルを読み込む。

<link rel="stylesheet" type="text/css" href="css/passwordTextExtension.css" media="screen" />
<script type="text/javascript" src="js/passwordTextExtension.js"></script>

次に、JSを適用したいinput要素のclass属性に"pwdExt"を指定する。

<input type="password" name="password1" id="password1" class="pwdExt" />

javascriptの設定

jsファイル内の13～20行目付近にある設定値を編集することで、デザインや動作をある程度サイトに合わせることができる。

//-----------------------------------------
// 設定値
//-----------------------------------------
conf : {
	targetClass : 'pwdExt', // 対象とするクラス
	speed : 70, // 文字を隠す速さ
	tooltipColor : 'black' // tooltipの色 --> 'black','white','red','green'
},