Как сохранить позицию элементов draggable (JQuery UI) при обновлении или переходе на другую страницу?

Question

[FreeZa]

Доброго времени суток!
У меня есть интерфейс созданный на JQuery UI, методом draggable, окон штук 10 разных видов, но работают по одному принципу, задача сохранить позицию данных окон для пользователя, и еще несколько надстроек при обновлении страницы и переходу на другие страници где используется данный интерфейс.

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

Ну и самое для меня не понятное в реализации, как сделать сохранение такого рода данных, куда их вообще записывать В базу, в куки или еще как...

Как бы вы это сделали?

Answer 1

[Александр Таратин]

htmlbook.ru/html5/storage

Answer 2

[JoveLebedev]

Если пользователь авторизован, то записывать в базу данных, а если нет, то в куки или сессию.

Функции на запись/чтение куки:

function setCookie(key, value) {
    var expires = new Date();
    expires.setTime(expires.getTime() + (1 * 24 * 60 * 60 * 1000));
    document.cookie = key + '=' + value + ';expires=' + expires.toUTCString();
}
function getCookie(key) {
    var keyValue = document.cookie.match('(^|;) ?' + key + '=([^;]*)(;|$)');
    return keyValue ? keyValue[2] : null;
}

Comments

[Александр Таратин]

JoveLebedev localStorage поддерживается с IE8+ Зачем советовать для подобной задачи куки?

[Дмитрий]

Александр Таратин: чем плохи куки?

[Александр Таратин]

Дмитрий: Малый объем. Включаются в каждый запрос и гоняются на сервер лишний раз. Неудобно сериализовать и десериализовать данные. localstоrage могут кидать события изменения (даже между вкладками).

[Дмитрий]

Александр Таратин: спасибо, не знал

[JoveLebedev]

Александр Таратин: и от меня спасибо)

Answer 3

[frees2]

localStorage и HTML5 Drag and Drop доступны на HTML5 нафиг эти библиотеки.

Comments

[FreeZa]

как нафиг? а то, что существует такое понятие как "требования заказчика" не слышали?) я бы срадостью бы вообще все сделал только на HTML5, но увы немогу!(

Answer 4

[Игорь Букша]

Смотри тут...

PS Только я бы еще реализовал с возможностью многоуровнего вкладывания
PPS Это к ответу про куки... Как в базу записать...