Ciao ragazzi,
mi serve aiuto su questo codice.
Ho sviluppato una tabella che permetta all'utente di inserire i dati di cui ho bisogno.
Ci sono 4 campi: Tipo di protocollo, Entrata o uscita, Cliente o fornitore, Anno.
Nei campi "Entrata o uscita" e "Cliente o fornitore" mi servirebbe un piccolo menu a tenda nelle caselle di inserimento che permetta all'utente di scegliere una delle due opzioni per esempio su "Cliente o fornitore" ci devono essere 2 opzioni una "Cliente" e l'altra "fornitore", stessa cosa per Entrata o uscita.
Spero mi possiate aiutare.
Grazie mille!
Questo è il codice.
<html>
<head></head>
<script>
var NOME = new Array();
var COGNOME = new Array();
var CLASSE = new Array();
var NASCITA = new Array();
N=0;
function Memorizza()
{
NOME[N]=document.getElementById("TxtNom").value;
COGNOME[N]=document.getElementById("TxtCog").value;
CLASSE[N]=document.getElementById("TxtCla").value;
NASCITA[N]=document.getElementById("TxtNas").value;
N++;
Visualizza();
}
function Visualizza()
{
STRINGA=""
STRINGA="<table><tr><br><br><td>Tipo di Protocollo</td><td>Entrata o Uscita</td><td>Cliente o Fornitore</td><td>Anno</td></tr>";
for (I=0;I<N;I++)
{
STRINGA+="<tr><td>"+NOME[I]+"</td><td>"+COGNOME[I]+"</td><td>"+CLASSE[I]+"</td><td>"+NASCITA[I]+"</td></tr>";
}
STRINGA+="</table>";
document.getElementById("Display").innerHTML = STRINGA;
}
</script>
<style>
table{border: inset red 5px;}
td{border: solid red 10px; text-align: center;}
</style>
<body>
<center>
<table>
<tr>
<td colspan="5">Nuovo Protocollo</td>
</tr>
<tr>
<td>Tipo di protocollo</td>
<td><input type="text" id="TxtNom"></td>
</tr>
<tr>
<td>Entrata o uscita</td>
<td><input type="text" id="TxtCog"></td>
</tr>
<tr>
<td>Cliente o fornitore</td>
<td><input type="text" id="TxtCla"></td>
</tr>
<tr>
<td>Anno</td>
<td><input type="text;" id="TxtNas"></td>
</tr>
<tr>
<td colspan="10"><input type="submit" id="BtnAggiungi" Value="Aggiungi" onclick="Memorizza()"> <input type="submit" name="BtnChiudi" Value="Chiudi"></td>
</tr>
</table>
<div id="Display"></div>
</center>
</body>
</html>
Rispondi quotando
