Formulaire HTML sans site internet

**nanar21** · 13/10/2016, 13h36

Concernant votre post de ce jour 9h44

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

creer_pdf=function() { ...

au lieu de

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

function creer_pdf(){ ...

**Ruyneau** · 13/10/2016, 17h57

Bonjour,
en réponse au mailto, j'ai copié le code et j'ai fait tourné et le bouton <<envoyer>> est inopérant car finalement, moi aussi je ne rapatrie pas mes mails sur le disque dur et je pense que c'est le cas de beaucoup de monde.

Il faut donc que je trouve autre chose.

Merci
Gabriel

**Ruyneau** · 13/10/2016, 18h59

Rebonjour,
je continue mes recherches et j'avance un peu.
J'ai utilisé FileSave et j'arrive <<presque>> à quelque chose
Le code ci dessous ne fonctionne pac à cause de la variable cp. Si j'enlève la variable cp et que je mets un texte à la place dans la première variable du saveas, la fonction recup() fonctionne.
Pouvez-vous m'aider à résoudre ce blocage?

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
26
<!DOCTYPE html>
<html>
<head>
<title>INSCRIPTION</title>
<script src="http://cdn.jsdelivr.net/g/filesaver.js"></script>
<script>
      function SaveAsFile(t,f,m) {
            try {
                var b = new Blob([t],{type:m});
                saveAs(b, f);
            } catch (e) {
                window.open("data:"+m+"," + encodeURIComponent(t), '_blank','');
            }
        }
function recup(){
var cp=this.getField("codepostal");
SaveAsFile(cp.value,'filename.txt','text/plain;charset=utf-8');}
</script>
</head>
<form>
Code postal : <input type="text" size="5" name="codepostal" maxlength="5">
<input type="reset"  value="Reset" /> 
<input type="button" value="clique" onclick="alert('coucou');" />
<input type="button" value="transfert" onclick="recup();" /> 
</form>
</html>

Merci
Gabriel

**Ruyneau** · 13/10/2016, 19h18

rebonjour,
en cherchant mieux dans cet excellent forum j'ai trouvé ma dernière erreu. Donc voici un code qui fonctionne:

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
26
<!DOCTYPE html>
<html>
<head>
<title>INSCRIPTION</title>
<script src="http://cdn.jsdelivr.net/g/filesaver.js"></script>
<script>
      function SaveAsFile(t,f,m) {
            try {
                var b = new Blob([t],{type:m});
                saveAs(b, f);
            } catch (e) {
                window.open("data:"+m+"," + encodeURIComponent(t), '_blank','');
            }
        }
function recup(){
var cp = document.getElementById("codepostal").value;
SaveAsFile(cp,'filename.txt','text/plain;charset=utf-8');}
</script>
</head>
<form>
Code postal : <input type="text" size="5" id="codepostal" maxlength="5">
<input type="reset"  value="Reset" /> 
<input type="button" value="clique" onclick="alert('coucou');" />
<input type="button" value="transfert" onclick="recup();" /> 
</form>
</html>

**Ruyneau** · 13/10/2016, 19h53

Rerebonjour,
POur la récupération en pdf avec pdfmake voilà un code qui fonctionne:

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
26
<!doctype html>
<html lang='en'>
  <head>
    <meta charset='utf-8'>
    <script src='pdfmake.min.js'></script>
    <script src='vfs_fonts.js'></script>
    <script>
      function creer_pdf() {
        var nom=document.getElementById("nom").value;
        var prenom=document.getElementById("prenom").value;
        var doc = {
          content: [
            nom,
            prenom
          ],
        };
        pdfMake.createPdf(doc).open();
      };
    </script>
  </head>
  <body>
    Votre nom : <input id="nom"><br>
    Votre prénom : <input id="prenom"><br>
    <input type="button" value="Générer le pdf" onclick="creer_pdf();">
  </body>
</html>

Gabriel

**nanar21** · 15/10/2016, 13h53

Récupération du contenu d'un formulaire html dans un fichier pdf avec pdfmake

Félicitations.

Effectivement, cela fonctionne avec Firefox 46, Chrome 53, IE 11 (après affichage d'un message inquiétant), mais pas avec Edge ! ( le navigateur "par défaut" depuis Windows 10 )

Ceci dit, en plus du formulaire HTML à envoyer à l'étudiant, il faudra joindre les deux fichiers javascript : pdfmake.min.js (416 Ko) et vfs_fonts.js (554 ko)

Soit près 1 Mo fois +/- 180 étudiants ...

**SpaceFrog** · 17/10/2016, 08h16

Exact. Encore faut-il que l'étudiant ait installé un logiciel de messagerie.

Encore faut il qu'il ait un PC ? ....

Formulaire HTML sans site internet

JavaScript

Discussions similaires

Partager

Partager