3

PHP/MYSQLを使用しています。

画像を並べ替えるための画像ギャラリーを作成したい。ユーザーは画像をドラッグアンドドロップして、画像を並べ替えて整理します。picassaと同じようにこれを行います。

jQuery UIの並べ替え可能なプラグインを使用してページを作成しました：http：//jqueryui.com/demos/sortable/#display-grid

デモページ： http： //jsbin.com/oqani/9/

画像を適切にドラッグアンドドロップします。しかし、ユーザーが画像の並べ替えを行った後、画像の現在の順序を取得できません。現在の注文を取得したら、その特定の画像の注文をdbに保存する必要があります。

画像が1、2、3、4、5、6、7、8、9の順序であるとすると、画像を並べ替えると、順序は1、3、4、7、8、2、5、6、9になります。したがって、[注文を表示]ボタンをクリックすると、注文が1、3、4、7、8、2、5、6、9と表示されます。

[順序を表示]ボタンをクリックして画像の現在の順序を表示するのを手伝ってくれませんか。また、特定の画像の現在の順序をDBに配置する方法の概念を教えてください。

ありがとう

4

2 に答える 2

1 
jQuery("#contentSortableUL").sortable({
    opacity: 0.6,
    cursor: "move",
    update: function(){
        var order = $(this).sortable("serialize"); 
        jQuery.post("update-sorting.php", order, function(theResponse){
            // Callback code here
        });
    }
});

データベースを更新するには、update-sorting.phpページにコードを記述する必要があります。

<?php
/* code in update-sort.php would look like */
include("includes/db.connection.php");

$updateRecordsArray = $_POST['recordsArray'];
$listingCounter = 1;
$orderedImageIds = array();

foreach ($updateRecordsArray as $recordIDValue){
    $listingCounter = $listingCounter + 1;

    /* update query goes here */
    update tableName set order = $listingCounter 
}
?>

お役に立てば幸いです。

于 2011-07-05T08:29:39.890 に答える
0

updateはい、実際にjQuery UIで取得しました。たとえば、などのイベントがいくつかありstart、これを使用して新しい並べ替え順序を取得できます。

これが最終的な作業デモです：http：//jsbin.com/oqani/10/

于 2010-02-24T10:09:28.560 に答える