Modifier la value d'un DIV, sans qu'elle ne soit "resettée"
J'ai écrit un bout de code qui calcule une valeur et l'affiche dans un formulaire DIV
Débutant en HTML et JAVASCRIPT, j'ai une difficulté : la fonction JS est bien appelée sur l'événement, le calcul est fait, l'affichage dans le champ DIV a lieu mais est immédiatement effacé ...
Que faire pour éviter ce reset intempestif ?
Merci de votre aide
Le bout de code :
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51
|
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Formulaire test</title>
</head>
<script>
function calcul_prix(nbre_lots)
{
var le_tarif;
if (1 <=nbre_lots <= 200)
{}
else {
alert('Le nbre de lots doit être compris entre 1 et 200');
return; }
if (nbre_lots < 11){
le_tarif=130; }
else {
le_tarif=130 + (nbre_lots-10)*5; }
document.getElementById("Tarif").focus();
document.getElementById("Tarif").value=le_tarif;
//alert('Tarif = ' + le_tarif);
//document.getElementById("Tarif").style.display="block";
return false;
}
</script>
<body>
<form> <form action="/ma-page-de-traitement" method="post" onsubmit="return false;">
<div>
<label for="Nbre_Lots">Nbre de Lots :</label>
<input type="text" id="Nbre_Lots" onchange="calcul_prix(Nbre_Lots.value);"/>
</div>
<div>
<label for="Tarif">Tarif :</label>
<input type="text" id="Tarif" />
</div>
<div class="button">
<button type="submit">Envoyer votre message</button>
</div>
</form>
</html>
</body> |