入力文字数制限のあるフォームで、後何文字入力していいかわからず打ち直した経験はありませんか？ 前回は何文字入力しているかをカウントしましたが、今回はその逆です。 HTMLソース input要素のmaxlength属性に最大入力文字数を入れます。 後のspan要素にある数字がカウントダウンするようにJavascriptで設定します。 <input type="password&q...続きを読む

入力したテキストの文字数をカウントアップ フォームの入力で文字数制限がある場合に使えます。 ここで紹介するのはtextarea要素ですが、input要素でも使えます。 HTMLソース span要素内の数字がカウントアップされます。 <textarea type="text" id="input-up"></textarea> &...続きを読む

以前に紹介した、toggleによる開閉ですが、他にも用途がありました！ イベントの変化 1回目のクリックと2回目のクリックにより、イベントを変化させます。 実装は簡単「,(カンマ)」でfunctionを区切ればいいだけです。 $(セレクター).toggle(function(){ $('セレクター')命令1; },function(){ $('セレクター...続きを読む

jqueryのtoggle開閉をcookieに保存してリロードしても最後の状態を保存します。 今まで特に必要ないと考えていましたが、仕事で制御の要求が出たのと、色んな場面を想像すれば必要だと感じました。 jqueryによるcookieの制御 jqueryのjquery.cookie.jsプラグインを使用すれば簡単にcookieを制御出来ます。 まずはダウンロード 下記URLからjquery.coo...続きを読む

target=”_blank”の使用はHTMLの属性により、文法エラーになることがあります。またリンク動作はユーザに委ねるべきだということも考慮しなければなりません。 ただ、どうしても使用しなければならない場合もあると思います。それを解決するのがJavascriptです。文法エラーは無視すれば問題ないのですが、ユーザのことを考えるのであれば、これをサイトに導入すべきです。 ...続きを読む