Accueil > Forum > > > > Création formulaire avec calculs
 Création formulaire avec calculs
jeudi 7 octobre 2004 à 10:37:56 |
Création formulaire avec calculs
orelien
|
Bonjour, j'ai un formulaire de plusieurs lignes contenant chacune 4 éléments : Libélle - prix - quantité - total En fin de page : un champ total global. Seul la quantité peut changer. J'aimerais que lors de la saisie de la quantité, le total de la ligne se mette à jour automatiquement et que le total de la page se calcul aussi. Quelqu'un peut-il m'aider ? Merci Orélien. |
|
jeudi 7 octobre 2004 à 13:28:14 |
Re : Création formulaire avec calculs
bultez
|
Bonjour, on peut faire ça de 10000 manières différentes, un ch'tit exemple "tout simple" ?
<HTML>
<HEAD>
<TITLE></TITLE>
<script type="text/javascript">
function calcul(ind)
{res[ind].value=Number(pri[ind].value)*Number(qte[ind].value);
total.value=0;
for (var n=0;n<res.length;n++)
{ total.value=Number(total.value)+Number(res[n].value); } }
</script>
</HEAD>
<BODY>
<table id="tableau"
name="tableau"
border=4>
<tr><th>article</th><th>prix</th><th>Qté</th><th>=</th></tr>
<tr><td>un</td>
<td><input type="text"
name="pri"
readonly
value="1.1"></td>
<td><input type="text"
name="qte"
onblur="calcul(0);"></td>
<td><input type="text"
name="res"
readonly
value=""></td></tr>
<tr><td>deux
<td><input type="text"
name="pri"
readonly
value="22.2"></td>
<td><input type="text"
name="qte"
onblur="calcul(1);"></td>
<td><input type="text"
name="res"
readonly
value=""></td></tr>
<tr><td>trois</td>
<td><input type="text"
name="pri"
readonly
value="333.3"></td>
<td><input type="text"
name="qte"
onblur="calcul(2);"></td>
<td><input type="text"
name="res"
readonly
value=""></td></tr>
<tr><td>quatre</td>
<td><input type="text"
name="pri"
readonly
value="4444.4"</td>
<td><input type="text"
name="qte"
onblur="calcul(3);"></td>
<td><input type="text"
name="res"
readonly
value=""></td></tr>
<tr><th>Total</th>
<td></td>
<td></td>
<td><input type="text"
name="total"
readonly
value=""></td></tr>
</table>
</BODY></HTML>
|
les calculs sont lancés dès que l'on "quitte" les champs "qté". il faudrait contrôler les qtés entrées, gérer correctement les arrondis ... Cordialement Bul. [Site] [Mail] |
|
jeudi 7 octobre 2004 à 20:14:39 |
Re : Création formulaire avec calculs
orelien
|
Merci beaucoup !
Une autre question: est-il possible de n'avoir que la zone "quantité" de modifiable par l'utilisateur et que les autres zones soient affichées sous forme de texte uniquement ?
Si non est-il possible de bloquer la saisie de la zone "prix" par exemple ?
Merci
Orélien.
|
|
jeudi 7 octobre 2004 à 22:54:47 |
Re : Création formulaire avec calculs
orelien
|
Salut,
J'avais mal vu, c'est ok pour bloquer les zones.
Je voulais savoir comment combiner tout ça à un formulaire afin de l'envoyer par mail en php ?
Si je place tout ces éléments dans une balise "FORM" cela ne fonctionne plus...
Quelqu'un as t'il une solution ?
Merci.
Orélien.
|
|
vendredi 8 octobre 2004 à 09:33:00 |
Re : Création formulaire avec calculs
bultez
|
tous les noms utilisés ( qte,pri,res...) doivent être préfixés avec le name de la form <form name="frm".... par exemple, donc frm.res[n].value, frm.qte[n].... Cordialement Bul. [Site] [Mail] |
|
vendredi 8 octobre 2004 à 23:21:28 |
Re : Création formulaire avec calculs
orelien
|
Merci !
Maintenant avec tout ça je n'arrive plus à récupérertoutes les données du formulaire dans un fichier php.
Aurais-tu une solution ?
Merci beaucoup...
Orélien.
|
|
samedi 9 octobre 2004 à 08:46:24 |
Re : Création formulaire avec calculs
|
samedi 9 octobre 2004 à 08:49:46 |
Re : Création formulaire avec calculs
bultez
|
comme parfois, le message
s'affiche mal ....
<form name="frm"
action="programme.php"
method="post"....>
ici les lignes ... avec les noms des
champs de la forme "qte[]","pri[]"...
</form>
qu'il faut gérer en javascript avec
la syntaxe : document.frm["qte[]"][n]
et soit
<input type="submit" value="envoyer">
soit
en javascript faire frm.submit()
le php gérant ces données avec
$_POST["qte"][$numero]
|
|
dimanche 10 octobre 2004 à 20:09:17 |
Re : Création formulaire avec calculs
orelien
|
Salut,
Merci pour ton aide mais aurais-tu un exemple plus concret stp, ca je suis un peu perdu dans tout ça...
Merci
Orélien.
|
|
lundi 11 octobre 2004 à 12:35:40 |
Re : Création formulaire avec calculs
|
Cette discussion est classée dans : formulaire, calculs, création, total, quantité
 Répondre à ce message
 Sujets en rapport avec ce message
calcul dans un formulaire [ par Lipton3198 ]
Bonjour, Je cherche à faire un calcul en JavaScript dans un formulaire html et je n'y arrive pas.Je veux multiplier la quantité par le montant et ad
Questions sur la création d'un formulaire [ par DOHANESSIAN ]
Bonjour,je suis en train de faire un site et je voudrais créer un formulaire...Mais je rencontre quelques petits problèmes (je précise, je suis un peu
Questions sur la création d'un formulaire [ par DOHANESSIAN ]
Bonjour,je suis en train de faire un site et je voudrais créer un formulaire...Mais je rencontre quelques petits problèmes (je précise, je suis un peu
ça ma caC la têt!!!(formulaire html sous netscape) [ par rajolalaina ]
bonjour,je voudrais savoir pouquoi mon script ne fonctionne pas sous netscape ou firefox. Le voici :functioncalculerTotal () { var total=eval(0);tot
Formulaire [ par BioSpyke ]
Bonjour, Voila j'débute et j'essai de créer un formulaire qui en gros ressemble à ça : Objet : 'liste d'objets' Quantité : 'espace où on peut ecrire'
Addition/multiplication de quantité et prix dans un formulaire [ par noursxjr ]
Bonjour à tous,je créé un formulaire assez simple en javascript qui permet de passer une commande.2 types de produits PA et PB différents2 tarifs : TA
Vérifier un formulaire [ par iomega ]
Bonjour à tous, j'ai un formulaire php qui contient 20 champs textes qui sont créer dynamiquement ces champs on le même nom en voici un exemple " la v
Calculs conditionnels dans un formulaire [ par magalidelmas ]
Bonjour,J'ai un formulaire avec un champ texte Commentaire qui doit prendre en compte plusieurs données pour afficher le résultat voulu.Comment faire
création d'un formulaire sur site avec envoi résultat par email + tableau récapitulatif [ par fcpe ]
Bonjour à tous, Je suis novice dans la création de site internet et je souhaiterais créer une page formulaire/enquete sur mon site. Je vous explique,
Formulaire avec liste de valeurs permettant le calcul du total [ par Rabbit83 ]
Bonjour, je me permets de vous soumettre mon problème, étatnt un débutant en javascript. Je souhaite construire un formulaire dans lequel l'utilisateu
 Livres en rapport
|
Derniers Blogs
 JOYEUX ANNIVERSAIRE NIXJOYEUX ANNIVERSAIRE NIX par ebartsoft
Souhaitons un bon et joyeux anniversaire à notre hôte à tous, Nix.
Je ne le répéterais jamais assez mais sans lui rien ne serait possible. Il défit en permanence les lois de la gravité et comme il le dit si bien, si tu lui fais confiance ça devra...
Cliquez pour lire la suite de l'article par ebartsoft IMAGINE CUP 2012, MAKE A SIGN EN FINALEIMAGINE CUP 2012, MAKE A SIGN EN FINALE par junarnoalg
Voilà qui est fait, la nouvelle est officielle ! L'équipe belge "Make a Sign" va au pays des kangourous défendre son projet dans la catégorie Software Design. http://www.imaginecup.com/CompetitionsContent/Competition/WorldwideFinalists.aspx V...
Cliquez pour lire la suite de l'article par junarnoalg KINECT 1.5 IS OUT !KINECT 1.5 IS OUT ! par Vko
La version 1.5 du Kinect For Microsoft vient tout juste de sortir ! Plein de nouveautés: Tracking de squelette en Near Mode Détection en position assise Détection faciale avec un SDK dédié Documentation et des guideline (enfin) Un out...
Cliquez pour lire la suite de l'article par Vko LES ACTUALITéS DE LA SEMAINE SUR C2I.FR (14 MAI - 20 MAI) LES ACTUALITéS DE LA SEMAINE SUR C2I.FR (14 MAI - 20 MAI) par richardc
Mise à jour des Web API du 14 Mai
Réservez dès maintenant votre journée du 20 juin pour le Windows Azure Dev Camp 2012 à Paris
Mise à jour de Team Foundation Service
MechCommander 2 sur Windows 8
Entity Framework 5 Release Candidate e...
Cliquez pour lire la suite de l'article par richardc REACTIVE EXTENSIONS : CONSOMMER DES SERVICES AVEC RX PARTIE 3, LES PIèGES à éVITERREACTIVE EXTENSIONS : CONSOMMER DES SERVICES AVEC RX PARTIE 3, LES PIèGES à éVITER par Groc
Une mauvaise utilisation de rx lors de l'écriture d'une couche d'accès à des services peut conduire à des cas embarassants avec des erreurs mal gérées, des appels qui ne partent lorsqu'ils le devraient, et même des résultats incorrects . le tout nuis...
Cliquez pour lire la suite de l'article par Groc
Forum
 UTILISER UN .JSUTILISER UN .JS par zaikoe
Cliquez pour lire la suite par zaikoe
Logiciels
 sDEVIS-FACTURES vlPRO (8.1.0.3)SDEVIS-FACTURES VLPRO (8.1.0.3)sDEVIS-FACTURES vlPRO a été mis au point pour les particuliers, créateurs, entrepreneurs, artisa... Cliquez pour télécharger sDEVIS-FACTURES vlPRO 974 Application Server (12.2.4.6)974 APPLICATION SERVER (12.2.4.6)Développez de puissantes applications dans un environnement de 'cloud computing', clusterisé, séc... Cliquez pour télécharger 974 Application Server vPicture (1.4.2.1)VPICTURE (1.4.2.1)Avec vPicture, hébergez vos images facilement et rapidement.
vPicture est un utilitaire simple, ... Cliquez pour télécharger vPicture Easy-Planning (2.2.1.6)EASY-PLANNING (2.2.1.6)Easy-Planning permet de créer des plannings sous la représentation de diagrammes et est adapté au... Cliquez pour télécharger Easy-Planning COM-BACKUP (2.0)COM-BACKUP (2.0)
COM-BACKUP est un logiciel de sauvegarde qui permet de planifier les sauvegardes de vos dossiers ...
Cliquez pour télécharger COM-BACKUP
|