Probleme javascript...

Fermé
Shapi - 15 sept. 2007 à 12:22
PhP Messages postés 1770 Date d'inscription lundi 11 décembre 2000 Statut Membre Dernière intervention 23 décembre 2009 - 15 sept. 2007 à 15:15
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.

1 réponse

PhP Messages postés 1770 Date d'inscription lundi 11 décembre 2000 Statut Membre Dernière intervention 23 décembre 2009 606
15 sept. 2007 à 15:15
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

<!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à
0