php - ドラッグアンドドロップの位置（画像、ボタン、テキスト、段落）をphp、mysqlに保存する方法

Question

ドラッグアンドドロップの位置（画像、ボタン、テキスト、段落）をphp、mysqlに保存する方法

Answer 1

位置をライブで更新する場合：JQuery + AJAXを使用して座標を送信します（より複雑）

送信ボタンをクリックした後に位置を更新する場合：

1）非表示のHTMLフィールドを作成します。

<form action="mySubmitScript.php" method="post">
    <input type='hidden' id='textfieldX' name='textfieldX'/>
    <input type='hidden' id='textfieldY' name='textfieldY'/>
</form>

2）jQuery要素の移動イベントで、非表示のhtmlフィールド値を設定します。

$('#textfieldX').val(XCordinateVar);
$('#textfieldY').val(YCordinateVar);

3）値を取得するための$ _POST：

$x = $_POST['textfieldX'];
$y = $_POST['textfieldY'];

4）保存するSQL：

INSERT INTO mytable VALUES ($x, $y);