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

ドラッグ&ドロップで並べ替えるときのドラッグできる部分を指定

jQuery UI の Sortable プラグインの handle オプションを使うと、ドラッグ&ドロップで並べ替えるときの、ドラッグできる部分を指定できる。項目のボックスを並べ替えたいが、ドラッグできるのはボックス内の一部だけにしたい…そんなときに、役立つオプションだ。 続きを読む

カテゴリー: GUI, JavaScript, jQuery, jQuery UI, Sortable | ドラッグ&ドロップで並べ替えるときのドラッグできる部分を指定 はコメントを受け付けていません

複数のリストの境界を越え、ドラッグ&ドロップで並べ替え

jQuery UI の Sortable プラグインの connectWith オプションを使うと、複数のリストの境界を越え、ドラッグ&ドロップで並べ替えることができる。いづれかのリスト内の項目を、他のリストへすべて移動しても、CSSで一行ほどのスペースを残せば、そこへドロップすることができる。 続きを読む

カテゴリー: GUI, JavaScript, jQuery, jQuery UI, Sortable | 複数のリストの境界を越え、ドラッグ&ドロップで並べ替え はコメントを受け付けていません

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

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

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

ドラッグ&ドロップで並べ替えた順番を保存・再現

jQuery UI の Sortable プラグインを使ったドラッグ&ドロップによる並べ替えにおいて、並べ替え後の順番をクッキー(cookie)に格納し、次回ページを開いたときに、前回並べ替えた順番で表示させる方法。cookie への格納には、jQuery の Cookie プラグインを使用する。 続きを読む

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

jQuery UI の Sortable による並べ替えを楽にするオプション

jQuery UI の Sortable プラグインの cursor、 opacity、 placeholder オプションについて。これらのオプションを使うと、さらに、並べ替え作業が楽になる。cursor オプションは、移動中のカーソルを変更することができるオプション。opacity オプションは、移動中の項目を半透明にできるオプション。placeholder オプションは、移動先のスペースをハイライト表示するオプション。 続きを読む

カテゴリー: GUI, JavaScript, jQuery, jQuery UI, Sortable | jQuery UI の Sortable による並べ替えを楽にするオプション はコメントを受け付けていません

jQuery UI の Sortable を使いドラッグ&ドロップで並べ替え

jQuery UI の Sortable プラグインを使い、ドラッグ&ドロップで並べ替えを行えるようにする方法。「項目 1」をドラッグして、下へ動かし、「項目 2」の上に持ってくると、「項目 2」が上へ移動し、「項目 2」と「項目 3」の間にスペースができ、そこへドロップすると、順番が入れ替わる。 続きを読む

カテゴリー: GUI, JavaScript, jQuery, jQuery UI, Sortable | jQuery UI の Sortable を使いドラッグ&ドロップで並べ替え はコメントを受け付けていません

jQuery UI の Tabs プラグインの cookie オプション

jQuery UI の Tabs プラグインで作るタブ型メニューの cookie オプションについて。cookie オプションを使うと、最後に開いたタブメニューがどれかをクッキー(cookie)に格納し、ページを再度開いたとき、前回の最後に開いたタブメニューの内容を表示させることができる。 続きを読む

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

jQuery UIの Tabs プラグインによるタブメニュー

jQuery UI の Tabs プラグインで、タブ型メニューを簡単に作る方法。この実装例の、jQuery UI の CSS テーマは、デフォルトのテーマを読み込んで使っている。もちろん他の CSS テーマにも対応しているので、色々試してみるといい。 続きを読む

カテゴリー: JavaScript, jQuery, jQuery UI, Tabs, メニュー | jQuery UIの Tabs プラグインによるタブメニュー はコメントを受け付けていません

WordPress Audio Player | MP3オーディオプレーヤー プラグイン

WordPress Audio Player は、MP3 オーディオプレーヤーを、WordPress に搭載する WordPress プラグイン。高度なカスタマイズ機能を搭載している。プレーヤーの色をカスタマイズできる。MP3 リンクを、プレーヤーに置き換えることができる。アーカイブにおいて、MP3掲載記事の抜粋に、プレーヤーを挿入することができる。 続きを読む

カテゴリー: WordPress, プラグイン | WordPress Audio Player | MP3オーディオプレーヤー プラグイン はコメントを受け付けていません

Haiku minimalist audio player | WordPress 用 jPlayer

シンプルなHTML5ベースのオーディオプレーヤーを、WordPress に搭載する WordPress プラグイン。jQuery の jPlayer プラグインを使ったオーディオプレーヤー。単純なテキストリンクと、グラフィカルなプレーヤーを、選択できる。MP3 リンクを、オーディオプレーヤーに置き換えることができる。 続きを読む

カテゴリー: WordPress, プラグイン | Haiku minimalist audio player | WordPress 用 jPlayer はコメントを受け付けていません