Téléchargement div en PDF => JSPDF

Bonjour,

Je souhaiterais savoir s'il existe une librairie JQuery qui permet d'enregistrer directement en PDF une partie précise d'une page web (exemple : #ma_div).

Merci à vous !


Edit : Qqles messages plus loin ; j'utlise JSPDF ; et j'obtiens pour le moment une erreur.
Modifié par mini-truc (06 Nov 2013 - 13:39)

Bonjour à tous,

Je viens de télécharger JSPDF ; et j'obtiens un message d'erreur :

Uncaught TypeError: Object #<Object> has no method 'fromHTML' 

JS

<script type="text/javascript" src="../assets/js/jsPDF/jspdf.js"></script>
<script type="text/javascript">
    $(document).ready(function(){
//impression du résultat
        var doc = new jsPDF();
        var specialElementHandlers = {
            '#editor': function (element, renderer) {
                return true;
            }
        };

        $('#print_result').click(function () {
            doc.fromHTML($('#result_reporting').html(), 15, 15, {
                'width': 170,
                    'elementHandlers': specialElementHandlers
            });
            doc.save('../export/export_stat_reporting_regie_.pdf');
        });
});
</script>

Modifié par mini-truc (29 Oct 2013 - 14:32)

Bonjour à tous,

Me revoilà sur le sujet ; j'ai laissé mijoter çà le temps que je termine d'autres choses en cours ; mais cette fois-ci çà deviens urgent .

J'ai donc suivi le conseil cité plus haut ; j'utilise la librairie JSPDF que j'appelle en début de page (html > body > div#content ) :

<script type="text/javascript" src="../assets/js/jsPDF/jspdf.js"></script>

J'appelle et instancie la classe (html > body > div#content ; juste aprés le code précédent) :

<script type="text/javascript">
    $(document).ready(function(){        
        var doc = new jsPDF();
        var specialElementHandlers = {
            '#editor': function (element, renderer) {
                return true;
            }
        };
    });
</script>

La génération du PDF se déclenche au clic d'un bouton (just prés l'instanciation cité plus haut) :

$('#result_reporting').delegate('#export_pdf', 'click', function(){
            doc.fromHTML($('#result_reporting').html(), 15, 15, {
                'width': 170,
                    'elementHandlers': specialElementHandlers
            });
            doc.save('../assets/uploads/export/export_stat_reporting_regie_<?php echo date('Y_m_d_H_i_s'); ?>.pdf');
        });

Lorsque je clique sur mon bouton, l’événement se déclenche bien mais j'obtiens une erreur dans ma console :

Uncaught TypeError: Object #<Object> has no method 'fromHTML' 

J'ai certainement dû oublier un bout de la librairie ? J'ai téléchargé le zip complet de JSPDF ; je l'ai décompressé et envoyé dans son intégralité sur mon serveur (emplacement indiqué plus haut). J'ai contrôlé le lien vers la libraire : ../assets/js/jsPDF/jspdf.js ; il charge correctement le script.

Je n'appelle que ce script là ; y'a t'il d'autres scripts qui doivent être appelé obligatoirement pour que 'fromHTML' fonctionne correctement ?

Merci à tous pour votre aide.

tu appelles bien la librairie jquery dans le head ? si oui essai de passer plutôt par

.on('click',  function(){ } );

et tua s bien rajouté ca aussi dans ton html :

<div id="editor"></div>

Modifié par tazzkiller (07 Nov 2013 - 17:10)

tazzkiller a écrit :
tu appelles bien la librairie jquery dans le head ?

Tout d'abord merci TazzKiller.

Non, je l'appelle dans directement dans le script concerné ; car un seul va utiliser cette librairie ; c'est dommage de la charger pour les autres.

Je vais tenter de la passer dans le head et si çà ne fonctionne toujours pas je vais essaie "on()".

Bonjour ,

J'ai testé la librairie jsPDF mais en utilisant le jsPDF.js qu'il y a sur gitUb.
Et j'ai remarqué que ce n'est pas le même que celui que tu utilise sur jsfiddle, car mon code marche seulement avec le fichier que tu a inclus mais pas avec celui qui est fournis sur gitUb.

Fin bon l'a n'est pas le problème ^^

Ce que je voudrai savoir c'est comment générer le pdf sur n'importe quel élément qui peut y avoir dans la div. Genre en plus du texte, les images etc... car là sa marche qu'avec du texte.