Bonjour la communauté besoin d'aide s'il vous plait

cancel
Showing results for 
Search instead for 
Did you mean: 
gaga
Member II

Bonjour la communauté besoin d'aide s'il vous plait

cela fait bientot 02 mois que je cherche solution à une insuffisance que j'ai avec alfresco. jai fait un simple formulaire (html) d'état civil et je souhaite faire le partage du fichier entre les parties prenantes pour une validation finale. pour cela il faut que apres remplissage dudit formulaire l'execution du bouton enregistrer crée un fichier en pdf et l'enregistre de maniere automatique dans le repository, je ne sais vraiment pas comment m'y prendre pour le faire s'il vous plait je joins mon code html et ce que jai fait deja :

<!DOCTYPE html>
<html>
<head>
    <title>Save form Data in a Text File using JavaScript</title>
    <style>
        body {
            background-position:center;
            background-position:relative;
            }
      div {
            border: 0px solid black;
            margin-top: 5px;
            margin-bottom: 5px;
            margin-right: 350px;
            margin-left: 350px;
            background-color: hsl(50, 33%, 25%);
            
        }
        label { 
            float: left;
            text-align: right;
            width: 35%;
            margin: 0px;
            padding: 0px;
            display: block; }
      
        input[type=button]{ 
            font: 17px Calibri;
            width: auto;
            float: center;
            cursor: pointer;
            padding: 7px;
        }
    </style>
</head>
<body>
    <form onload="showType(this)" >
    <div align="center">

        <h1> <legend>Formulaire d'acte de naissance</legend></h1>
                
        <h2> <legend>Informations sur le centre d'état civil</legend></h2>

        
        <!--Add few elements to the form-->
        
            <label>Région : </label>
            <input type="text" id="txtRegion" >
        

         
            <label>Département : </label>
            <input type="text" id="txtDepartement" >
        

        
            <label>Arrondissement: </label>
            <input type="text" id="txtArrondissement" >
        

        
            <label>Centre d'état civil : </label>
            <input type="text" id="txtcentre" >
        

                <!-- informations sur l'enfant -->

            <h2> <legend>Informations sur l'enfant</legend></h2>

        
            <label>Nom de l'enfant : </label>
            <input type="text" id="txtNomEnf" ></br>
       

        
            <label>Prénom(s) de l'enfant : </label>
            <input type="text" id="txtPrenomEnf" ></br>
        

        
            <label>Né le : </label>
            <input type="date" id="datedemande" name="datedemande"></br>
        

      
            <label>A : </label>
            <input type="text" id="txtlieu" ></br>
        

            <label>Sexe : </label>
            <select id="selSexe">
                <option selected value="">--- Choisir le sexe de l'enfant ---</option>
                <option value="Féminin">Féminin</option>
                <option value="Masculin">Masculin</option>
            </select>

                <!-- informations sur le père -->

             <h2> <legend>Informations sur le Père</legend></h2>

            <label>Nom et Prénom(s) du père : </label>
            <input type="text" id="txtNomPere" ></br>
            <label>Né le : </label>
            <input type="date" id="date_P" name="date_P"></br>
      
            <label>A : </label>
            <input type="text" id="txtlieupere" ></br>

            <label>Domicilié à : </label>
            <input type="text" id="domicile"></br>
      
            <label>Profession : </label>
            <input type="text" id="txtProfPere" ></br>

            <label>Nationalité : </label>
            <input type="text" id="txtnat" ></br>
      
            <label>Document de Référence : </label>
            <input type="text" id="txtref" ></br>
        
              <!--   informations sur la mère -->

            <h2> <legend>Informations sur la Mère</legend></h2>

            <label>Nom et Prénom(s) de la mère : </label>
            <input type="text" id="txtNomMere" ></br>

            <label>Né le : </label>
            <input type="date" id="date_M" name="date_M"></br>
      
            <label>A : </label>
            <input type="text" id="txtlieuMere" ></br>

            <label>Domicilié à : </label>
            <input type="text" id="domicile_M"></br>
      
            <label>Profession : </label>
            <input type="text" id="txtprofMere" ></br>

            <label>Nationalité : </label>
            <input type="text" id="nationaliteMere" ></br>
      
            <label>Document de Référence : </label>
            <input type="text" id="txtref" ></br>
        

        <div>
            <input type="button" id="bt" value="Enrégistrer" onclick="saveFile()" />
        </div>

    </div>
</form>
</body>
<script>
    let saveFile = () => {
      
        // Get the data from each element on the form.
        const region = document.getElementById('txtRegion');
        const departement = document.getElementById('txtDepartement');
        const arrondissement = document.getElementById('txtArrondissement');
        const centre = document.getElementById('txtcentre');
        const nomEnf = document.getElementById('txtNomEnf');
        const prenomEnf = document.getElementById('txtPrenomEnf');
        const date = document.getElementById('datedemande');
        const lieu = document.getElementById('txtlieu');
        const sexe = document.getElementById('selSexe');
        const nomPere = document.getElementById('txtNomPere');
        const datepere = document.getElementById('date_P');
        const lieuPere = document.getElementById('txtlieupere');
        const domicile = document.getElementById('domicile');
        const professionpere = document.getElementById('txtProfPere');
        const nationalite = document.getElementById('txtnat');
        const docRefpere = document.getElementById('txtref');
        const nomMere = document.getElementById('txtNomMere');
        const dateMere = document.getElementById('date_M');
        const lieuMere = document.getElementById('txtlieuMere');
        const domicileMere = document.getElementById('domicile_M');
        const professionMere = document.getElementById('txtprofMere');
        const nationaliteMere = document.getElementById('nationaliteMere');
        const docRefMere = document.getElementById('txtref');
        // This variable stores all the data.
        let data = 
            '\r Région : ' + region.value + ' \r\n ' +
            'Département : ' + departement.value + ' \r\n ' +
            'Arrondissement : ' + arrondissement.value + ' \r\n ' +
            'Nom du centre : ' + centre.value + ' \r\n ' +
            'Nom de lenfant : ' + nomEnf.value + ' \r\n ' + 
            'Prénom de lenfant : ' + prenomEnf.value + ' \r\n ' +
            'Date de naissance : ' + date.value + ' \r\n ' +
            'lieu de naissance : ' + lieu.value + ' \r\n ' +
            'Sexe : ' + selSexe.value + ' \r\n ' +
            'De : ' + nomPere.value + ' \r\n ' +
            'Né à : ' + lieuPere.value + ' \r\n ' +
            'Le : ' + datepere.value + ' \r\n ' +
            'Domicilié à : ' + domicile.value + ' \r\n ' +
            'Profession : ' + professionpere.value+ ' \r\n ' +
            'Nationalité : ' + nationalite.value + ' \r\n ' +
            'Document de Référence : ' + docRefpere.value + ' \r\n ' + 
            'Et de : ' + nomMere.value + ' \r\n ' + 
            'Née à : ' + lieuMere.value + ' \r\n ' + 
            'Le : ' + dateMere.value + ' \r\n ' + 
            'Domicilié à : ' + domicileMere.value + ' \r\n ' +
            'Profession : ' + professionMere.value + ' \r\n ' +
            'Nationalité : ' + nationaliteMere.value + ' \r\n ' +
            'Document de Référence : ' + docRefMere.value;
        
        // Convert the text to BLOB.
        const textToBLOB = new Blob([data], { type: 'text/plain' });
        const sFileName = 'formulaire.txt';    // The file to save the data.
        

        let newLink = document.createElement("a");
        newLink.download = sFileName;

        if (window.webkitURL != null) {
            newLink.href = window.webkitURL.createObjectURL(textToBLOB);
        }
        else {
            newLink.href = window.URL.createObjectURL(textToBLOB);
            newLink.style.display = "none";
            document.body.appendChild(newLink);
        }

        newLink.click(); 
    }
        function showType(fileInput) {
                var files = fileInput.files;

                for (var i = 0; i < files.length; i++) {
                    var name = files[i].name; 
                    alert("Filename: " + name);}
                }
</script>
</html>