+ Rispondi al Thread
Visualizzazione dei risultati da 1 a 3 su 3

Discussione: Creare file txt con javascript utilizzando anche checkbox

  1. #1
    giovanni210765 non è in linea Novello
    Post
    20

    Creare file txt con javascript utilizzando anche checkbox

    Buona sera
    ho creato un file html che utilizza uno script javascript, per creare un file TXT con i dati dei campi presenti, tutto funziona bene ma non riesco ad inserire le modifiche relative ai check box ho provato diversi tentativi, ma se i check funzionavano il resto dello script non funzionava e non veniva salvato il file txt. Grazie anticipatamente del vostro aiuto inserisco il codice che ho scritto:
    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>M.M. - INFERMERIA PRESIDIARIA LA SPEZIA - MODULO PRENOTAZIONE</title>

    <style type="text/css">
    /*----------Text Styles----------*/
    .ws6 {font-size: 8px;}
    .ws7 {font-size: 9.3px;}
    .ws8 {font-size: 11px;}
    .ws9 {font-size: 12px;}
    .ws10 {font-size: 13px;}
    .ws11 {font-size: 15px;}
    .ws12 {font-size: 16px;}
    .ws14 {font-size: 19px;}
    .ws16 {font-size: 21px;}
    .ws18 {font-size: 24px;}
    .ws20 {font-size: 27px;}
    .ws22 {font-size: 29px;}
    .ws24 {font-size: 32px;}
    .ws26 {font-size: 35px;}
    .ws28 {font-size: 37px;}
    .ws36 {font-size: 48px;}
    .ws48 {font-size: 64px;}
    .ws72 {font-size: 96px;}
    .wpmd {font-size: 13px;font-family: Arial,Helvetica,Sans-Serif;font-style: normal;font-weight: normal;}
    /*----------Para Styles----------*/
    DIV,UL,OL /* Left */
    {
    margin-top: 0px;
    margin-bottom: 0px;
    }

    #cont {
    position:relative;
    height:500px;
    width:500px;
    background-image:url(mages/MM.png);
    z-index:2;
    }

    #cont img {
    position:relative;
    z-index:1;
    }


    </style>

    </head>

    <body>
    <div>
    <div id="text1" style="position:absolute; overflow:hidden; left:578px; top:14px; width:200px; height:100px; z-index:1">
    <div class="wpmd">
    <div align=center><font color="#000080" class="ws12"><B>MODULO REGISTRAZIONE </B></font></div>
    </DIV></DIV>

    <!-- COGNOME -->
    <div id="text4" style="position:absolute; overflow:hidden; left:5px; top:70px; width:86px; height:20px; z-index:7">
    <div class="wpmd">
    <div align=right><font class="ws12"><B>COGNOME</B></font></div>
    </div></div>
    <input id="TXTCGN" type="text" style="position:absolute;width:249px;left:122px;to p:70px;z-index:6">

    <!-- NOME -->

    <div id="text5" style="position:absolute; overflow:hidden; left:394px; top:70px; width:86px; height:20px; z-index:9">
    <div class="wpmd">
    <div align=right><font class="ws12"><B>NOME</B></font></div>
    </div></div>
    <input id="TXTNM" type="text" style="position:absolute;width:249px;left:486px;to p:70px;z-index:8">

    <!-- ELENCO SESSO -->

    <div id="text6" style="position:absolute; overflow:hidden; left:5px; top:98px; width:58px; height:25px; z-index:11">
    <div class="wpmd">
    <div align=right><font color="#000000" class="ws12"><B>SESSO</B></font></div>
    </div></div>
    <select id="selSesso" style="position:absolute;left:122px;top:100px;widt h:67px;z-index:10">
    <option value="//"> </option>
    <option value="M">M</option>
    <option value="F">F</option>
    </select>

    <!-- DATA NASCITA -->

    <label for="TXTDNASC" style="position:absolute; overflow:hidden; left:200px; top:100px; width:160px; height:20px; z-index:21";class="wpmd" ><B>
    <span>DATA DI NASCITA:</span>
    <strong><abbr title="required">*</abbr></strong>
    <em>formatted as mm/yy</em>
    </label>


    <input id="TXTDNASC" type="date" name="expiration" style="position:absolute;width:110px;left:390px;to p:100px;z-index:20">

    <!-- ETA -->

    <div id="text12" style="position:absolute; overflow:hidden; left:508px; top:100px; width:54px; height:20px; z-index:23">
    <div class="wpmd">
    <div align=right><font class="ws12"><B>ETA'</B></font></div>
    </div></div>
    <input id="TXTETA" type="text" style="position:absolute;width:50px;left:569px;top :100px;z-index:22">

    <!-- CODICE FISCALE -->

    <div id="text13" style="position:absolute; overflow:hidden; left:5px; top:130px; width:100px; height:20px; z-index:23">
    <div class="wpmd">
    <div align=Left><font class="ws12"><B>C.F.'</B></font></div>
    </div></div>
    <input id="TXTCF" type="text" style="position:absolute;width:150px;left:122px;to p:130px;z-index:22">

    <!-- PITTORE -->

    <div name="chkPIT" style="position:absolute; left:5px; top:160px; z-index:103">
    <input type="checkbox" id="chkPIT" value="0"></div>
    <div id="text54" style="position:absolute; overflow:hidden; left:30px; top:160px; width:100px; height:25px; z-index:107">
    <div class="wpmd">
    <div><font class="ws14">PITTORE</font></div>
    </div></div>
    <script>
    if (chkPIT.checked === true){
    (chkPIT.value =="1")
    }
    </script>
    <!-- SCULTORE -->

    <div name="chkSCT" style="position:absolute; left:145px; top:160px; z-index:103"><input type="checkbox" id="chkSCT"></div>
    <div id="text54" style="position:absolute; overflow:hidden; left:170px; top:160px; width:208px; height:25px; z-index:107">
    <div class="wpmd">
    <div><font class="ws14">SCULTORE</font></div>
    </div></div>

    <!-- PULSANTE DI SALVATAGGIO -->

    <div id="html1" style="position:absolute; overflow:hidden; left:5px; top:190px; width:693px; height:112px; z-index:133">

    <div>
    <input type="button" id="bt" value="Save data to file" onclick="saveFile()" />
    </div>
    </DIV>

    <script>
    let saveFile = () => {

    // Get the data from each element on the form.

    const cgn = document.getElementById('TXTCGN');
    const nm = document.getElementById('TXTNM');
    const sesso = document.getElementById('selSesso');
    const dnasc = document.getElementById('TXTDNASC');
    const eta = document.getElementById('TXTETA');
    const cf = document.getElementById('TXTCF');
    const chkpit = document.getElementById('chkPIT');
    const chksct = document.getElementById('chkSCT');

    // This variable stores all the data.
    let data =
    cgn.value +
    '%' + nm.value +
    '%' + sesso.value +
    '%' + dnasc.value +
    '%' + eta.value +
    '%' + cf.value +
    '%' + chkpit.value +
    '%' + chksct.value;


    // Convert the text to BLOB.
    const textToBLOB = new Blob([data], { type: 'text/plain' });
    const sFileName = cf.value + '.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();
    }
    var ndata=data.value
    document.getElementById("demo").innerHTML = ndata.length;
    </script>
    </div>


    </body>
    </html>

  2. #2
    L'avatar di sistemista
    sistemista non è in linea Topo di biblioteca
    Luogo
    Prato
    Post
    2,780
    Scusa ma devo chiedertelo:lo hai scritto tu questo codice?a me non sembra...
    Sono stato nella terra del terrore e dei Vampiri...la transilvania? No!..in Banca.
    A Lupara?Min***a...Tecnologia Sicula è!

  3. #3
    giovanni210765 non è in linea Novello
    Post
    20

    checkbox

    Il modulo è stato scritto prendendo spunto da un altro che ho trovato in rete, sto imparando adesso ad utilizzare javascript che trovo molto interessante ma non semplice. Il modulo che ho già scritto e che contiene più dati funziona perfettamente. Ho cercato di capire il modo di utilizzare l'uso delle checkbox, ma quando queste funzionavano, la funzione di salvataggio veniva bloccata. Prima di scrivere al forum ho cercato di arrivarci da solo attraverso manuali di HTML, HTML5, JAVASCRIPT ma non ho trovato alcuna specifica relativa alle checkbox. Sono solo un neofita ma mi sono scritto anche ad un corso online su udemy per imparare ma mi serve l'uso delle checkbox per completare il modulo. Il file che viene creato lo acquisisco attraverso vba ed inserisco direttamente i dati nel mio database. Grazie comunque se vorrai aiutarmi.

+ Rispondi al Thread

Tag per questa discussione

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi