Problème avec JSPDF par FranckyLass - page 1

Bonjour, Je souhaite crée un pdf a partir d'une page html, petit, hic, celui ci doit être modifiable une fois exporté, j'ai essayer d'utiliser JsPDF pour cela mais je block vraiment, merci d'avance de votre aide ( pour le moment le seul resultat que j'ai c'est que le boutton exporte bien un PDF, mais il est vierge il ne prend pas en conte mon formulaire, , voici mon code JQuery :

$(window).on('load', function () {
  var doc = new jsPDF();
  var specialElementHandlers = {
    '#inputext': function (element, renderer) {
      return true;
    }
  };
  $('#buttons').click(function () {
    doc.fromHTML($('#inputext').html(), 15, 15, {
      'width': 100,
      'elementHandlers': specialElementHandlers
    });
    doc.save('test.pdf');
  });
});

et voici mon code html :

<!DOCTYPE html>

<html >

<head>

<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="style.css" rel="stylesheet">

</head>

<body>

  <form id="form">

<div id="inputext">
<input type="text" placeholder="nom"></input>
<input type="text" placeholder="âge"></input>
<input type="text" placeholder="poids"></input>
<input type="text" placeholder="Taille"></input>
<input type="text" placeholder="Couleure de cheveux"></input>
<input type="text" placeholder="Couleure des yeux"></input>
<input type="text" placeholder="sexe"></input>

<input type="checkbox" name="key[]" value="1 "/>
<input type="checkbox" name="key[]" value="2 "/>
<input type="checkbox" name="key[]" value="3 "/>
<input type="checkbox" name="key[]" value="4 "/>

<input id="buttons" type="button" value="Exporter en PDF"/>
</div>

</div>

  </form>

</body>

<script src="JQuery.js"></script>
<script src="exportForm.js"></script>
<script src="jspdf.min.js"></script>
</html>

et pour finir mon css comme ca vous avez le code complet :

#inputext {

display: block;
width: 25%;
height: 20%;
margin-top: 10%;
margin-left: 15%;

}

form {

display: block;
border: 1px solid #000000;
width: 15%;
margin-left: 35%;
margin-top: 13%;
}

#buttons {

margin-left: 39%;
margin-bottom: 5%;

}

.info {

display: block;
width: 250%;
list-style:initial;
}

-
Edité par FranckyLass 30 avril 2018 à 11:36:04

Problème avec JSPDF

Problème avec JSPDF

Supprimer

Modérer

Signaler le message aux modérateurs