タグ

ブックマーク / alphasis.info (2)

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

    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

    sendai
    sendai 2014/09/03
    研究ネタ
  • jQuery UI の Draggable プラグインによるドラッグ移動可能ボックス

    jQuery UI の Draggable プラグインを使った、ドラッグして移動できるボックス。 実装例(サンプル) 実装例の動作について 「ドラッグして移動できるボックス。」と書いてあるボックスを、ドラッグして、移動させることができる。 実装例のソースコード 読み込み 読み込み方は、2種類ある。パスは、それぞれ、アップロードした場所を指定する。 まとめて読み込む場合 <link rel="stylesheet" href="themes/base/jquery.ui.all.css"> <script type="text/javascript" src="jquery-1.4.2.js"></script> <script type="text/javascript" src="ui/jquery-ui-1.8.12.custom.min.js"></script> <link rel

    sendai
    sendai 2014/08/04
    研究ネタ
  • 1