Как я могу очистить текущую веб-страницу с помощью php / javascript?

Question

Я создал следующую веб-страницу для создания интерактивных списков задач: http://robert -kent.com / todo / todo.php

Обычно пользователь вставляет нумерованный список задач, и каждая задача помещается в отдельный блок с уникальным идентификатором. Пользователи могут добавлять примечания к задачам (выполненные с помощью javascript) и могут щелкнуть зеленую отметку, когда задача завершена, чтобы скрыть ее.

Я хотел бы добавить кнопку «Экспорт», которая генерировала бы отчет о том, какие задачи были выполнены, а какие нет, вместе с примечаниями, введенными пользователем. После небольшого поиска я понимаю, что хочу почистить страницу, но у меня нет ни малейшего представления о том, как это сделать. Многие статьи и учебные пособия, которые я нашел в Google, посвящены очистке других сайтов и на самом деле не объясняют, как можно перебирать каждый раздел на странице.

Полный источник здесь: http://pastebin.com/r7V3P5jK

Есть предложения?

Answer 1

Описанный вами подход к предоставлению функции «Экспорт», к сожалению, совершенно неверен. Ваша страница должна быть отправлена ​​обратно на сервер с параметром, указывающим, что требуется «экспорт». Затем сервер должен установить для заголовка «Content-Disposition» что-то вроде attachment; filename="export.txt" (или как вы хотите, чтобы имя файла было).

Answer 2

Если есть div, содержащий содержимое того, что вы хотите экспортировать, вы можете просто использовать свойство innerHTML для экспорта HTML-кода. Например, предположим, что у div есть id «notes»:

var notes = document.getElementById('notes');
alert(notes.innerHTML);

Теперь, как заставить пользователя фактически сохранить фактический HTML в файле? Вам нужно будет либо отправить его в CGI, либо на сервер, который отправляет обратно содержимое со следующим заголовком:

Content-Disposition: приложение; имя файла = "export.txt"

Или вам придется использовать методы, описанные на этой странице: http://objectmix.com/javascript/314946-possible-generate-text-files-javascript.html. К вашему сведению: методы, описанные на странице, не совместимы с разными браузерами.