Мой вопрос касается кода, сочетающего функции HTML5 ContentEditable и localStorage.Передача элемента HTML с идентификатором
Вот моя две функции JS, одна для сохранения редактирования пользователя в ячейке таблицы, другая для получения значения и передачи его в ячейку таблицы.
<script type="text/javascript">
function storeUserEdit(id) {
var pre_value = document.getElementById(id).innerHTML;
localStorage.setItem("userEdit",pre_value);
}
function applyUserEdit() {
if (localStorage.getItem("userEdit")){
var new_value = localStorage.getItem("userEdit");
}
document.getElementById('prjSch_row1_col1').innerHTML = localStorage.getItem("userEdit");
}
</script>
и вот эти две функции, встроенные в содержание тела:
...
<td id="prjSch_row1_col1" contenteditable="true" onkeyup="storeUserEdit(this.id)" >
</td>
<script>applyUserEdit()</script>
...
Я хочу использовать это для многих ячеек таблицы в моем HTML и как я могу заменить prjSch_row1_col1 на id и передать его функции getUserEdit();
спасибо большое!
спасибо за ваш ответ. то, чего я хочу достичь, отличается от того, что вы указали в ссылке. Я хочу применить отредактированное значение. Я хочу, чтобы applyuseredit() запускался сразу после заполнения каждого поля (ячейки таблицы). Я хочу заменить document.getElementById ('prjSch_row1_col1'). InnerHTML = localStorage.getItem ("userEdit"); с document.getElementById (id) .innerHTML = localStorage.getItem ("userEdit"); но это не сработало. Есть идеи? – user1659995
Привет, Большое спасибо. он приближается к тому, что я хочу. Одна небольшая проблема, когда я заканчиваю свои изменения, мне нужно сохранить копию страницы в виде html-файла. и когда я открываю сохраненную страницу, введенные значения не отображаются ... можете ли вы помочь с этим? – user1659995