銀の弾丸

プログラミングに関して、いろいろ書き残していければと思っております。

jQuery

jQueryプラグインを正しく簡単に作る方法

キチンとしたjQueryプラグインを簡単に作れるようになる関数のご紹介。 javascriptのクラスを作れる人なら、「jQueryプラグインはjQuery.fnに~」とか、「メソッドチェインをするために~」なんてことを詳しく知らなくても大丈夫。

jQuery UIで普通のテキスト入力を少し立派に見せるjQueryプラグイン

フォームのテキスト入力項目の見た目を、jQuery UI の spinner(スピンボタン付き数値入力ウィジェット)と同じようにする、jQueryの簡単なプラグインです。spinnerのスタイル(CSS)を利用するので、jQuery UI も必要です。 spinnerは結構高さがあって、ボタン…

日付入力スピンボタンとdatepickerとの併用

日付入力用のspinnerです。例によってjQueryとjQuery UIが必要です。 datespinner: 以下のように、datepickerと同時に使えます。 datepickerだけではテキストボックスにテーマのスタイルが適用されないようですが、spinnerを使えばOKです。 datespinner(with…

時刻入力スピンボタン

時刻入力用のspinnerです。時分のみ入力します。秒も入力したい場合は追加コードが必要です。 jQuery UI の spinnerをカスタマイズしたものですので、jQueryとjQuery UIが必要です。 timespinner: ウィジェットの値としてはシーケンシャルな分の値になってる…

jQueryでフォーム部品のcheckedやselectedはpropで操作する

よく勘違いして慌てているので書いておきます。 フォーム部品のcheckedやselectedといったbool型のプロパティの操作は、propを使用する。以前はattrを使っていた記憶がありますが、それではちゃんと動いてくれないです。 いちご みかん りんご いちご みかん…

フォームのリセット時にjQuery UIのselectmenuの表示もちゃんと更新する

jQuery UI のselectmenu は、フォームがリセットされても表示が元に戻らないみたいですね。 以下のようにして解決。 $("input[type='reset']").button() .click(function() { window.setTimeout(function() { $("[name='sel']") .selectmenu('refresh'); }, …

はてなブログでjQueryを普通に使う

jQueryやっぱり便利ですね。単純な処理では不要論もありますけど、お手軽さがいい。 はてなブログでも、jQueryが標準で読み込まれていますが、残念ながらHEADやコンテンツ内で、そのままでは利用できないです。 ページの体感的な描画速度の向上のため、jQuer…