Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 31.07.2020, 15:07
Интересующийся
Отправить личное сообщение для AnteFil Посмотреть профиль Найти все сообщения от AnteFil
 
Регистрация: 21.12.2014
Сообщений: 20

Подскажите как сохранить куки ?
Есть страница с формой около 5 input
<input type="text" size="40">
<input type="text" size="40">
<input type="text" size="40">
<input type="submit" value="Отправить">
Как сделать так что бы по клику данные из input сохранились в куки, а при загрузке страницы вставлялись в input ???
Ответить с цитированием
  #2 (permalink)  
Старый 31.07.2020, 16:20
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 28,906

localStorage сохранение введённых данных
AnteFil,
<!doctype html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <title>Document</title>

  <script>
document.addEventListener("DOMContentLoaded", function() {
    let k = JSON.parse(localStorage.item || "[]");
    const inp = document.querySelectorAll('input.item');
    const fn = (elem, i) => {
        if (k[i] !== void(0)) elem.value = k[i];
        elem.addEventListener("input", _ => {
            k[i] = elem.value;
            localStorage.item = JSON.stringify(k);
        })
    };
    inp.forEach(fn);
});
  </script>

</head>
<body>
<input type="text" size="40" class="item">
<input type="text" size="40" class="item">
<input type="text" size="40" class="item">
<input type="text" size="40" class="item">
<input type="text" size="40" class="item">
<input type="submit" value="Отправить">
</body>
</html>
Ответить с цитированием
  #3 (permalink)  
Старый 31.07.2020, 16:36
Интересующийся
Отправить личное сообщение для AnteFil Посмотреть профиль Найти все сообщения от AnteFil
 
Регистрация: 21.12.2014
Сообщений: 20

Сообщение от рони Посмотреть сообщение
AnteFil,
<!doctype html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <title>Document</title>

  <script>
document.addEventListener("DOMContentLoaded", function() {
    let k = JSON.parse(localStorage.item || "[]");
    const inp = document.querySelectorAll('input.item');
    const fn = (elem, i) => {
        if (k[i] !== void(0)) elem.value = k[i];
        elem.addEventListener("input", _ => {
            k[i] = elem.value;
            localStorage.item = JSON.stringify(k);
        })
    };
    inp.forEach(fn);
});
  </script>

</head>
<body>
<input type="text" size="40" class="item">
<input type="text" size="40" class="item">
<input type="text" size="40" class="item">
<input type="text" size="40" class="item">
<input type="text" size="40" class="item">
<input type="submit" value="Отправить">
</body>
</html>
Не работает и не понятно где что сохраняется в какие куки какие импуты сохраняються
Ответить с цитированием
  #4 (permalink)  
Старый 31.07.2020, 16:49
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 28,906

AnteFil,
здесь работает?
Ответить с цитированием
  #5 (permalink)  
Старый 31.07.2020, 16:57
Интересующийся
Отправить личное сообщение для AnteFil Посмотреть профиль Найти все сообщения от AnteFil
 
Регистрация: 21.12.2014
Сообщений: 20

Сообщение от рони Посмотреть сообщение
AnteFil,
здесь работает?
Так а в коде даже не видно чёт типо этого
document.cookie = "user=John";
Ответить с цитированием
  #6 (permalink)  
Старый 31.07.2020, 17:02
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 28,906

AnteFil,
работает или нет код из поста #2 ? вы его запускали(кнопка посмотреть), ввели данные, запустили пример снова(кнопка посмотреть)?
Ответить с цитированием
  #7 (permalink)  
Старый 31.07.2020, 17:18
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 28,906

Сообщение от AnteFil
какие импуты сохраняються
сохраняются значения полей ввода с классом item(строка 10). при желании можно изменить на любой другой.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как сохранить начальную фоновую картинку, которая исчезает? Pahom Internet Explorer 10 10.11.2019 21:59
Как изменить атрибут и записать в куки (отключить адаптивность сайта) Alexodiy jQuery 2 24.08.2018 09:54
как сохранить состояние клонированного элемента? Ramundo Элементы интерфейса 3 20.08.2018 16:50
вывод jquery cookie как вывести данные из куки klubnichkaaa AJAX и COMET 2 12.08.2011 12:45
Как с помощью PHP сохранить какие-либо изменения в HTML документе? FirstFrost Общие вопросы Javascript 1 15.07.2010 16:12