jQuery 記事一覧
jQuery で右クリックのイベントを禁止する方法
Web ページで右クリックのコンテキストメニューを表示させたくない理由は様々です。 戻る、進むを禁止する 再読み込みを禁止する 画像の保存を禁止する ソースコードの...
jQuery でテキストボックスの値を設定/取得/追記/削除を行う方法
jQuery でのテキストボックスに対する操作をまとめました。 テキストボックスの value 値に対する操作は、jQuery の中でも基本的な処理になります。ベースとなるテ...
jQuery UI Datepicker の便利機能を一気にまとめて定義!使いやすいカレンダーはこれだ!
jQuery UI のカレンダーによる日付入力補助機能を実現する Datepicker プラグインは、初期状態のままでは利便性が低いため、オプション設定により使い勝手を良くする方法...
アイコンをクリックして jQuery UI の Datepicker のカレンダーを呼び出す方法
jQuery UI の Datepicker には、様々なオプション項目が用意されています。上手く利用することで、カレンダー入力の利便性を向上させることができます。 これまで...
jQuery UI を用いてオリジナルのダイアログを実装する方法!独自のボタンや選択肢も簡単に追加できる!
JavaScript には、ダイアログボックスを表示する alert 関数や confirm 関数が標準で用意されています。しかし、メッセージを表示して「OK」「キャンセル」の選択...
jQuery UI の Datepicker で年月をプルダウンから選択する方法
jQuery UI の Datepicker は、カレンダーを表示するためのプラグインです。基本となる実装方法、ならびに日本語対応の手順については、次のページを参照ください。 ...
jQuery UI の Datepicker でカレンダーを月曜始まりにする方法
jQuery UI の Datepicker は、カレンダーを表示するためのプラグインです。基本となる実装方法、ならびに日本語対応の手順については、次のページを参照ください。 ...
jQuery UI の Datepicker で土曜日/日曜日の背景色を変える方法【CSS対応】
Datepicker で表示されるカレンダーは背景色が全て同じであるため、土曜や日曜が直感的に分からないデメリットがあります。設定によってはカレンダーを月曜始まりにすることもできる...
jQuery UI の Datepicker で複数の月のカレンダーを表示する方法
jQuery UI の Datepicker は、カレンダーを表示するためのプラグインです。ベースとなる実装方法、ならびに日本語対応の手順については、次のページを参照ください。 ...
jQuery UI でカレンダーを表示する Datepicker の使い方!テキストボックスの日付入力が簡単になる?!
テキストボックスの日付入力をカレンダーから選択できるようにしたい!そんな要望を叶えてくれるのが JavaScript の拡張ライブラリ jQuery UI の Datepicker...
jQuery でコナミコマンドを実装する方法
コマンド「上上下下左右左右BA」を入力すると何かが起こる。 ファミコン世代にはお馴染みの「コナミコマンド」を、JavaScript で実装するのが今回の目的です。プラグインは...
jQuery UI を利用したテーブル行のドラッグ&ドロップによる入れ替え方法
jQuery UI の Sortable を利用すれば、たった1行でテーブルの行をドラッグ&ドロップで入れ替えられるようになります。 なおここで紹介する方法は、前提として j...
jQuery でセレクトボックスのプルダウン項目(option 要素)を追加/削除する方法
フォームオブジェクトの中でも、セレクトボックスの操作は少し特殊です。記述方法を覚えてしまえば問題ないのですが、同じようなミスをして調べる機会が多いのもセレクトボックスの特徴ではない...
jQuery でセレクトボックスを操作!value 値の取得や選択項目の指定、プルダウンテキストの取得方法
select ボックスに対する jQuery の操作をまとめてみました。 JavaScript では value 値が取得・設定に特化することが多いですが、jQuery を使...
jQuery UI の Tabs を使って簡単にタブ切り替えを実装する方法
HTML 上のタブ切り替え画面の実装は、JavaScript でもさほど難しいものではありません。それでも jQuery UI で提供されている Tabs を利用すれば、もっと簡単...
非同期処理中の Now Loading を jQuery で表示させる方法
画面遷移することなく、同じ画面内でサーバーとやりとりする処理を「非同期処理」と言います。 通常の同期処理では、処理が終われば次の画面が表示されます。一方、非同期処理の場合、ど...
jQuery でラジオボタンの値を取得/変更する方法
radio ボタンに対する jQuery の操作をまとめてみました。 どれも基本的な操作です。しかし意外と忘れてしまうもので、値の設定方法はテキストボックスのケースと記述方法...
jQuery でファンクションキーやバックスペースキーを無効化する制御
まず JavaScript の処理としてキー入力イベントは keydown から取得します。入力したキーによって、コード値を取得することができます。そして処理を無効化するためには ...
jQuery でキーボード入力をキャンセル(無効化)する方法
Web システムや Web サイト上で、キーボードからの入力を制御する方法は次の通りです。 キー入力イベントをキャッチする 処理を実行させずキャンセルする た...
jQuery UI の Autocomplete の CSS 設定を上書きする方法
jQuery UI の入力補完の機能を持ったオートコンプリート。単語リストを用意すれば、簡単に実装できるのが最大の魅力です。 入力補完として表示される単語リストの色は...