Baidu ナビゲーション li ドラッグ アンド ドロップ配置効果 jQuery に基づいて、データベースをリアルタイムで更新_jquery

「db.php」が必要です。
$query = "SELECT `id`,`order`,`name` FROM `limove` ORDER BY `order`";
$lis = mysql_query($query,$conn);
$li_count = mysql_num_rows($lis);
?>












ul{
border: 1 ピクセルの赤一色。
高さ: 150px;
マージン: 自動;
幅: 745px;
}
li{
ボーダー: 1px 実線 #AABBCC;
フロート: 左;
リストスタイル: 外側にはなし、なし。
マージン: 10px;
text-align: 中央;
幅: 120px;
カーソル: 移動;
}
#reset{
ボーダー: 1px 実線 #AABBCC;
カーソル: ポインタ;
フロート: 右;
高さ: 20px;
パディング: 2px;
幅: 40px;
}
#save{
ボーダー: 1px 実線 #AABBCC;
カーソル: ポインタ;
フロート: 右;
高さ: 20px;
パディング: 2px;
幅: 40px;
}

while($li = mysql_fetch_assoc($lis)){
echo '
• '.$li['name'].'
';
}
?>

db.php


require 'db.php';
$fromid = $ _POST['fromid'];
$fromorder = $_POST['fromorder'];
$toorder = $_POST['toorder']; ;
$eqf = '';
$eqt = '=';
$notZero = 'AND `order`>
($fromorder > $toorder ){
$eqf = '=';
$symbol = ' ';
$fromorder = $toorder; toorder = $_POST['fromorder '];
$updateorder = $fromorder;
}
mysql_query("START TRANSACTION",$conn); query = "UPDATE `limove` SET `order`=`order`{$symbol}1 WHERE (`order`>{$eqf}{$fromorder} AND `order`<{$eqt}{$toorder} { $notZero})";
$return1 = mysql_query($query,$conn);
$query = "UPDATE `limove` SET `order`={$updateorder} WHERE `id`={$fromid} ";
$return2 = mysql_query($query,$conn);
if($return1&$return2){
mysql_query("COMMIT",$conn);
}else {
mysql_query("ROLLBACK",$ conn);
}
$query = "SELECT `id`,`order`,`name` FROM `limove` ORDER BY `order`"; mysql_query($query,$conn );
while($li = mysql_fetch_assoc($lis)){
echo '

'.$li['name'].'

';
}
exit(0);


保存ボタン処理ファイル limove_save.php




コードをコピー

$return = mysql_query($query,$conn)&$return;
}
if($return){
mysql_query("COMMIT ",$conn);
} else {
mysql_query("ROLLBACK",$conn);
}
$query = "SELECT `id`,`order`,`name` FROM ` limove` ORDER BY `order`";
$lis = mysql_query($query,$conn);
while($li = mysql_fetch_assoc($lis)){
echo '

'.$li['name'].'

';
}
exit(0);


リセットボタン処理ファイル limove_reset.php




コードをコピー