保存jQuery UI可拖動值？

我需要幫助找出最佳解決方案，我只想採取jQuery UI可拖動值並保存它。保存jQuery UI可拖動值？

即時通訊閱讀ajax，但我不知道如何實現ajax和PHP數據庫（即時通訊使用wordpress，這將是很好的只是將數據存儲在wp數據庫）。

Save position of Jquery draggable DIVs using php這似乎涵蓋我需要什麼，我只是不知道（URL：「your_php_script.php」）「在該腳本，你那麼只需要搶後的參數，並將它們存儲在數據庫中的」我如何編寫帖子參數？有人可以解釋嗎？

這裏是

 <?php 

    $query = mysql_query("SELECT * FROM needs WHERE (needsusername='$username' OR  workerusername='$username') AND status='inprogress'"); 


     while ($rows = mysql_fetch_assoc($query)) { 
     $title = $rows['titleofneed']; 
     $status = $rows['status']; 

     echo " 
     <div class='ui-widget-content'> 
     $title<br>Status: $status<br> 
     "; 
    } 

    ?>

設置

//Setup our Query 
$sql = "UPDATE coords SET x_pos=$x_coord, y_pos=$y_coord WHERE needid = '$needid'"; 

//Execute our Query 
if (mysql_query($sql)) { 
     echo "success $x_coord $y_coord $needid"; 
    } 
    else { 
    die("Error updating Coords :".mysql_error());

}

阿賈克斯

$.ajax({ 
      type: "POST", 
      url: "your_php_script.php", 
      data: { x: pos_x, y: pos_y, need_id: need} 
     }).done(function(msg) { 
      alert("Data Saved: " + msg); 
     }); 

    $_POST['x'], $_POST['y'] and $_POST['need_id']

此代碼是從上面的鏈接複製的，我只是試圖讓感覺它，看到我它適用於我的目標嗎？我理解了一些部分，isnt $ query指定了一個表，然後while（$ rows = mysql_fetch_assoc（$ query））將數據放到了表上。我在這裏混淆了這些部分，我怎麼寫它來連接到我的數據庫？

這裏是.draggable呼叫

$(".ELEMENT").draggable({ 
    containment: '#_moon_static_bg_status', 
});

來源

2013-07-11 Michael Joseph Aubry

哪裏是你拖/放JavaScript代碼 – DevZer0

加入..你可以看到它的裸 –

*旁註：使用推薦*站下面的代碼將在每次停止拖動元素時送你的元素的新位置'mysql_ *'函數。改用MySQLi或PDO。 – Raptor

我不知道是什麼need_id但它可能是東西，你可以從一個數據屬性得到。

$(".ELEMENT").draggable({ 
    containment: '#_moon_static_bg_status', 
    stop: function(event, ui) { 
     $.ajax({ 
      type: "POST", 
      url: "your_php_script.php", 
      data: { x: ui.position.left, y: ui.position:top, need_id: need} 
     }).done(function(msg) { 
      alert("Data Saved: " + msg); 
     }); 

    } 
});

來源

2013-07-11 06:00:39 lexmihaylov

好的，我如何將它傳遞給your_php_script如何調用數據庫並添加它？代碼是否是一個好框架？ –

對不起，我在回調函數中編寫了worng輸入參數。您可以通過$ _POST ['x']和$ _POST ['y']獲取x和y的值。您可以修改上面的腳本。我建議你使用pdo或mysqli，因爲mysql_ *將被棄用。此外，PDO和Mysqli已經準備好了查詢，這將逃脫任何非法字符 – lexmihaylov

好酷，即時通訊仍然是新的與數據庫交互，所以我必須弄清楚我將如何編寫適合我的數據庫的腳本，上面的代碼是從http://stackoverflow.com/questions/16324557/save-position-of-jquery-draggable-divs-using-php複製 –

保存jQuery UI可拖動值？

回答

相關問題