jQuery UIのダウンロードと使い方
jQueryでDrag & DropやDialogを使用したい場合、jQuery UIを使用すればよさそうです。 まずは、ダウンロードとHTMLページへの設定方法を調べてみます。 http://jqueryui.com/ このサイトの右上にある「Build custom download」をクリック。 使用したいコンポーネントを選択すると、必要なメソッドを集めたjsファイルを 生成してくれるようです。 とりあえず、全部試してみたいので全てチェックがついた状態でダウンロード。 また、右側にあるテーマ名を変更すると雰囲気の異なるテーマでダウンロード可能です。 ダウンロードを実行すると、jquery-ui-1.8.2.custom.zipというファイルが取得できます。 解凍すると、「css」「development-bundle」「js」という3つのフォルダと、 「index.html」というフ
ドラッグ＆ドロップで並べ替えた順番を送信
jQuery UI の Sortable プラグインを使い、ドラッグ＆ドロップで並べ替えた順番を、送信する方法。 「この並び順を送信」ボタンを押すと、「この順番でよろしいですか？」という確認ダイアログが出現し、「OK」を選択した場合、項目IDを送信する。 実装例（サンプル） 項目名 A (項目ID:1) 項目名 B (項目ID:2) 項目名 C (項目ID:3) 項目名 D (項目ID:4) 項目名 E (項目ID:5) 実装例の動作について 「項目名 A」をドラッグして、下へ動かし、「項目名 B」の上に持ってくると、「項目名 B」が上へ移動し、「項目名 B」と「項目名 C」の間にスペースができる。そのスペースへドロップすると、「項目名 A」と「項目名 B」が入れ替わり、「項目名 B」「項目名 A」「項目名 C」…の順番になる。 「この並び順を送信」ボタンを押すと、 項目名 B (項目ID
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Download Builder | jQuery UI
Sortable | jQuery UI
