Как сохранить размер див окна при перезагрузке страницы?

@RADA2013 · Регистрация: 20.08.2013

Студворк — интернет-сервис помощи студентам

PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Документ без названия</title>
<script type="text/javascript" src="inc/jquery-1.5.1.min.js"></script>
<script type="text/javascript" src="inc/jquery.js"></script>
{literal}
<script type="text/javascript">
 
function facechange (objName) { 
 
if ( $(objName).css('display') == 'none') 
 
{       
    $(objName).animate({height: 'show'}, 400);
 
}
 
else
 
{   
    $(objName).animate({height: 'hide'}, 200);
}
 
 
};
 
</script>
{/literal}
 
 
 
</head>
<body>
<div style="width:600px; display:none" id="block" >
link<br />
link<br />
link<br />
link<br />
link<br />
link<br />
link<br />
link<br />
link<br />
</div>
<a style="text-decoration:none; font-size:14px" onclick="facechange('#block'); return true;" >меню сортировки</a>
<p>
 
</body>
</html>

Прошу помощи, я новичек, да и в js не очень разбераюсь.
Мне нужно запомнить выбранное положение дива при обновлении страницы.
На сколько я понимаю можно через куки, а можно ли как нибудь по проще через яваскрипт?

Буду признателен за помощь.

@pav1uxa · 08.08.2014, 16:31

Сообщение от RADA2013

На сколько я понимаю можно через куки, а можно ли как нибудь по проще

нет.

KOPOJI · 08.08.2014, 16:36

можно воспользоваться localstorage, но не думаю, что это проще

@Бабуля · 08.08.2014, 18:29

Послушайте KOPOJI и почитайте о локальном хранилище)

В этом не так сложно разобраться...

Я вам коротко объясню, а вы сами погуглите и разберитесь=)

Следующий код сохраняет ваши размеры в локальном хранилище:

JavaScript
1
localStorage.setItem('div', razmer);

div - это ключ, по которому мы потом будем вытаскивать данные из хранилища.

razmer - это переменная, в которой хранится размер окна.

А следующая строчка кода вытаскивает размер из хранилища и сохраняет в переменную div:

JavaScript
1
var div = localStorage.getItem('div');

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

Проверка выглядит примерно так:

JavaScript
1
2
3
if (localStorage.getItem('div') != null){
   var div = localStorage.getItem('div'); 
}

То есть проверяем есть ли в локальном хранилище данные с ключом div и
если есть, то записываем их в переменную!

@RADA2013 · 09.08.2014, 14:34 **[ТС]**

Спасибо за ваши ответы.

Разобрался с куками. Все работает, замечательно

Еще раз спасибо всем!
Закрываю вопрос.

Новые блоги и статьи Все статьи Все блоги /
Архитектура слоя интернета для сервера-слоя. Hrethgir 11.04.2026 В продолжение https:/ / www. cyberforum. ru/ blogs/ 223907/ 10860. html Знаешь что я подумал? Раз мы все источники пишем в голове ветки, то ничего не мешает добавить в голову такой источник, который сам. . .	Подстановка значения реквизита справочника в табличную часть документа Maks 10.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: при выборе сотрудника (справочник Сотрудники) в ТЧ документа. . .	Очистка реквизитов документа при копировании Maks 09.04.2026 Алгоритм из решения ниже применим как для типовых, так и для нетиповых документов на самых различных конфигурациях. Задача: при копировании документа очищать определенные реквизиты и табличную. . .	модель ЗдравоСохранения 8. Подготовка к разному выполнению заданий anaschu 08.04.2026 https:/ / github. com/ shumilovas/ med2. git main ветка * содержимое блока дэлэй из старой модели теперь внутри зайца новой модели 8ATzM_2aurI
Блокировка документа от изменений, если он открыт у другого пользователя Maks 08.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа, разработанного в конфигурации КА2. Задача: запретить редактирование документа, если он открыт у другого пользователя. / / . . .	Система безопасности+живучести для сервера-слоя интернета (сети). Двойная привязка. Hrethgir 08.04.2026 Далее были размышления о системе безопасности. Сообщения с наклонным текстом - мои. А как нам будет можно проверить, что ссылка наша, а не подделана хулиганами, которая выбросит на другую ветку и. . .	Модель ЗдрввоСохранения 7: больше работников, больше ресурсов. anaschu 08.04.2026 работников и заданий может быть сколько угодно, но настроено всё так, что используется пока что только 20% kYBz3eJf3jQ	Дальние перспективы сервера - слоя сети с космологическим дизайном интефейса карты и логики. Hrethgir 07.04.2026 Дальнейшее ближайшее планирование вывело к размышлениям над дальними перспективами. И вот тут может быть даже будут нужны оценки специалистов, так как в дальних перспективах всё может очень сильно. . .

KOPOJI Почетный модератор 16844 / 6724 / 880 Регистрация: 12.06.2012 Сообщений: 19,967
	08.08.2014, 16:36
	можно воспользоваться localstorage, но не думаю, что это проще 1

@RADA2013 0 / 0 / 0 Регистрация: 20.08.2013 Сообщений: 9
	09.08.2014, 14:34 [ТС]
	Спасибо за ваши ответы. Разобрался с куками. Все работает, замечательно Еще раз спасибо всем! Закрываю вопрос. 0

Как сохранить размер див окна при перезагрузке страницы?

Решение