Forum de discussion
Forum « Programmation Javascript » (archives)
Re: formulaire: multiplication des variables d'un formulaire et affichage resultat dans une pop up
Envoyé: 1er février 2005, 10h23 par Oznog
Non, tant que tu reste "attaché" à la fenêtre mêre, toutes les valeurs ou éléments de cette structures (DOM pour document object model) sont accèssible en Javascript sasn devoir raire une nouvelle requête au serveur (sans méthode get).
Ensuite, pourquoi un popUp, pourquoi pas un espace réservé de la même page ?
<html>
<head>
<title>Trucsweb - Test de calcul sur un formulaire</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script type="text/javascript" language="javascript">
<!--
function twMultiplier(_form) {
var nTemp = 0;
// Exemple avec champ caché
nTemp += _form.monChamp1.value * _form.maConstante1.value;
// Exemple avc valeur direct
nTemp += _form.monChamp2.value * 5.9;
nTemp += _form.monChamp3.value * 3.7;
nTemp += _form.monChamp4.value * 2.3;
document.getElementById("monResultat").innerHTML = nTemp;
}
-->
</script>
</head>
<body bgcolor="#FFFFFF">
<form name="monForm">
<div id="monResultat">null</div>
<input type="hidden" name="maConstante1" value="1.4" >
<input type="text" name="monChamp1" onblur="twMultiplier(this.form)" ><br >
<input type="text" name="monChamp2" onblur="twMultiplier(this.form)" ><br >
<input type="text" name="monChamp3" onblur="twMultiplier(this.form)" ><br >
<input type="text" name="monChamp4" onblur="twMultiplier(this.form)" ><br >
<input type="submit" name="Submit" value="Submit">
</form>
</body>
</html>
Note que tu devra ajouté des validation de nombre et peut être le format et nombre de décimal. tu trouvera les deux fonction dans ce forum.
Ciao
Oznog
Réponses
|