HTML 2 PDF & JS

Version imprimable

26/05/2021, 17h25
sylvain257

1 pièce(s) jointe(s)

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....

Pièce jointe 598615

Merci pour votre retour

Sylvain
26/05/2021, 17h42
NoSmoking

Bonjour,

Citation:

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 !!!
26/05/2021, 17h46
sylvain257

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.
26/05/2021, 17h58
NoSmoking

A priori je dirais aucune raison, le loup est peut-être ailleurs, mais sans code ?!?

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:

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>

27/05/2021, 12h14
NoSmoking

On ne vois pas quand ou et comment tu appelles la fonction de génération.