Сохранение позиции и размера элемента (JQuery ui изменяемого размера и перетаскивания)

Question

Я новичок в jquery и даже в javascript. Я пытаюсь создать систему, в которой вы можете редактировать очень простую статическую страницу, войдя в систему и просто перетаскивая и изменяя размер div. Система работает так, что вы можете редактировать сайт, но проблема в том, как сохранить координаты и размеры элементов div.

Система не использует mysql, поскольку логин только для автора сайта. Я также хотел бы попытаться не требовать JavaScript только для просмотра страницы (получить координаты и размеры из файла через php).

Итак, в общем, мне нужен способ проверить ширину div, высоту, слева и сверху и сохранить их в файл, когда автор нажмет кнопку сохранения.

Answer 1

Вы можете хранить переменные в файле cookie на компьютере пользователя (jQuery не имеет встроенной поддержки cookie, но этот плагин предоставляет его вам).

Однако для этого требуется Javascripw, который, как вы упоминаете, вам не нужен. Однако, если вы хотите, чтобы пользователь мог перетаскивать модули на странице, то вы не сможете сделать это без помощи js.

Если вы хотите сохранить эти данные на стороне сервера, то все, что я могу предложить, если не использовать базу данных, это хранить их в файловом кеше.

Answer 2

Используйте сериализацию PHP для хранения данных в сериализованных массивах и передачи их в ваш JavaScript через AJAX в JSON (JavaScript Object Notation).

Таким образом, вы можете сделать:

$s_my_data = unserialize(file_get_contents($s_my_filename));
$s_my_json_data = json_encode($s_my_data);

Если вы прочитаете это через AJAX, вы сможете получить к нему доступ как к объекту JavaScript, например:

myObject.myProperty

Надеюсь, это поможет;)