Forum « Re: devis et listes déroulantes avec twSomme »

Forum « Programmation Javascript » (archives)

Re: devis et listes déroulantes avec twSomme

Envoyé: 5 mars 2005, 11h35 par Oznog

Salut,

Tout se fait ici : onChange="somme()">

Mais prend l'habitude de passer tes valeurs. Tu as tout ses détails dans la section Javasscript des Trucsweb.

Tu passe la liste elle même avec "this".

onChange="somme(this)"

Ensuite, dans la fonction, l,objet devient "oSel". Tu boucle les ontions (i<oSel.length) tu test s'il est sélectionné (oSel[i].selected) et valide (!isNaN). Si oui, tu aditionne en t'assurant de le "parseFloat" avant (sinon ça fait une chaîne de caractère).

<html>
<head>
<title>twSomme</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script>
function twSomme(oSel) {
// Script gratuit des Trucsweb.com
var nSomme = 0;
for (var i=0; i<oSel.length; i++) {
if (oSel[i].selected&&!isNaN(oSel[i].value)) nSomme += parseFloat(oSel[i].value);
}
document.monFormulaire.maSomme.value = nSomme;
}
</script>
</head>

<body bgcolor="#FFFFFF">
<form name="monFormulaire" >
<input type="text" size="7" name="maSomme" ><br >
<select name="maListe" size="4" multiple onChange="twSomme(this)">
<option value="1">Valeur 1</option>
<option value="2">Valeur 2</option>
<option value="3">Valeur 3</option>
<option value="4">Valeur 4</option>
</select>

</form>
</body>
</html>

Ciao
Oznog