Probleme javascript...
Shapi
-
PhP Messages postés 1774 Statut Membre -
PhP Messages postés 1774 Statut Membre -
bonjour,
j ai un souci....j ai un formulaire dont deux champs ont par defaut une valeur réccupéré dans une base de donnée.(PHP + SQL)
dans un troisieme champs, on effectue la somme des deux premiers champs.
pour l'instant rien de bien compliquer...mais si je modifie l'un deux champ, je veux modifier la valeur de la somme instantanément...donc il faut du javascript. pour ne pas regénéré la page a chaque fois...normale.
mais comment je fais???
parceque le javascrit je ne connai que trés peu...
Merci d'avance.
j ai un souci....j ai un formulaire dont deux champs ont par defaut une valeur réccupéré dans une base de donnée.(PHP + SQL)
dans un troisieme champs, on effectue la somme des deux premiers champs.
pour l'instant rien de bien compliquer...mais si je modifie l'un deux champ, je veux modifier la valeur de la somme instantanément...donc il faut du javascript. pour ne pas regénéré la page a chaque fois...normale.
mais comment je fais???
parceque le javascrit je ne connai que trés peu...
Merci d'avance.
A voir également:
- Probleme javascript...
- Telecharger javascript - Télécharger - Langages
- A javascript error occurred in the main process - Forum Handicap / Accessibilté
- Afficher un tableau javascript en html ✓ - Forum Javascript
- Javascript arrondi - Forum Javascript
- Javascript arrondi après la virgule ✓ - Forum Windows
1 réponse
Bjr
Ben en JavaScript c'est pas très compliqué : il suffit simplement que tu donnes un identifiant à chacun de tes champs afin de pouvoir les retrouver par programmation.
Ex : ici les champs sont identifiés par leur attribut id="..." respectivement e1, e2 et r
Voilà
Ben en JavaScript c'est pas très compliqué : il suffit simplement que tu donnes un identifiant à chacun de tes champs afin de pouvoir les retrouver par programmation.
Ex : ici les champs sont identifiés par leur attribut id="..." respectivement e1, e2 et r
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" dir="ltr" lang="en">
<head>
<title>Addition</title>
<style>
body
{
font-size:10pt;
font-family:Arial;
}
</style>
<script type="text/javascript">
<!--
function Additionner(eltID_1, eltID_2, eltID_Resultat)
{
var e1 = document.getElementById(eltID_1);
var e2 = document.getElementById(eltID_2);
var r = document.getElementById(eltID_Resultat);
var a = parseInt(e1.value);
var b = parseInt(e2.value);
if (isNaN(a)) { a = 0; }
if (isNaN(b)) { b = 0; }
r.value=a+b;
}
function recalculer()
{
Additionner("e1","e2","r");
}
// -->
</script>
</head>
<body>
Savez-vous faire une addition ? LOL
<form>
<input type="text" value="0" size="5" id="e1" onKeyUp="recalculer();">+
<input type="text" value="0" size="5" id="e2" onKeyUp="recalculer();">=
<input type="text" value="0" size="5" id="r">
</form>
</html>
Voilà
