フォーム」カテゴリーアーカイブ

フォーム(form)に関する JavaScript のカテゴリ。JavaScript は、HTMLのフォームタグやCSSと組み合わせることで、高度なユーザーインターフェースを開発できる。入力チェックや、計算、条件による振り分けなどで、ユーザーに優しいフォームを作ることができる。

スクロールバーを出現させるオートコンプリート

jQuery UI の Autocomplete プラグインを使った、オートコンプリート(自動入力補完)機能についての記事。文字列候補がたくさんある場合、スクロールバーを出現させるタイプ。 続きを読む

カテゴリー: Autocomplete, JavaScript, jQuery, jQuery UI, フォーム | スクロールバーを出現させるオートコンプリート はコメントを受け付けていません

jQuery UI の Autocomplete プラグインによるオートコンプリート

jQuery UI の Autocomplete プラグインを使った、オートコンプリート(自動入力補完)機能についての記事。予め用意した文字列から、入力欄に入力した文字を含んでいる文字列を探し出し、入力欄の下に表示させることができる。表示された文字列候補を選択すると、入力欄に現れる。 続きを読む

カテゴリー: Autocomplete, JavaScript, jQuery, jQuery UI, フォーム | jQuery UI の Autocomplete プラグインによるオートコンプリート はコメントを受け付けていません

テキスト入力欄のサイズを、ドラッグ&ドロップで変更

jQuery UI の Resizable プラグインを使い、複数行のテキスト入力欄(textarea)のサイズを、ドラッグ&ドロップで変更できるようにする方法。テキストエリアの右下端にをドラッグして、左上、右下、左右へ動かすと、テキストエリアの幅と高さを同時に変更できる。 続きを読む

カテゴリー: JavaScript, jQuery, jQuery UI, Resizable, フォーム | テキスト入力欄のサイズを、ドラッグ&ドロップで変更 はコメントを受け付けていません

ドラッグ&ドロップで並べ替えた順番を送信

jQuery UI の Sortable プラグインを使い、ドラッグ&ドロップで並べ替えた順番を、送信する方法。「この並び順を送信」ボタンを押すと、「この順番でよろしいですか?」という確認ダイアログが出現し、「OK」を選択した場合、項目IDを送信する。 続きを読む

カテゴリー: GUI, JavaScript, jQuery, jQuery UI, Sortable, フォーム | ドラッグ&ドロップで並べ替えた順番を送信 はコメントを受け付けていません

script.aculo.us のスライダーを使った評価フォーム

script.aculo.us ライブラリの slider.js による画像スライダーを使った評価フォーム。input 要素の type 属性に hidden を指定した、非表示データ用フィールドの値に、スライダーの値を、JavaScript で動的に入力することで、スライダーの値を送信できるようになる。 続きを読む

カテゴリー: GUI, JavaScript, prototype.js, script.aculo.us, slider, フォーム | script.aculo.us のスライダーを使った評価フォーム はコメントを受け付けていません

マウスポインタの動作でラジオボタンの色を変更

マウスポインタをラジオボタンの上に合わせると、色を反転(背景色と文字色を変化)させ、さらに、選択したラジオボタンの背景色を変え目立たせる。 続きを読む

カテゴリー: JavaScript, フォーム, 逆引き | マウスポインタの動作でラジオボタンの色を変更 はコメントを受け付けていません

ロールオーバーでラジオボタンの色を反転

マウスポインタをラジオボタンの上に合わせると、色を反転(背景色と文字色を変化)させる。ラジオボタンの上から、マウスポインタを離すと、元のラジオボタンの色に戻す。 続きを読む

カテゴリー: JavaScript, フォーム, 逆引き | ロールオーバーでラジオボタンの色を反転 はコメントを受け付けていません

同意するを選ぶと送信ボタンを有効化

「同意する」のラジオボタンを選択(クリック)すると、送信ボタンを有効化する。「同意しない」のラジオボタンを選択(クリック)すると、送信ボタンを無効化する。つまり、「同意する」を選択しなければ、送信ボタンをクリックできない。 続きを読む

カテゴリー: JavaScript, フォーム, 逆引き | 同意するを選ぶと送信ボタンを有効化 はコメントを受け付けていません

特定のラジオボタンだけテキスト入力欄を表示

特定のラジオボタンをクリックしたときだけ、特定のラジオボタンの横のテキスト入力欄を表示、及び、有効化し、テキストを入力できるようにする。特定のラジオボタン以外をクリックしたときは、特定のラジオボタンの横のテキスト入力欄を非表示、及び、無効化し、テキストを入力できないようにする。 続きを読む

カテゴリー: JavaScript, フォーム, 逆引き | 特定のラジオボタンだけテキスト入力欄を表示 はコメントを受け付けていません

特定のラジオボタンだけテキスト入力欄を有効化

特定のラジオボタンをクリックしたときだけ、特定のラジオボタンの横のテキスト入力欄を有効化し、テキストを入力できるようにする。特定のラジオボタン以外をクリックしたときは、特定のラジオボタンの横のテキスト入力欄を無効化し、テキストを入力できないようにする。 続きを読む

カテゴリー: JavaScript, フォーム, 逆引き | 特定のラジオボタンだけテキスト入力欄を有効化 はコメントを受け付けていません
4 / 512345

スポンサード リンク