Creare file txt con javascript utilizzando anche checkbox

**giovanni210765** · 18-04-2020, 21:47

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>


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



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



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



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



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



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



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


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



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

**sistemista** · 19-04-2020, 15:04

Scusa ma devo chiedertelo:lo hai scritto tu questo codice?a me non sembra...

**giovanni210765** · 21-04-2020, 22:12

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.

Creare file txt con javascript utilizzando anche checkbox

Strumenti

Potrebbero interessarti anche ...