Форум программистов, компьютерный форум, киберфорум
Наши страницы
JavaScript
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.78/9: Рейтинг темы: голосов - 9, средняя оценка - 4.78
Vidok
37 / 37 / 4
Регистрация: 03.09.2011
Сообщений: 279
1

Сохранение настроек

08.05.2012, 21:22. Просмотров 1726. Ответов 6
Метки нет (Все метки)

Javascript
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
function Color()
{
    
var col = document.forms['form1'].sel.selectedIndex; 
 
    switch(col)
    {
        case 0 : document.getElementById('bb').style.backgroundColor="white"
        document.getElementById('bb').style.color="black"
        break
        case 1 : document.getElementById('bb').style.backgroundColor="black"
        document.getElementById('bb').style.color="white"
        break
        case 2 : document.getElementById('bb').style.backgroundColor="grey"
        document.getElementById('bb').style.color="black"
        break
        case 3 : document.getElementById('bb').style.backgroundColor="yellow"
        document.getElementById('bb').style.color="black"
        break
        case 4 : document.getElementById('bb').style.backgroundColor="green"
        document.getElementById('bb').style.color="black"
        break
        case 5 : document.getElementById('bb').style.backgroundColor="blue"
        break
    }
}
HTML5
1
2
3
4
5
6
7
8
9
10
<form name="form1">
<select class="bcolor" onchange="Color()" name="sel">
<option >White</option>
<option >Black</option>
<option >Gray</option>
<option >Yellow</option>
<option >Green</option>
<option >Blue</option>
</select>
</form>
Меняется цвет фона страницы, но при обновлении он стает снова стандартным, подскажите как сделать сохранение выбранного цвета?
0
QA
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
08.05.2012, 21:22
Ответы с готовыми решениями:

Сохранение настроек таблицы для разных окон
Добрый день. У меня есть некая таблица, настройки которой(например фильтры, сортировку,...

Сохранение настроек
Задача 5.8: в форме списка документа &quot;Расходная накладная&quot; для каждого пользователя предоставить...

Сохранение настроек
Как сделать сохранение настроек например: запустил ЕХЕ файл изменил настройки Memo.font через...

Сохранение настроек ПО
Привет. Вот такой вопрос. Все настройки ПО я сохраняю с помощью Properties.Settings.Default.Save()....

Сохранение настроек
Добрый день! Подскажите как можно сохранить настройки окна, меню и т.д. и, что бы при запуске...

6
kalabuni
супермизантроп
Эксперт JS
3417 / 2703 / 647
Регистрация: 18.04.2012
Сообщений: 8,217
08.05.2012, 22:27 2
Есть понятия страница и документ.
Загруженная в окно страница образует текущий документ.

Javascript работает в пределах текущего документа.
Обновление страницы уничтожает текущий документ и создаёт новый документ.
Все изменения предыдущего документа новому документу неизвестны.

Новому документу необходимо где-то взять информацию об изменениях, сделанных пользователем в предыдущем документе этой же страницы.

Стандартных JavaScript-способов (без привлечения серверных возможностей) существует два:

а) либо можно записать изменения в куки пользователю и прочитывать их при каждом формировании документа - это вариант для "долговременного" использования (зависит от времени действия кук, кое вы установите). Установите полгода - можно надеяться (см. примечание), что клиент и через пять месяцев, зайдя на эту страницу из этого же браузера, увидит выбранный пять месяцев назад цвет. Примечание: клиент может запретить постановку ему кук, либо клиент может сам "почистить куки", либо (при активном пользовании сетью) количество кук с разных сайтов превысит допустимый предел и браузер сам отсечёт самые "старые" куки, в число которых могут попасть и ваши;

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

Вам чего надо?
1
Vidok
37 / 37 / 4
Регистрация: 03.09.2011
Сообщений: 279
08.05.2012, 22:57  [ТС] 3
Нужно что бы выбрать и на долгое время остался)
0
kreol
3 / 3 / 0
Регистрация: 16.06.2009
Сообщений: 18
08.05.2012, 23:13 4
есть еще локальные хранилища но только в html5
0
kalabuni
супермизантроп
Эксперт JS
3417 / 2703 / 647
Регистрация: 18.04.2012
Сообщений: 8,217
09.05.2012, 15:39 5
Javascript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
// добавить в скриптовой блок 6 строк
onload = function ()
{
var dC = document.cookie;
if (dC.indexOf ('slctdIndx') != -1)
   {document.forms ['form1'].sel.selectedIndex = (dC.split ('slctdIndx=') [1]).split (';') [0]; Color ()}
}
 
function Color()
{
 
var col = document.forms['form1'].sel.selectedIndex; 
//плюс добавить ещё две строки:
var cT = new Date (); cT.setTime (cT.getTime () + 365 * 24 * 3600 * 1000); // срок действия - 365 дней
document.cookie ='slctdIndx=' + col + '; expires=' + cT.toGMTString (); 
// далее без изменений
Держите рабочий код - http://langmilhist.far.ru/clrs_cks.html
1
Vidok
37 / 37 / 4
Регистрация: 03.09.2011
Сообщений: 279
09.05.2012, 15:42  [ТС] 6
Огромное спасибо) А не могли бы вы немного комментариев добавить к строчкам дописанным?
0
kalabuni
супермизантроп
Эксперт JS
3417 / 2703 / 647
Регистрация: 18.04.2012
Сообщений: 8,217
09.05.2012, 15:54 7
Javascript
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
  // как только загрузится тело документа, сработает безымянная функция
  // дождаться загрузки документа надо для того, чтобы все объекты, затрагиваемые функцией,
  // были уже известны браузеру - и форма c name="form1" и тег с id="bb" 
onload = function () 
{
  // прочитываем и запоминаем в переменной куки
var dC = document.cookie;
  // если куки есть (т.е. юзер уже был на это странице раньше),
  // тогда отличительный флаг 'slctdIndx' в тексте кук имеется
if (dC.indexOf ('slctdIndx') != -1)
  // в куках сохранено значение индекса выбранного клиентом опшена
  // присваиваем селекту этот selectedIndex и принудительно запускаем функцию Color ()
   {document.forms ['form1'].sel.selectedIndex = (dC.split ('slctdIndx=') [1]).split (';') [0]; Color ()}
  // ну а если клиент в первый раз на странице (или был, но выбора не сделал), то никаких кук у него нет
  // переменная dC является пустой ('') и ничего не делаем
}
 
function Color()
{
 
var col = document.forms['form1'].sel.selectedIndex; 
  // создаём объект "Время"
var cT = new Date ();
  // получаем числовое значение текущего времени в миллисекундах, прошедших с 1 января 1970 года
  // прибавляем к нему 365 дней по 24 часа в дне по 3600 секунд в часе по 1000 миллисекунд в секунде
  // и переустанавливаем объект "Время" на получившуюся дату (ровно год после настоящего момента)
cT.setTime (cT.getTime () + 365 * 24 * 3600 * 1000);
  // устанавливаем куки в виде строки
  // отличительный_флаг=индекс_выбранного_опшена;expires=время_через_год_в_формате_GMT
document.cookie ='slctdIndx=' + col + '; expires=' + cT.toGMTString ();
1
09.05.2012, 15:54
Answers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
09.05.2012, 15:54

Сохранение настроек
Подскажите, пожалуйста! В обработке 1 форма.но 2 вкладки (страницы). Причем данные со второй идут...

Сохранение настроек
Доброго времени суток. Как можно сохранять настройки порограмы.Зарание спасибо.

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


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
7
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2019, vBulletin Solutions, Inc.