Affichage de résultat dans un paragraphe disparait tout seul instantanément !

**filtep** · 02/04/2012, 16h48

Bonjour,

je suis toujours sur ma petite fonction de calcul d'index de masse corporelle.
J'en suis à la mise en forme de la présentation du résultat.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
 
<head>
 
<title>IMC</title>
<script language="Javascript">
 
function calculimc(taille,poids){
if (isNaN(poids) || isNaN(taille)) {alert("Erreur de saisie");return};
if (parseInt(taille)!=taille) {alert("la taille doit être indiquée en cm");return}
if (taille<100||taille>230) {alert("Cette taille n'est pas cohérente pour un adulte !");return}
if (poids<30||poids>150) {alert("Ce poids n'est pas cohérent pour un adulte !");return}
tai=taille/100;
imc=(poids/(tai*tai)).toFixed(2);
document.getElementById ('affichage').innerHTML="votre IMC est égal à " + imc;
}
</script>
</head>
<body>
 
<form> Calcul d'IMC<br><br>
entrez votre taille:<br><input name="mataille"> <br><br>
entrez votre poids:<br><input name="monpoids"> <br><br>
<input type="submit" value="Calculer" onclick="calculimc(mataille.value, monpoids.value)">
</form>
 
<p id="affichage"></p>
 
</body>
</html>

Le résultat s'affiche bien dans <p> comme prévu mais disparition en une fraction de seconde.... Comme si la page se rechargeait !
Quelle bévue ai-je encore commise ?

Merci d'avance.
Philippe

**SpaceFrog** · 02/04/2012, 16h52

Ce n'est pas comme si la page se rechargeait ...
Elle se recharge, c'est le comportement par defaut d'un bouton submit
il charge la page action du form et si elle n'est pas expressément designée il prend la page actuelle comme page d'action ...

il faut inhiber ce comportement par un return false soit sur le onclick du bouton submit soit dasn el onsubmit du form

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
<input type="submit" value="Calculer" onclick="calculimc(mataille.value, monpoids.value);return false;">

ou

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<form onsubmit="return false;"

**filtep** · 02/04/2012, 16h58

OK merci beaucoup.

L'apprentissage d'un nouveau langage est passionnant ! Du nouveau chaque jour !

A+
Philippe

Affichage de résultat dans un paragraphe disparait tout seul instantanément !

JavaScript

Vue hybride

Discussions similaires

Partager

Partager