投稿者「alphasis」のアーカイブ

jQuery UI の Droppable プラグインの addClass オプション

jQuery UI の Droppable プラグインの addClass オプションを使う。ドラッグして移動できるボックスを、ドロップできるボックスへドロップすると、ドロップできるボックス内の文字とスタイルを変える。 続きを読む

カテゴリー: Droppable, GUI, JavaScript, jQuery, jQuery UI | jQuery UI の Droppable プラグインの addClass オプション はコメントを受け付けていません

jQuery UI の Droppable プラグインによるドロップできるボックス

jQuery UI の Droppable プラグインを使った、ドロップできるボックスについての記事。Droppable プラグインのオプション(Options)やイベント(Events)などについても。 続きを読む

カテゴリー: Droppable, GUI, JavaScript, jQuery, jQuery UI | jQuery UI の Droppable プラグインによるドロップできるボックス はコメントを受け付けていません

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

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 | ドラッグ移動できるボックスの特定要素へのスナップの内外指定 はコメントを受け付けていません