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

Question

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

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

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

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

Любые предложения?

Answer 1

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

Answer 2

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

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

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

Содержимое-Планировка: вложение; filename = "export.txt"

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