begin process at 2012 05 29 01:16:44
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

CSS

 > 

Général

 > 

Calculs javascript


Derniers messages déposésPoser une question dans le forum ou lancer une discussion

Calculs javascript

mercredi 17 janvier 2007 à 00:10:30 | Calculs javascript

nikeman13

Bonjour ! J'aimerais mettre sur mon site un petit système de calculs .
Voila ce que je veux faire :
Quantité d'objet 1 voulu [____]
Quantité d'objet 2 voulu [____]
Quantité d'objet 3 voulu [____]
En sachant que Objet1 vaut 9 euro , objet2 vaut 12 euro et objet3 vaut 17 euro.
Et multiplier chaque prix d'objet par la quantité voulu et
mette une case prix total [___]

Quelqu'un pourrait m'aider a faire cela ?
mercredi 17 janvier 2007 à 04:37:39 | Re : Calculs javascript

rubiks10

Membre Club
Salut

bon ben je t'ai fais un petit exemple concret....
Voici le code html

<html>
    <head>
        <script type="text/javascript">
            function isInteger(event) {
                var keyCode = !window.event ? event.which : event.keyCode;
                if( (keyCode == 13)||
                    ( keyCode >= 48 && keyCode <= 57)||
                    (keyCode == 8)||
                    (keyCode == 0) ) {
                    if (window.event)
                        event.returnValue = true;
                    return true;
                }
                else {
                    if (window.event)
                        event.returnValue = false;
                    else return false;
                }
            }
            function calcule(f) {
                var q1 = f.obj1.value == "" ? 0 : f.obj1.value;
                var q2 = f.obj2.value == "" ? 0 : f.obj2.value;
                var q3 = f.obj3.value == "" ? 0 : f.obj3.value;
                f.total.value = q1*9 + q2*12 + q3*17;
            }
        </script>
    </head>

    <body>
        <form id="calcul" action="#">
            <span>Quantité d'objet 1 voulu (9€) :</span>
            <input type="text" name="obj1" id="obj1" onkeypress="return isInteger(event)" onkeyup="calcule(this.form)" />
            <br />
           
            <span>Quantité d'objet 2 voulu (12€) :</span>
            <input type="text" name="obj2" id="obj2" onkeypress="return isInteger(event)" onkeyup="calcule(this.form)" />
            <br />
           
            <span>Quantité d'objet 3 voulu (17€) :</span>
            <input type="text" name="obj3" id="obj3" onkeypress="return isInteger(event)" onkeyup="calcule(this.form)" />
            <br />
            <br />
            <span>Prix total :</span>
            <input type="text" name="total" id="total" disabled="disabled" />
        </form>
    </body>
</html>


Voilà bonne prog
@+

-- The Rubik's Man --
jeudi 18 janvier 2007 à 01:40:12 | Re : Calculs javascript

nikeman13

Ah merci beaucoup! Cela me fait vraiment plaisir ! Mais dernière petite chose  , peut-on enlever 10 % lorsque plus de 50 euro  20 % lorsque 100 euro et plus et 30% lorsque 200 euros et plus ? Si oui, comment faire ?

jeudi 18 janvier 2007 à 11:13:27 | Re : Calculs javascript

rubiks10

Membre Club
Salut. Oui en effet c'est facile !!! voilà donc le code html final de ce que tu veux :


<html>
    <head>
        <script type="text/javascript">
            function isInteger(event) {
                var keyCode = !window.event ? event.which : event.keyCode;
                if( (keyCode == 13)||
                    ( keyCode >= 48 && keyCode <= 57)||
                    (keyCode == 8)||
                    (keyCode == 0) ) {
                    if (window.event)
                        event.returnValue = true;
                    return true;
                }
                else {
                    if (window.event)
                        event.returnValue = false;
                    else return false;
                }
            }
            function calcule(f) {
                var q1 = f.obj1.value == "" ? 0 : f.obj1.value;
                var q2 = f.obj2.value == "" ? 0 : f.obj2.value;
                var q3 = f.obj3.value == "" ? 0 : f.obj3.value;
                f.total.value = q1*9 + q2*12 + q3*17;
               
                if (f.total.value > 50 && f.total.value < 100)
                    f.final.value = f.total.value - f.total.value*10/100;
                else if (f.total.value > 100 && f.total.value < 200)
                    f.final.value = f.total.value - f.total.value*20/100;
                else if (f.total.value > 200)
                    f.final.value = f.total.value - f.total.value*30/100;
                else
                    f.final.value = f.total.value;
            }
        </script>
    </head>

    <body>
        <form id="calcul" action="#">
            <span>Quantité d'objet 1 voulu (9€) :</span>
            <input type="text" name="obj1" id="obj1" onkeypress="return isInteger(event)" onkeyup="calcule(this.form)" />
            <br />
           
            <span>Quantité d'objet 2 voulu (12€) :</span>
            <input type="text" name="obj2" id="obj2" onkeypress="return isInteger(event)" onkeyup="calcule(this.form)" />
            <br />
           
            <span>Quantité d'objet 3 voulu (17€) :</span>
            <input type="text" name="obj3" id="obj3" onkeypress="return isInteger(event)" onkeyup="calcule(this.form)" />
            <br />
            <br />
            <span>Prix total :</span>
            <input type="text" name="total" id="total" disabled="disabled" />
            <br />
            <span>Prix final (avec réduction) :</span>
            <input type="text" name="final" id="final" disabled="disabled" />
        </form>
    </body>
</html>


@+

-- The Rubik's Man --


Cette discussion est classée dans : javascript, objet, calculs, quantité, euro


Répondre à ce message

Sujets en rapport avec ce message

javascript et style pour formulaire [ par scguillaume ] comment appliquer un style (CSS) à un objet de formulaire (type liste) sur l'envenement ONCLICK d'un autre objet du formulaire (type radio)?merci puce dans javascript [ par spacecool ] je cherche un moyen d'écrire dans un editeur de texte fait en javascript, des puces et des numérotations. Je possède un code (que j'ai trouvé ici d'ai erreur objet attendu sur un javascript [ par jami79 ] Bonjour Je suis un débutant et je viens de créer un site mais j'ai un problème que je ne sais pas résoudre . J'ai une erreure objet attendu sur un dia [javascript] l'objet history [ par cinetryx ] Salut a tous, je cherche un moyen de recuperer les adresses referencer dans l'objet history, je vousdrais donc savoir si c possible et ou sinon est-c Bug dans les calculs javascript? [ par fr64 ] Bonjour,J'essaie de faire le calcul suivant en javascript (par exemple dans la console javascript de Firefox):1*8.86+2*15.31Le résultat est surprenant Objet TDC activeX , recuperation valuer DATAFLD pour la placer dans une variable JavaScript [ par hambis ] Bonjour a tous Si vous pouvez m aider au problème suivant : J utilise l objet TDC Active X (I.Expl.) pour afficher une liste d articles contenu dans u Récreer un scroll bar avec 3 buttons ( images ) en javascript [ par issam250d ] Bonjour tout le monde, Je ne sais pas est ce que ma requête est dans le bon endroit. J'ai un code pour créer un ascenseur personnalité grâce à des but y'a il un lien entre php et javascript? [ par rachidphp93 ] bonjour, je voudrai faire tout les calculs et les contrôles avec javascript, sauf que : quand j'interroge une base de donnee je suis obligé de le fai stocker objet javascript dans noeud DOM [ par Guillemouze ] salut a tous.J'ai plusieurs solutions possibles a mon problème, mais je ne sais pas si elles sont faisables en javascript.Alors voila l'histoire : j'a Création formulaire avec calculs [ par orelien ] Bonjour,j'ai un formulaire de plusieurs lignes contenant chacune 4 éléments :Libélle - prix - quantité - totalEn fin de page : un champ total global.S


Nos sponsors


Sondage...

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

A découvrir



 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,452 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales