Форум

Titanic · #1 (**permalink**) 10.10.2015, 23:44

<input type="text"  id="in">
<input type="submit"  id="inp" value="Вставить">
<div style="" id="testD"> </div>

<script type="text/javascript">
 $(document).ready(function() {
$("#inp").click(function() {
$("#testD").append('<br>' + document.getElementById('in').value)
});
});
</script>

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

Lemme · #2 (**permalink**) 11.10.2015, 00:21

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	<input type="text"  id="in">
	<input type="submit"  id="inp" value="Вставить">
	<div style="" id="testD"> </div>
	
	<script src="http://code.jquery.com/jquery-1.8.3.js"></script>
	<script>
		$(function() {
			$('#testD').html(localStorage.getItem('testD') || '');

			$("#inp").click(function() {
				var testD = $("#testD");
				testD.append('<br>' + $('#in').val());
				localStorage.setItem('testD', testD.html());
			});
		});
	</script>
</body>
</html>

Titanic · #3 (**permalink**) 11.10.2015, 00:24

спасибо большое

laimas · #4 (**permalink**) 11.10.2015, 02:11

Titanic,
для таких операций нужно использовать sessionStorage, а не локальное хранилище, все таки компьютер пользователя это не ваша вотчина, а размер 5 МБ под локальное хранилище не означает, что каждому можно оставлять в нем свой мусор.

Форум

Справочник

Discord чат

Курсы javascript