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
XNA IS DEAD!XNA IS DEAD! par richardc
Depuis la semaine dernière (et grâce aux TechDays 2012), je me penche activement sur la nouvelle version de Windows, aka Windows 8. Vous me direz, il était temps puisque la première preview date de Septembre dernier.
OK. Remarquez, on n'en est qu'aux...
Cliquez pour lire la suite de l'article par richardc TECHDAYS PARIS 2012 : WINDOWS SERVER "8" QUOI DE 9 !TECHDAYS PARIS 2012 : WINDOWS SERVER "8" QUOI DE 9 ! par ROMELARD Fabrice
Speakers: Fabrice Meillon et Stanislas Quastana Cette session est basée entièrement sur celle donnée lors de la BUILD cet hiver. Il n'y a pas d'ajout d'information en rapport avec cet évènement passé. Windows 8 Server sera intégralem...
Cliquez pour lire la suite de l'article par ROMELARD Fabrice [HTML5] AUTOUR DU W3C : NOUVEAUX STANDARDS ET WEB MOBILE (LILLE)[HTML5] AUTOUR DU W3C : NOUVEAUX STANDARDS ET WEB MOBILE (LILLE) par Gio
Je m'y prends un peu tard je sais, mais bon je suis développeur web et donc hyper fainéant ! Toujours dans le cadre des technologies émergentes, ici HTML5, parce qu'on aime HTML5 chez Wyg , nous seront présent, le vieux ( Aurélien V.) et moi, pour pr...
Cliquez pour lire la suite de l'article par Gio [WP7] DYNAMICALLY CHANGE STARTUP PAGE[WP7] DYNAMICALLY CHANGE STARTUP PAGE par KooKiz
Let's say that you want to allow the user to customize the startup page of your application. You can easily change the startup page by editing the 'NavigationPage' attribute in the manifest file. But the manifest cannot be modified once the applicatio...
Cliquez pour lire la suite de l'article par KooKiz
Logiciels
DocTranslate (V3.1.0.0)DOCTRANSLATE (V3.1.0.0)DocTranslate est un traducteur de document Microsoft Word, PowerPoint et Excel. Il permet d'autom... Cliquez pour télécharger DocTranslate Tribler (2012)TRIBLER (2012)Tribler est un client pair à pair (P2P/Peer-to-Peer) open source avec la capacité de regarder des... Cliquez pour télécharger Tribler OneSwarm (2012)ONESWARM (2012)Le peer-to-peer qui protège votre vie privée, c'est OneSwarm.
Ce logiciel de peer-to-peer crypté... Cliquez pour télécharger OneSwarm PONAMEDIA PREMIUM - HELLLOOO FLASH DEMO (V8.4)PONAMEDIA PREMIUM - HELLLOOO FLASH DEMO (V8.4)PONAMEDIA TV DEVIENS HELLLOOO FLASH
LA TV SUR VOTRE ORDINATEUR.
Toute une plateforme Multi... Cliquez pour télécharger PONAMEDIA PREMIUM - HELLLOOO FLASH DEMO Academy System (17.2.1.0)ACADEMY SYSTEM (17.2.1.0)Logiciel de gestion des établissements.
- élèves/étudiants (inscription, dossier, absence...)
-... Cliquez pour télécharger Academy System
|