RISOLTO
Forse sarebbe da modificare il titolo con:
Incrementare variabile PHP tramite FORM
questo lo script completo, probabilmente pieno di errori perché non ho studiato le basi però funziona:
in tastierino.php
<!doctype html>
<html lang="it">
<head>
<title>INSERIMENTO PETTORALE</title>
<meta http-equiv="Content-Type" content="text/html;charset=ISO-8859-1">
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<!-- Style -->
<link href="style.css" rel="stylesheet" />
</head>
<body>
<table width="100%" border="0">
<tr bgcolor="#000000">
<td valign="top" align="center"><strong><font color="#FFFFFF">INSERISCI PETTORALE</font></strong></td>
</tr>
<tr bgcolor=""#000000">
<td valign="top" align="center"><strong><font color="#FFFFFF" size="30px"></font></strong></td>
</tr>
</table>
<center>
<table width="75%" align="center" border="0">
<form method="post" action="pettorale.php" onsubmit="return check();">
<input type="text" name="prova" id="prova" value=""/>
<input type="hidden" name="prova2" id="prova2" value=0/>
<script>
function check(){
var invia = document.getElementById("prova2").value;
var ctrlnum = document.getElementById("prova").value;
if (invia==1)
return confirm('Pettorale inserito '+ctrlnum);
if (invia==1)
return true;
else
return false;
}
</script>
<tr>
<td height="100px">
<input type="image" src="./numeri/7.png" onclick="incrementa7()"/>
<script>
function incrementa7() {
var i = document.getElementById("prova").value;
var mia = "7";
document.getElementById("prova").value = i+mia;
document.getElementById("prova2").value =0;
}
</script>
</td>
<td height="100px">
<input type="image" src="./numeri/8.png" onclick="incrementa8()"/>
<script>
function incrementa8() {
var i = document.getElementById("prova").value;
var mia = "8";
document.getElementById("prova").value = i+mia;
document.getElementById("prova2").value =0;
}
</script>
</td>
<td height="100px">
<input type="image" src="./numeri/9.png" onclick="incrementa9()"/>
<script>
function incrementa9() {
var i = document.getElementById("prova").value;
var mia = "9";
document.getElementById("prova").value = i+mia;
document.getElementById("prova2").value =0;
}
</script>
</td>
</tr>
<tr>
<td height="100px">
<input type="image" src="./numeri/4.png" onclick="incrementa4()"/>
<script>
function incrementa4() {
var i = document.getElementById("prova").value;
var mia = "4";
document.getElementById("prova").value = i+mia;
document.getElementById("prova2").value =0;
}
</script>
</td>
<td height="100px">
<input type="image" src="./numeri/5.png" onclick="incrementa5()"/>
<script>
function incrementa5() {
var i = document.getElementById("prova").value;
var mia = "5";
document.getElementById("prova").value = i+mia;
document.getElementById("prova2").value =0;
}
</script>
</td>
<td height="100px">
<input type="image" src="./numeri/6.png" onclick="incrementa6()"/>
<script>
function incrementa6() {
var i = document.getElementById("prova").value;
var mia = "6";
document.getElementById("prova").value = i+mia;
document.getElementById("prova2").value =0;
}
</script>
</td>
</tr>
<tr>
<td height="100px">
<input type="image" src="./numeri/1.png" onclick="incrementa1()"/>
<script>
function incrementa1() {
var i = document.getElementById("prova").value;
var mia = "1";
document.getElementById("prova").value = i+mia;
document.getElementById("prova2").value =0;
}
</script>
</td>
<td height="100px">
<input type="image" src="./numeri/2.png" onclick="incrementa2()"/>
<script>
function incrementa2() {
var i = document.getElementById("prova").value;
var mia = "2";
document.getElementById("prova").value = i+mia;
document.getElementById("prova2").value =0;
}
</script>
</td>
<td height="100px">
<input type="image" src="./numeri/3.png" onclick="incrementa3()"/>
<script>
function incrementa3() {
var i = document.getElementById("prova").value;
var mia = "3";
document.getElementById("prova").value = i+mia;
document.getElementById("prova2").value =0;
}
</script>
</td>
</tr>
<tr>
<td height="100px">
<input type="image" src="./numeri/reset.png" onclick="incrementaC()"/>
<script>
function incrementaC() {
var i = document.getElementById("prova").value;
var mia = 0;
document.getElementById("prova").value = "";
document.getElementById("prova2").value =0;
}
</script>
</td>
<td height="100px">
<input type="image" src="./numeri/0.png" onclick="incrementa0()"/>
<script>
function incrementa0() {
var i = document.getElementById("prova").value;
var mia = "0";
document.getElementById("prova").value = i+mia;
document.getElementById("prova2").value =0;
}
</script>
</td>
<td height="100px">
<input type="image" src="./numeri/invio.png" onclick="incrementaI()"/>
<script>
function incrementaI() {
var i = document.getElementById("prova2").value;
var mia = 1;
document.getElementById("prova2").value =1;
}
</script>
</td>
</tr>
</form>
</table>
</center>
</body>
</html>
DEMO
FILE ZIP
GRAZIE PER LA COLLABORAZIONE