Formulaire HTML sans site internet

Version imprimable

Voir 40 message(s) de cette discussion en une page

13/10/2016, 13h36
nanar21

Concernant votre post de ce jour 9h44

Code:

creer_pdf=function() { ...

au lieu de

Code:

function creer_pdf(){ ...
13/10/2016, 17h57
Ruyneau

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

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:

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

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

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

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

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

15/10/2016, 13h53
nanar21

création d'un fichier pdf avec pdfmake

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

Félicitations. :plusser:

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 ...
17/10/2016, 08h16
SpaceFrog

Citation:

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

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

Voir 40 message(s) de cette discussion en une page