[Javascript] Problema con reset
Ci sono a dietro da due ore e non riesco a trovare il baco in questo pezzettino di codice di Javascript (serve per il ricamo a punti contati, ma non è importante questo). Avviene il reset della form anche quando non si preme il pulsante di reset, ad esempio quando si cliak il tasto "Calcola!" dovrebbero uscire i numeri calcolati e restare lì, invece il form viene resettato subito. Ho provato anche a togliere tutto il codice e il pulsante di rest, ma fa lo stesso questo difetto.... Sto sclerandoci, grazie a chi mi dà una mano!!!!!!!!!
Codice:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//IT">
<html>
<head>
<title>Calcola la grandezza del tuo ricamo by xmcarter@email.it</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript1.2" type="text/javascript">
<!--
function ClearForm(form){
form.larghpunti.value = "";
form.lunghpunti.value = "";
form.larghcm.value = "";
form.lunghcm.value = "";
}
function checkform(form) {
if (form.larghpunti.value==0||form.lunghpunti.value==0){
alert("\nPer favore, inserisci i punti.");
return false;
}
else if (form.tela.value==0){
alert("\nPer favore, scegli il tipo di tela.");
return false;
}
else return true;
}
function calcolatela(misuratela, punti){
cm = 10*(punti/misuratela);
return cm;
}
function calcola(form) {
if (checkform(form)){
form.larghcm.value=calcolatela(form.tela.value, form.larghpunti.value);
form.lunghcm.value=calcolatela(form.tela.value, form.lunghpunti.value);
}
return;
}
-->
</script>
<script>
<!--
function printpage() {
if (window.print) {
window.print();
} else {
alert('Attenzione: il tuo browser non supporta questa funzione. Usa il menù per stampare.');
}
}
// -->
</script>
<style type="text/css">
<!--
.nonsottolineato {
text-decoration: none;
a, a:hover, a:visited{
text-decoration: none;}
}
-->
</style>
</head>
<body>
<form method="post" name="puntocroce">
<table width="100%" border="1">
<tr>
<td width="32%">Larghezza (in punti)</td>
<td width="31%">Lunghezza (in punti)</td>
<td width="37%">Tipo di tela</td>
</tr>
<tr>
<td><input name="larghpunti" onfocus="this.form.larghpunti.value=''"></td>
<td><input name="lunghpunti" onfocus="this.form.lunghpunti.value=''"></td>
<td><select name="tela" id="tela" onfocus="this.form.tela.value=''">
<option value="0" selected>seleziona la tela</option>
<option value="44">Aida 44</option>
<option value="55">Aida 55</option>
<option value="72">Aida 72</option>
<option value="92">Hardanger 92</option>
<option value="46">Hardange 46</option>
<option value="110">Emiane</option>
<option value="73">Belfast</option>
</select></td>
</tr>
<tr>
<td> </td>
<td> </td>
<td><input onclick="calcola(form)" type="submit" value="Calcola!"></td>
</tr>
<tr>
<td>Larghezza (in cm)</td>
<td>Lunghezza (in cm)</td>
<td> </td>
</tr>
<tr>
<td><input name="larghcm" type="text" id="larghcm"></td>
<td><input name="lunghcm" type="text" id="lunghcm"></td>
<td><a href="#" onClick="printpage(); return false">
<input name="stampa" type="button" class="nonsottolineato" id="stampa" value="Stampa">
</a></td>
</tr>
<tr>
<td> </td>
<td> </td>
<td>
<input onclick="ClearForm(this.form)" value="Cancella" type="reset"></td>
</tr>
</table>
</form>
<p> </p>
</body>
</html>