Comment puis-je gratter la page Web actuelle avec php/javascript?

Question

J'ai fait la page Web suivante pour générer des listes de tâches interactives: http://robert-kent.com/todo/todo.php

Fondamentalement, l'utilisateur colle une liste de tâches numérotées et chaque tâche est placé dans son propre div avec un identifiant unique. Les utilisateurs peuvent ajouter des notes aux tâches (faites avec javascript) et peuvent cliquer sur la coche verte lorsque la tâche est faite pour la cacher.

Je voudrais ajouter un bouton Exporter qui générerait un rapport sur les tâches terminées et celles qui ne l'étaient pas, ainsi que les notes entrées par l'utilisateur. Après un peu de recherche, je comprends que ce que je veux faire est gratter la page, mais je n'ai pas la moindre idée de la meilleure façon de le faire. La plupart des articles et tutoriels que j'ai trouvés avec Google impliquent de gratter d'autres sites et n'expliquent pas vraiment comment je pourrais itérer sur chaque div sur la page.

source complet ici: http://pastebin.com/r7V3P5jK

Toutes les suggestions?

Answer 1

L'approche consistant à fournir une fonctionnalité «Exportation» que vous avez décrite est malheureusement complètement erronée. Votre page doit retourner au serveur avec un paramètre indiquant qu'une "exportation" est souhaitée. Le serveur devrait alors définir l'en-tête "Content-Disposition" à quelque chose comme attachment; filename="export.txt" (ou ce que vous voulez que le nom de fichier soit).

Answer 2

S'il existe un div contenant le contenu de ce que vous voulez exporter, vous pouvez simplement utiliser la propriété innerHTML pour exporter le code HTML. Par exemple, en supposant que le div id avait des « notes »:

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

Maintenant, comment obtenir l'utilisateur d'enregistrer réellement le code HTML réel dans un fichier? Vous devrez soit l'envoyer à un CGI, soit un autre sur le serveur qui renvoie le contenu avec l'en-tête suivant:

Content-Disposition: attachment; filename = "export.txt"

Ou, vous devrez utiliser les méthodes expliquées sur cette page: http://objectmix.com/javascript/314946-possible-generate-text-files-javascript.html. FYI: les méthodes expliquées sur la page ne sont pas compatibles avec tous les navigateurs.