複数のリストの境界を越え、ドラッグ＆ドロップで並べ替え
jQuery UI の Sortable プラグインの connectWith オプションを使うと、複数のリストの境界を越え、ドラッグ＆ドロップで並べ替えることができる。 いづれかのリスト内の項目を、他のリストへすべて移動しても、CSSで一行ほどのスペースを残し、そこへドロップすることができるようにした。 実装例（サンプル） 項目 1-1 項目 1-2 項目 1-3 項目 1-4 項目 1-5 項目 1-6 項目 1-7 項目 2-1 項目 2-2 項目 2-3 項目 2-4 項目 2-5 項目 2-6 項目 2-7 項目 3-1 項目 3-2 項目 3-3 項目 3-4 項目 3-5 項目 3-6 項目 3-7 実装例の動作について 左のリストの「項目 1-1」をドラッグして、中央のリストの「項目 2-2」の上に持ってくると、「項目 2-2」が下へ移動し、「項目 2-1」と「項目 2-2
jQuery UI の effect を使い、クリックで要素をハイライト表示
実装例（サンプル）の動作について 実装例（サンプル）のラベンダー色のボックスをクリックすると、ボックスをハイライト表示する。 実装例のソースコード 読み込み 読み込み方は、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="stylesheet" href="themes/base/jquery.ui.all.css"> <scri
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
