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

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

投稿日: 2011年6月7日 作成者: alphasis

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

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

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

投稿日: 2011年6月7日 作成者: alphasis

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

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

グリッド（格子）に沿って、ドラッグで移動できるボックス

投稿日: 2011年6月6日 作成者: alphasis

jQuery UI の Draggable プラグインを使った、ドラッグして移動できるボックス。グリッド（格子）に沿って移動できるようにするには、grid オプションを使う。grid オプションで指定した大きさのグリッド（格子）にスナップ（吸着）させることができる。 続きを読む →

カテゴリー: Draggable, GUI, JavaScript, jQuery, jQuery UI | グリッド（格子）に沿って、ドラッグで移動できるボックス はコメントを受け付けていません

垂直方向（上下）だけ、ドラッグで移動できるボックス

投稿日: 2011年6月6日 作成者: alphasis

jQuery UI の Draggable プラグインを使った、ドラッグして移動できるボックス。垂直方向（上下）だけ移動できるようにするには、axis オプションに、y を指定する。 続きを読む →

カテゴリー: Draggable, GUI, JavaScript, jQuery, jQuery UI | 垂直方向（上下）だけ、ドラッグで移動できるボックス はコメントを受け付けていません

水平方向（左右）だけ、ドラッグで移動できるボックス

投稿日: 2011年6月6日 作成者: alphasis

jQuery UI の Draggable プラグインを使った、ドラッグして移動できるボックス。水平方向だけ移動できるようにするには、axis オプションに、x を指定する。 続きを読む →

カテゴリー: Draggable, GUI, JavaScript, jQuery, jQuery UI | 水平方向（左右）だけ、ドラッグで移動できるボックス はコメントを受け付けていません

jQuery UI の Draggable プラグインによるドラッグ移動可能ボックス

投稿日: 2011年6月6日 作成者: alphasis

jQuery UI の Draggable プラグインを使った、ドラッグして移動できるボックス。ドラッグして、上下左右に移動させることができる。オプションも豊富だ。 続きを読む →

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

jQuery UI を使い、ページ全体で選択できないようにする

投稿日: 2011年6月6日 作成者: alphasis

jQuery UI を使い、ページ全体で選択できないようにする方法。 続きを読む →

カテゴリー: JavaScript, jQuery UI | jQuery UI を使い、ページ全体で選択できないようにする はコメントを受け付けていません

jQuery UI を使い、特定の要素の中で選択できないようにする

投稿日: 2011年6月6日 作成者: alphasis

jQuery UI を使い、特定の要素の中で選択できないようにする方法。要素の外から、丸ごと選択することはできる。 続きを読む →

カテゴリー: JavaScript, jQuery UI | jQuery UI を使い、特定の要素の中で選択できないようにする はコメントを受け付けていません

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

投稿日: 2011年6月5日 作成者: alphasis

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

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

アニメーション動作をしながらサイズ変化するボックス

投稿日: 2011年6月4日 作成者: alphasis

jQuery UI の Resizable プラグインを使った、ドラッグ＆ドロップでサイズを変更できるボックスにおいて、大きさを変更するとき、アニメーション動作をしながら、サイズを変化させるには、animate オプションを使う。 続きを読む →

カテゴリー: GUI, JavaScript, jQuery, jQuery UI, Resizable, アニメーション | アニメーション動作をしながらサイズ変化するボックス はコメントを受け付けていません
295 / 325« 先頭...102030...293294295296297...300310320...最後 »