IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

HTML 2 PDF & JS


Sujet :

JavaScript

  1. #1
    Membre régulier
    Homme Profil pro
    Enseignant
    Inscrit en
    Novembre 2018
    Messages
    144
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 41
    Localisation : France, Essonne (Île de France)

    Informations professionnelles :
    Activité : Enseignant

    Informations forums :
    Inscription : Novembre 2018
    Messages : 144
    Points : 79
    Points
    79
    Par défaut HTML 2 PDF & JS
    Bonjour,

    Je cherche à exporter en PDF une div quelconque. Le problème est que cette div est issue d'une génération via un code JS (voir l'image).

    Cela pose problème vu que html2pdf par exemple, n'exporte que les DOM statiques. Or ici il s'agit d'un DOM généré.

    J'ai essayé de faire un JSON.Stringify pour tenter de convertir la partie générée en objet. Essai fort peu concluant.

    Il se trouve que les convertisseurs en ligne exportent sans difficulté.

    Si quelqu'un a une idée je serais preneur....

    Nom : Capture.PNG
Affichages : 98
Taille : 6,6 Ko

    Merci pour votre retour

    Sylvain

  2. #2
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 075
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 075
    Points : 44 657
    Points
    44 657
    Par défaut
    Bonjour,
    n'exporte que les DOM statiques. Or ici il s'agit d'un DOM généré.
    une fois tes éléments générés ils appartiennent au DOM, que tu qualifies de statique, où est le soucis, ou alors il y a quelque chose qui m’échappe !!!

  3. #3
    Membre régulier
    Homme Profil pro
    Enseignant
    Inscrit en
    Novembre 2018
    Messages
    144
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 41
    Localisation : France, Essonne (Île de France)

    Informations professionnelles :
    Activité : Enseignant

    Informations forums :
    Inscription : Novembre 2018
    Messages : 144
    Points : 79
    Points
    79
    Par défaut
    Le problème est que je peux lui dire d'exporter la div #info_ouvrage il exporte une page blanche. Il ne reconnait pas ce qui a été injecté dedans via la requête ajax.

  4. #4
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 075
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 075
    Points : 44 657
    Points
    44 657
    Par défaut
    A priori je dirais aucune raison, le loup est peut-être ailleurs, mais sans code ?!?

  5. #5
    Membre régulier
    Homme Profil pro
    Enseignant
    Inscrit en
    Novembre 2018
    Messages
    144
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 41
    Localisation : France, Essonne (Île de France)

    Informations professionnelles :
    Activité : Enseignant

    Informations forums :
    Inscription : Novembre 2018
    Messages : 144
    Points : 79
    Points
    79
    Par défaut
    C'est qu'une partie du code, pcq le reste n'a aucun intérêt (c'est plus ou moins la même chose pdt 200 lignes).
    J'ai la sensation que l'export ne se fait pas à cause de la requête AJAX.

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
     
    function chargeOuvrage(){
      loadingShow(1);
      $.ajax({
        url: 'assets/php/app/fiche/fiche_get_ouvrage.php',
        type: 'GET',
        dataType: 'json',
        data :{
          "id_ouvrage": id_fiche
        },
        error: function(err) {},
        complete: function(res) {
          if (checkAjaxError(res)) {
            var data = res.responseJSON;
            $('#info_ouvrage').html(`
              <table id="oa">
            	<tbody>
            		<tr>
          			  <td rowspan="3" style="width:100px;"><img style="height:62px" src="https://**********/***/****/${data.logo}/logo"></td>
            			<td rowspan="3" style="width:100px;">${data.dossier}</td>
                  <td rowspan="2"> Référentiel Ouvrage d'Art sur Voirie Communale <br> PV Etat des lieux sommaire sur Ouvrage d'Art </td>
            			<td style="width:100px;">Id OA</td>
            			<td>${data.id_oa}</td>
     
            		</tr>

  6. #6
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 075
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 075
    Points : 44 657
    Points
    44 657
    Par défaut
    On ne vois pas quand ou et comment tu appelles la fonction de génération.

Discussions similaires

  1. Perl > html to pdf
    Par shwin dans le forum Modules
    Réponses: 8
    Dernier message: 07/10/2006, 13h36
  2. Pb, Transformation d'un flux HTML en PDF
    Par elitost dans le forum XML/XSL et SOAP
    Réponses: 3
    Dernier message: 05/09/2005, 17h28
  3. flux XML en HTML ou PDF
    Par bewyder dans le forum XML/XSL et SOAP
    Réponses: 5
    Dernier message: 20/06/2005, 10h07
  4. [PowerBuilder] Sauvegarde HTML ou PDF d'une datawindow
    Par moussmouss dans le forum Powerbuilder
    Réponses: 6
    Dernier message: 13/05/2005, 17h32
  5. Réponses: 2
    Dernier message: 01/05/2005, 20h37

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo