Accueil > Forum > > > > Formulaire avec liste de valeurs permettant le calcul du total
Formulaire avec liste de valeurs permettant le calcul du total
mardi 19 mai 2009 à 18:10:05 |
Formulaire avec liste de valeurs permettant le calcul du total

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'utilisateur sélectionne une valeur dans une liste. Suivant ll'item sélectionné, la valeur diffère et est ajoutée au total. J'ai trouvé un script qui marche bien sur internet, mais il ne fonctionne qu'avec des boîtes à cocher ou des boutons radio. J'ai essayé de le modifier avec le tag select , mais je n'y arrive pas. Je soupçonne bien que j'ai du faire une erreur de syntaxe, mais un peu d'aide pour le novice que je suis serait très appréciée. Je vous joins le code ci-dessous ( j'ai laissé les noms de valeurs d'origine pour les boutons radio). Merci d'avance de vos réponses. Votre montage
Supplément : 1 séquence 2 séquences 3 séquences 4 séquences 5 séquences 6 séquences 7 séquences
Your total is: |
|
|
mardi 19 mai 2009 à 18:17:54 |
Re : Formulaire avec liste de valeurs permettant le calcul du total

Rabbit83
|
... heu, je commence mal ! Pouvez-vous me dire comment faire pour que le code s'affiche sous forme de code et non de résultat ? Javascript:Insert_Emoticon('/imgs2/smile_blush.gif');
|
|
mardi 19 mai 2009 à 20:07:12 |
Re : Formulaire avec liste de valeurs permettant le calcul du total
|
mardi 19 mai 2009 à 20:12:21 |
Re : Formulaire avec liste de valeurs permettant le calcul du total

PetoleTeam
|
Bonjour, tiens le message a disparu ??????? Je disais donc d'utiliser la TexteBox classic en cliquant sur le lien en dessous de la zone d'édition ;O)
|
|
mardi 19 mai 2009 à 20:26:54 |
Re : Formulaire avec liste de valeurs permettant le calcul du total

Rabbit83
|
J'espère que le code va passer cette fois...
//<script type="text/javascript">
/*
Kevin Hartig :: http://www.grafikfx.net/
*/
// Calculate the total for items in the form which are selected.
function calculateTotal(inputItem) {
with (inputItem.form) {
// Process each of the different input types in the form.
if (inputItem.type == "radio") { // Process radio buttons.
// Subtract the previously selected radio button value from the total.
calculatedTotal.value = eval(calculatedTotal.value) - eval(previouslySelectedRadioButton.value);
// Save the current radio selection value.
previouslySelectedRadioButton.value = eval(inputItem.value);
// Add the current radio button selection value to the total.
calculatedTotal.value = eval(calculatedTotal.value) + eval(inputItem.value);
} else { // Process check boxes.
if (inputItem.checked == false) { // Item was uncheck. Subtract item value from total.
calculatedTotal.value = eval(calculatedTotal.value) - eval(inputItem.value);
} else { // Item was checked. Add the item value to the total.
calculatedTotal.value = eval(calculatedTotal.value) + eval(inputItem.value);
}
}
// Total value should never be less than 0.
if (calculatedTotal.value < 0) {
InitForm();
}
// Return total value.
return(formatCurrency(calculatedTotal.value));
}
}
// Format a value as currency.
function formatCurrency(num) {
num = num.toString().replace(/\$|\,/g,'');
if(isNaN(num))
num = "0";
sign = (num == (num = Math.abs(num)));
num = Math.floor(num*100+0.50000000001);
cents = num%100;
num = Math.floor(num/100).toString();
if(cents<10)
cents = "0" + cents;
for (var i = 0; i < Math.floor((num.length-(1+i))/3); i++)
num = num.substring(0,num.length-(4*i+3)) + ',' + num.substring(num.length-(4*i+3));
return (((sign)?'':'-') + '¤' + num + '.' + cents);
}
// This function initialzes all the form elements to default values.
function InitForm() {
// Reset values on form.
document.selectionForm.total.value='¤0';
document.selectionForm.calculatedTotal.value=0;
document.selectionForm.previouslySelectedRadioButton.value=0;
// Set all checkboxes and radio buttons on form to unchecked.
for (i=0; i < document.selectionForm.elements.length; i++) {
if (document.selectionForm.elements[i].type == 'checkbox' | document.selectionForm.elements[i].type == 'radio') {
document.selectionForm.elements[i].checked = false;
}
}
}
</script>
<body onload="InitForm();" onreset="InitForm();">
<table><tr><td>
<form method="POST" name="selectionForm">
<b>Votre montage</b><br>
<SELECT name="fonction">
<Option VALUE="10">une séquence</OPTION>
<Option VALUE="20">2 séquences</OPTION>
< Option VALUE="30">3 séquences</OPTION>
<Option VALUE="40"> 4 séquences</OPTION>
<Option VALUE="50">5 séquences</OPTION>
onclick="this.form.total.value=calculateTotal(this);
</SELECT>
<br><br>
<b>Supplément :</b> <br>
<input type="radio" name="Sauce" value="50.00" onclick="this.form.total.value=calculateTotal(this);"> 1 séquence
<br>
<input name="Sauce" type="radio" value="100.00" onclick="this.form.total.value=calculateTotal(this);"> 2 séquences
<br>
<input type="radio" name="Sauce" value="150.00" onclick="this.form.total.value=calculateTotal(this);"> 3 séquences
<br>
<input type="radio" name="Sauce" value="200.00" onclick="this.form.total.value=calculateTotal(this);"> 4 séquences
<br>
<input type="radio" name="Sauce" value="250.00" onclick="this.form.total.value=calculateTotal(this);"> 5 séquences
<br>
<input type="radio" name="Sauce" value="300.00" onclick="this.form.total.value=calculateTotal(this);"> 6 séquences
<br>
<input type="radio" name="Sauce" value="350.00" onclick="this.form.total.value=calculateTotal(this);"> 7 séquences
<br>
<br>
<input type="hidden" name="calculatedTotal" value="0">
<input type="hidden" name="previouslySelectedRadioButton" value="0">
<strong>Your total is:</strong>
<input type="text" name="total" readonly onfocus="this.blur();">
</form>
</td></tr></table>//
|
|
mardi 19 mai 2009 à 22:45:58 |
Re : Formulaire avec liste de valeurs permettant le calcul du total

PetoleTeam
|
Bonjour,
| Je soupçonne bien que j'ai du faire une erreur de syntaxe |
| il semblerait effectivement <form method="POST" name="selectionForm"> <b>Votre montage</b><br> <select name="fonction" onclick="this.form.total.value=calculateTotal(this);"> <option value="10">une séquence</option> <option value="20">2 séquences</option> <option value="30">3 séquences</option> <option value="40">4 séquences</option> <option value="50">5 séquences</option> </select> //et la suite l'événement doit être dans la balise SELECT et non à l'extérieur
Sans préjuger du reste... ;O)
|
|
vendredi 22 mai 2009 à 09:53:12 |
Re : Formulaire avec liste de valeurs permettant le calcul du total

Rabbit83
|
Ca marche parfaitement ! Mille mercis Je savais que j'avais encore BEAUCOUP à apprendre ! Pouvez-vous me conseiller un bon bouquin pour démarrer ? Merci d'avance
|
|
Cette discussion est classée dans : formulaire, liste, valeurs, total, séquences
Répondre à ce message
Sujets en rapport avec ce message
Formulaire qui calcul [ par twinsen60 ]
BonjourJ'aimerai faire une sorte de formulaire, avec des champs a remplir par le biais de "liste déroulante".Suivant mon choix de ma liste, j'ai plusi
Afficher valeur de plusieurs liste deroulante [ par danvy ]
Bonjour a tous,voila je cherche à afficher, dans un calque de ma page html, les valeurs de mes listes deroulante. J'ai 2 listes deroulantes et je voud
Checkbox et formulaire dynamique [ par petitelarve ]
bonjour, Je cherche un moyen d'afficher des liste et des textearea suite au check sur une checkbox.Par exemble , si on click sur la checkbox Auteur,
Fonction Javascript [ par yacouba85 ]
Bonjour je voulais savoir s'il était possible d'insérer du code PHP dans une fonction javascript? comme ceci: function sauvegarder(formulaire, liste)
Recuperer des valeurs d'un formulaire pour creer une requete mysql [ par Ze_lola ]
Bonjour a tous! Alors voila j'ai un petit problème concernant ajax:il faut que je recupere des valeurs d'un formulaire et que je les réincjecte dans u
ferification d'un formulaire [ par nacer_1954 ]
Bonjour; j'ai fait un petit formulaire ou il ya des bouton radio et un champ a remplir et aussi une liste deroulante. je veut faire a ce que si l
script de verification formulaire [ par nacer_1954 ]
SVP j'ai un formulaire ou il ya des boutons radios et un champ de sais
verification formulaire [ par nacer_1954 ]
SVP j'ai un formulaire ou il ya des boutons radios et un champ de saisie et une liste deroulante. j'ai des affaire qui sont dans une base de don
ç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 interactif [ par Ankaa1988 ]
Bonjour a tous,je voudrais creer un formulaire "interactif"en fait, il se composerait d'une liste déroulante (ex: 1 puis 2 etc)et d'un champs de texte
Livres en rapport
|
Derniers Blogs
[MIX10] KEYNOTE DEUXIèME JOURNéE - INTERNET EXPLORER 9, HTML5, VISUAL STUDIO 2010, ODATA[MIX10] KEYNOTE DEUXIèME JOURNéE - INTERNET EXPLORER 9, HTML5, VISUAL STUDIO 2010, ODATA par cyril
Le deuxième keynote du mix fut très riche en contenu. Internet Explorer 9 Juste un après le lancement de Internet Explorer 8, Microsoft a dévoilé les nouveautés de Internet Explorer 9. Désormais, IE supportera HTML5, SVG et CSS3. L'élément ...
Cliquez pour lire la suite de l'article par cyril CERTIFICATIONS BETA .NET 4CERTIFICATIONS BETA .NET 4 par KooKiz
Les inscriptions pour les certifications beta .NET 4 ont commencé. L'inscription est offerte pour les examens suivants : - 71-511, TS: Windows Applications Development with Microsoft .NET Framework 4 - 71-515, TS: Web Applications Development with...
Cliquez pour lire la suite de l'article par KooKiz [MIX 2010] - MICROSOFT TRANSLATOR TECHNOLOGY PREVIEW V2[MIX 2010] - MICROSOFT TRANSLATOR TECHNOLOGY PREVIEW V2 par redo
J'imagine que la plupart d'entre vous connaissent bien et utilisent le service de traduction de Google, mais connaissez-vous celui de Microsoft . Microsoft Translator ? Effectivement, Microsoft nous annoncé le lancement version 2 de la Technologie Preview...
Cliquez pour lire la suite de l'article par redo LANCEMENT EN PREVIEW DE CYCLONE LORS DES TECHDAYS 2010!LANCEMENT EN PREVIEW DE CYCLONE LORS DES TECHDAYS 2010! par MPOWARE
Toutes les vidéos de ce lancement sont en ligne!
Partie I - Intro
http://www.youtube.com/watch?v=LkQzTQ8T6CA
Partie II - Démo 1
http://www.youtube.com/watch?v=drAhYQ7lqvo
Partie III - Démo 2
http://www.youtube.com/watch?v=c8KM_1Gqybc...
Cliquez pour lire la suite de l'article par MPOWARE [WP7] JE NE VEUX PAS D'UN NOUVEL IPHONE[WP7] JE NE VEUX PAS D'UN NOUVEL IPHONE par FREMYCOMPANY
Je pense qu'ils ont besoin d'une piqure de rappel chez Microsoft : c'est bien gentil d'avoir une interface jolie, mais si c'est pour avoir un truc qui ne convainct pas dedans, c'est peine perdue.
---->
Système ouvert ----> Fermé ?
P...
Cliquez pour lire la suite de l'article par FREMYCOMPANY
Logiciels
Academy System (10.9.4.0)ACADEMY SYSTEM (10.9.4.0)Logiciel de gestion des établissements.
- élèves/étudiants (inscription, dossier, absence...)
-... Cliquez pour télécharger Academy System Xilisoft Convertisseur Vidéo Ultimate (5.1.39.0305)XILISOFT CONVERTISSEUR VIDéO ULTIMATE (5.1.39.0305)Xilisoft Convertisseur Vidéo Ultimate est un outil puissant de conversion vidéo, facile à utilise... Cliquez pour télécharger Xilisoft Convertisseur Vidéo Ultimate Xilisoft DVD Ripper Ultimate (5.0.64.0304)XILISOFT DVD RIPPER ULTIMATE (5.0.64.0304)Xilisoft DVD Ripper Ultimate est un logiciel excellent pour copier et convertir DVD vers presque ... Cliquez pour télécharger Xilisoft DVD Ripper Ultimate Rigs of Rods (63.3)RIGS OF RODS (63.3)c'est un jeu de multi-simulation camions,autobus voitures, avions, bateaux, hélicoptère avec défo... Cliquez pour télécharger Rigs of Rods
|