Enregistre une page en format PDF ou en HTML mais avec toutes les entrées

Question

Je ne vais pas créer un pdf à partir d'un formulaire sur ma page, mais le problème est, j'en ai besoin très exactement comme la page avec forme, tous entires.

donc je dois par exemple

2 champs d'entrée, 7 Radio, 2 cases à cocher, et comme résultat je besoin d'un PDF avec le même sructure, mais si quelqu'un cochez la case, il doit être enregistré en format pdf.

J'ai essayé d'enregistrer le contenu html de la page sur submit, et de l'enregistrer d'abord dans le fichier html, mais le problème est que mes sélections ne seront pas sauvegardées.

Le résultat doit être identique à celui que j'imprimerais mon formulaire.

J'espère que quelqu'un peut vous aider.

Le code que j'utilise pour enregistrer le contenu de la page.

> $(document).ready(function(){ 
>  $('input[type=submit]').click(function() {   
> var formname = $("body").find("form").attr("name"); 
> var htmldata = $("form[name="+formname+"]").html(); 
> var enchtmldata = ncodeURIComponent(htmldata); 
> $.ajax({ 
> type: "post",    
> data: "data="+enchtmldata, 
> url: "makepdf.php",   
> success: function() 
> { 
> alert("success");   }, 
> error: function()    { 
> alert("error");    }   }); 
> 
> }); }); 

PS: J'utilisant PHP et jQuery

AJOUTÉE: Je pense qu'il est préférable d'essayer d'abord enregistrer la page sous forme HTML, mais pour garder les entrées en elle. Après cela, essayer de le convertir. Mais le problème est, pour l'enregistrer avec toutes les données.

AJOUT: comment puis-je ajouter un attr sélectionné dans un champ d'option?

Answer 1

Exécutez ceci dans la ligne de commande javascript de votre navigateur, copiez-collez le résultat dans l'éditeur de texte et enregistrez-le au format html.

$('body').text($('html').html()) 

En fonction de votre navigateur, cela peut également fonctionner lorsque collé-copie barre d'adresse:

javascript:$('body').text($('html').html()) 

La sortie est source de la page « dynamique », à savoir l'arbre DOM rendu en texte.

Answer 2

Qu'est-ce que vous utilisez pour convertir le HTML en PDF? Je peux recommander TCPDF pour ce travail: http://www.tecnick.com/public/code/cp_dpage.php?aiocp_dp=tcpdf

Il peut convertir HTML avec CSS en un formulaire PDF. Je ne l'ai pas testé moi-même mais je suis tout à fait sûr qu'il gardera même l'option cochée. Mais à coup sûr, vous devez créer le code HTML avec PHP pour cocher la case.

<input type="checkbox"<?php echo ($_REQUEST['checkbox_name'])? ' checked="checked"' : '' ?> /> 

Vous devriez être en mesure de créer le formulaire PDF correct avec la classe TCPDF.

Answer 3

Ok, je pense que le problème est que la vérification d'une case à cocher dans le navigateur ne change pas la source HTML. Donc, si vous voulez transférer le HTML via AJAX, vous devez "convertir" l'état vérifié dans le navigateur à un état vérifié réel de la source.

Je ne suis pas un expert jQuery, mais vous devez sélectionner toutes les entrées [type = "checkbox"] et tester si elles sont cochées. Si c'est le cas, ajoutez un attribut "checked" avec la valeur "checked" à la case à cocher. Sinon, supprimez l'attribut checked s'il est présent.

Le code HTML source aura tous les états vérifiés corrects. Sans cette méthode, vous pourriez avoir la case à cocher qui a été présélectionnée avec PHP mais qui a été désélectionnée par l'utilisateur.

J'espère que ma réponse a été assez clair, désolé pour mon anglais :)

Answer 4

Avez-vous essayé de placer la page en arrière-plan avec les variables telles que les superpositions conditionnelles? Je l'ai réalisé dans le passé en utilisant FPDF. Les boutons radio peuvent être placés en tant qu'image sur le vidage d'écran existant. Vous n'aurez aucun problème à mettre le texte au bon endroit également.

Answer 5

Y a-t-il une raison pour laquelle vous ne pouvez pas simplement prendre les données de formulaire et les envoyer à un processus serveur qui stockera les données de formulaire dans une base de données? De là, il devrait être un processus relativement simple pour remplir le formulaire HTML et générer un formulaire PDF à partir de la base de données.