Добро пожаловать, Гость!
Сохранение не отправленного текста
Общие вопросы | Сохранение не отправленного текста
Королева
:
Всем привет! Ребят, нужна Ваша помощь. Нужно организовать сохранение не отправленного текста в поле ввода.
То есть, чтоб после обновления страницы написанный текст сохранялся в поле до его отправки. Как это сделать, подскажите плиз?
Сохранение не отправленного текста
20 Марта 2016Всем привет! Ребят, нужна Ваша помощь. Нужно организовать сохранение не отправленного текста в поле ввода.
То есть, чтоб после обновления страницы написанный текст сохранялся в поле до его отправки. Как это сделать, подскажите плиз?
Последний раз редактировалось Королева
21 Марта 2016
Комментарии:
Zed 21 Марта 2016
Добавь атрибут к полю ввода
<?
class="ntSaveForms"
?>
и подключи этот скрипт в шапке или перел полем ввода
<?
<sсript type='text/javasсript' src='ntsaveforms.js'></sсript>
?>
сам файл в корень сайта
ntsaveforms.js (1.84Kb)
Добавь атрибут к полю ввода
<?
class="ntSaveForms"
?>
и подключи этот скрипт в шапке или перел полем ввода
<?
<sсript type='text/javasсript' src='ntsaveforms.js'></sсript>
?>
сам файл в корень сайта
scpasis13
21 Марта 2016
вот так
Добавлено:
<h3>Текст сообщения:</h3>
<textarea rows="6" cols="40" name="text" id='exText1' value='Текст'></textarea>
<br>
<h3>Ваше Имя:</h3>
<input type='text' id='exText' value='' />
<input type='button' onclick='insertText();' value=' Отправить ' />
<h3>Комментарии:</h3>
<div id='testDiv' style='width:98%; padding:5px; border:1px solid black; background-color:lightyellow;'></div>
<sсript type="text/javasсript">
function insertText() {
var testDiv = document.getElementById('testDiv');
var name = document.getElementById('exText').value;
var text = document.getElementById('exText1').value;
var node = document.createElement('p');
node.innerHTML = '<p><span style="color:blue;">Имя:</span><i>'+name+'</i><br/>'+text+'</p>';
testDiv.insertBefore(node, testDiv.children[0]);
if(localStorage.length > 0) {
var n = localStorage.length+1;
localStorage.setItem(n, name+'|'+text);
} else {
localStorage.setItem('1', name+'|'+text);
}
}
if(localStorage.length > 0) {
arrayWithCommas = [];
for (i = 0; i < localStorage.length; i++) {
var value = localStorage[localStorage.key(i)];
var parts = value.split('|');
var name = parts[0];
var text = parts[1];
arrayWithCommas.push('<p><span style="color:blue;">Имя:</span><i>'+name+'</i><br/>'+text+'</p>');
}
arrayWithCommas.reverse();
var arrayWithoutCommas = [];
arrayWithoutCommas.push(arrayWithCommas.join(""));
testDiv.innerHTML = arrayWithoutCommas;
}
document.getElementById('exText').onkeydown = function(key) {
if (key.keyCode == 13) {
insertText();
}
}
</sсript>
Добавлено:
вот пример
Королева (21 Марта 2016):
scpasis13, слишком все как то сложно) на многих сайтах видела такое, после неудачной отправки текст остается в поле ввода сообщения, уверена, что отдельного скрипта для этого не требуется. вот только как это сделать пока не пойму, уже множество вариантов пересмотрела. все не то.
Королева, Ссылкаscpasis13, слишком все как то сложно) на многих сайтах видела такое, после неудачной отправки текст остается в поле ввода сообщения, уверена, что отдельного скрипта для этого не требуется. вот только как это сделать пока не пойму, уже множество вариантов пересмотрела. все не то.
вот так
Добавлено:
<h3>Текст сообщения:</h3>
<textarea rows="6" cols="40" name="text" id='exText1' value='Текст'></textarea>
<br>
<h3>Ваше Имя:</h3>
<input type='text' id='exText' value='' />
<input type='button' onclick='insertText();' value=' Отправить ' />
<h3>Комментарии:</h3>
<div id='testDiv' style='width:98%; padding:5px; border:1px solid black; background-color:lightyellow;'></div>
<sсript type="text/javasсript">
function insertText() {
var testDiv = document.getElementById('testDiv');
var name = document.getElementById('exText').value;
var text = document.getElementById('exText1').value;
var node = document.createElement('p');
node.innerHTML = '<p><span style="color:blue;">Имя:</span><i>'+name+'</i><br/>'+text+'</p>';
testDiv.insertBefore(node, testDiv.children[0]);
if(localStorage.length > 0) {
var n = localStorage.length+1;
localStorage.setItem(n, name+'|'+text);
} else {
localStorage.setItem('1', name+'|'+text);
}
}
if(localStorage.length > 0) {
arrayWithCommas = [];
for (i = 0; i < localStorage.length; i++) {
var value = localStorage[localStorage.key(i)];
var parts = value.split('|');
var name = parts[0];
var text = parts[1];
arrayWithCommas.push('<p><span style="color:blue;">Имя:</span><i>'+name+'</i><br/>'+text+'</p>');
}
arrayWithCommas.reverse();
var arrayWithoutCommas = [];
arrayWithoutCommas.push(arrayWithCommas.join(""));
testDiv.innerHTML = arrayWithoutCommas;
}
document.getElementById('exText').onkeydown = function(key) {
if (key.keyCode == 13) {
insertText();
}
}
</sсript>
Добавлено:
вот пример
Королева
21 Марта 2016
Автор темы
scpasis13, слишком все как то сложно) на многих сайтах видела такое, после неудачной отправки текст остается в поле ввода сообщения, уверена, что отдельного скрипта для этого не требуется. вот только как это сделать пока не пойму, уже множество вариантов пересмотрела. все не то.
Автор темы
scpasis13, слишком все как то сложно) на многих сайтах видела такое, после неудачной отправки текст остается в поле ввода сообщения, уверена, что отдельного скрипта для этого не требуется. вот только как это сделать пока не пойму, уже множество вариантов пересмотрела. все не то.
scpasis13
21 Марта 2016
Королева (21 Марта 2016):
scpasis13, и так пробовала. дело в том, что сохраняется текст в сессию, только после нажатия кнопки -отправить и остается висеть в поле ввода. а надо наоборот, чтоб текст сохранялся до отправки.
Королева, возможно есть скрипт который сохраняет текст в буфер обмена а потом выводит или же сделать скрытую отправку в другую таблицу и посредством сесии сохранять текстscpasis13, и так пробовала. дело в том, что сохраняется текст в сессию, только после нажатия кнопки -отправить и остается висеть в поле ввода. а надо наоборот, чтоб текст сохранялся до отправки.
Королева
21 Марта 2016
Автор темы
scpasis13, и так пробовала. дело в том, что сохраняется текст в сессию, только после нажатия кнопки -отправить и остается висеть в поле ввода. а надо наоборот, чтоб текст сохранялся до отправки.
Автор темы
scpasis13, и так пробовала. дело в том, что сохраняется текст в сессию, только после нажатия кнопки -отправить и остается висеть в поле ввода. а надо наоборот, чтоб текст сохранялся до отправки.
scpasis13
21 Марта 2016
Королева (21 Марта 2016):
Zed, пробовала) результат не меняется)
Королева, пропиши функцию session_start() в начале .объяви о старте сесииZed, пробовала) результат не меняется)
Zed 21 Марта 2016
Королева (21 Марта 2016):
Zed, пробовала) результат не меняется)
Королева, скинь код в личкуZed, пробовала) результат не меняется)