[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: Запоминание на jquery
Эли4ка
Здравствуйте!Скажите пожалуйста,где можно посмотреть примеры,документацию почитать по следующему заданию:
Есть интерфейс drag'n'drop.Надо запоминать положения всех перетаскиваемых блоков,на том месте.на котором их оставил пользователь.(То есть использовать cookie,drag'n'drop)
Помогите,если не сложно.



Спустя 15 минут, 21 секунда (19.04.2012 - 08:49) Игорь_Vasinsky написал(а):

Спустя 24 минуты, 46 секунд (19.04.2012 - 09:14) Эли4ка написал(а):
Игорь_Vasinsky
да,я знаю что надо в cokkie,но как сделать проверку при обращении,и главное как в cookie может запомниться как был изменен интерфейс пользователем?

Спустя 6 минут, 14 секунд (19.04.2012 - 09:20) Игорь_Vasinsky написал(а):
да куки на JS ни чем не отличаются от кук на PHP блин.

напрмер запоминаешь свойство CSS zoom

есть кнопка + и кнопка -

когда кликаешь по + пишеш куку logo.zoom = 200 px
когда кликаешь по - пишеш куку logo.zoom = 100 px

а в элементе просто вставляешь JS где считываешь из кук значения и подставляешь в свойство zoom:

Спустя 13 минут, 18 секунд (19.04.2012 - 09:34) netruxa написал(а):
если перетаскиваемое окно сделано на jqueryui, то могу помочь рабочим примером
$("#zametka").dialog({
<? if (!empty($_COOKIE['poszametka'])) //на пхп проверяем, есть ли куки с позицией окна
{
$a=explode('-',$_COOKIE['poszametka']); //координаты записаны X-Y
echo 'position: ['.$a[0].','.$a[1].'],';
}
else echo "position: ['right','top'],";
?>

title: 'Окно для заметок',
height: 300,
width: 300,
autoOpen: false,
close: function(event, ui) {
document.cookie="show_poszametka=0; path=/; expires=Mon, 01-Jan-2000 00:00:00 GMT"; //тут я записываю в куку, что окно было закрыто
$("#zam_img").attr('src','/images/icons_zametko_off2.png'); //тебе скорее всего не пригодится
} ,
open: function(event, ui) {
document.cookie="show_poszametka=1; path=/; expires=Mon, 01-Jan-2020 00:00:00 GMT"; //тут я записываю в куку, что окно было открыто
$("#zam_img").attr('src','/images/icons_zametko_on2.png'); //тебе скорее всего не пригодится
} ,
dragStop: function(event, ui) {
document.cookie="poszametka="+ui.position.left+"-"+ui.position.top+"; path=/; expires=Mon, 01-Jan-2020 00:00:00 GMT"; //тут я записываю координаты окна в куку
}
}
);

Спустя 7 часов, 21 минута, 18 секунд (19.04.2012 - 16:55) HErATuB написал(а):
не забывай куки хранит 4 Кб информации
Также можно реализовать через AJAX

Спустя 8 часов, 4 минуты, 13 секунд (20.04.2012 - 00:59) Stasonix написал(а):
а в jQuery UI вообще есть клон, т.е. вы перетащили объект в какой-то контейнер, а старый на месте остался, как бы копия, есть такое что делается возврат в то же место откуда был перемещен объект. Хотя, да это не одно и тоже, имеется в виду ваш вопрос и мой ответ, ну стандартно тогда это делается через ajax, а инфа об т.н. позициях находится в БД.

Спустя 7 часов, 52 минуты, 50 секунд (20.04.2012 - 08:52) Эли4ка написал(а):
спасибо,попробую

Спустя 16 минут, 9 секунд (20.04.2012 - 09:08) killer8080 написал(а):
Эли4ка
эти параметры должны передаваться на сервер? Если нет, то можно задействовать локальное хранилище. Единственное в старых браузерах может не работать, нужно делать проверку на наличие window.localStorage, если не поддерживает, использовать другие способы.
Вот может будет полезно
http://javascript.ru/unsorted/storage

Спустя 3 дня, 21 час, 38 минут, 40 секунд (24.04.2012 - 06:47) Эли4ка написал(а):
killer8080
хорошо,посмотрю..
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2024 Invision Power Services, Inc.