GUI」カテゴリーアーカイブ

GUI に関する JavaScript のカテゴリ。javascript で書かれた様々なライブラリを使うと、高度な GUI を、簡単に実現できる。

ドラッグ&ドロップで新たな項目を並び替えられるリストへ追加

jQuery UI の Draggable プラグインを使った、ドラッグして移動できるボックスと、jQuery UI の Sortable プラグインを使った、並び替えられるリストとの併用。併用することにより、ドラッグ&ドロップで、新たな項目を、並び替えられるリストへ、追加できる。 続きを読む

カテゴリー: Draggable, GUI, JavaScript, jQuery, jQuery UI, Sortable | ドラッグ&ドロップで新たな項目を並び替えられるリストへ追加 はコメントを受け付けていません

ドラッグ移動ボックスにおける、移動中のスクロール可否設定

jQuery UI の Draggable プラグインを使った、ドラッグして移動できるボックスにおける、ボックス移動中のスクロール可否設定。ウィンドウや親要素を、スクロールさせたくない場合、scroll オプションに false を指定。スクロールさせたい場合、scroll オプションに true を指定。 続きを読む

カテゴリー: Draggable, GUI, JavaScript, jQuery, jQuery UI | ドラッグ移動ボックスにおける、移動中のスクロール可否設定 はコメントを受け付けていません

ドラッグ移動ボックスにおいて、移動中のボックスを半透明にする

jQuery UI の Draggable プラグインを使った、ドラッグして移動できるボックスにおいて、移動中のボックスを半透明にする方法。移動中のボックスを半透明にするには、opacity オプションを使う。 続きを読む

カテゴリー: Draggable, GUI, JavaScript, jQuery, jQuery UI | ドラッグ移動ボックスにおいて、移動中のボックスを半透明にする はコメントを受け付けていません

ドラッグ移動ボックスにおいて、移動用クローンを出現させる

jQuery UI の Draggable プラグインを使った、ドラッグして移動できるボックスにおいて、移動用クローン(複製)を出現させる方法。クローンを出現させるには、helper オプションに、clone を指定する。 続きを読む

カテゴリー: Draggable, GUI, JavaScript, jQuery, jQuery UI | ドラッグ移動ボックスにおいて、移動用クローンを出現させる はコメントを受け付けていません

ドラッグを放すと元の位置に戻るドラッグ移動ボックス

jQuery UI の Draggable プラグインを使った、ドラッグして移動できるボックスにおいて、ドラッグを放すと元の位置に戻るようにする方法。ドラッグを放すと元の位置に戻るようにするには、revert オプションに、true を指定する。 続きを読む

カテゴリー: Draggable, GUI, JavaScript, jQuery, jQuery UI | ドラッグを放すと元の位置に戻るドラッグ移動ボックス はコメントを受け付けていません

ドラッグ移動できるボックスにおいて、ドラッグできる要素を指定

jQuery UI の Draggable プラグインを使った、ドラッグして移動できるボックスにおいて、ドラッグできる要素を指定する方法。ドラッグできる要素を指定するには、handle オプションを使う。 続きを読む

カテゴリー: Draggable, GUI, JavaScript, jQuery, jQuery UI | ドラッグ移動できるボックスにおいて、ドラッグできる要素を指定 はコメントを受け付けていません

ドラッグ移動できるボックスの特定要素へのスナップ距離を指定

jQuery UI の Draggable プラグインを使った、ドラッグして移動できるボックス。特定の要素にスナップ(吸着)させたいときは、snap オプションを使う。同時に、snapTolerance オプションを使うと、スナップする距離を指定できる。 続きを読む

カテゴリー: Draggable, GUI, JavaScript, jQuery, jQuery UI | ドラッグ移動できるボックスの特定要素へのスナップ距離を指定 はコメントを受け付けていません

ドラッグ移動できるボックスの特定要素へのスナップの内外指定

jQuery UI の Draggable プラグインを使った、ドラッグして移動できるボックス。特定の要素にスナップ(吸着)させたいときは、snap オプションを使う。同時に、snapMode オプションを使うと、内側だけにスナップ、外側だけにスナップ、内外両方にスナップを、指定できる。 続きを読む

カテゴリー: Draggable, GUI, JavaScript, jQuery, jQuery UI | ドラッグ移動できるボックスの特定要素へのスナップの内外指定 はコメントを受け付けていません

ドラッグ移動できるボックスを、特定要素にスナップさせる

jQuery UI の Draggable プラグインを使った、ドラッグして移動できるボックス。特定の要素にスナップ(吸着)させたいときは、snap オプションを使う。 続きを読む

カテゴリー: Draggable, GUI, JavaScript, jQuery, jQuery UI | ドラッグ移動できるボックスを、特定要素にスナップさせる はコメントを受け付けていません

特定要素内だけ、ドラッグで移動できるボックス

jQuery UI の Draggable プラグインを使った、ドラッグして移動できるボックスの、移動範囲を設定する方法。親要素内だけ移動できるようにするには、containment オプションに、parent を指定。「#jquery-ui-draggable-wrap」のように特定の要素の id 指定もできる。 続きを読む

カテゴリー: Draggable, GUI, JavaScript, jQuery, jQuery UI | 特定要素内だけ、ドラッグで移動できるボックス はコメントを受け付けていません

スポンサード リンク