CONNEXION
  • RetourJeux
    • Sorties
    • Hit Parade
    • Les + populaires
    • Les + attendus
    • Soluces
    • Tous les Jeux
    • Gaming
  • RetourActu Gaming
    • News
    • Astuces
    • Tests
    • Previews
    • Toute l'actu gaming
  • RetourBons plans
    • Bons plans
    • Bons plans Smartphone
    • Bons plans Hardware
    • Bons plans Image et Son
    • Bons plans Amazon
    • Bons plans Cdiscount
    • Bons plans Decathlon
    • Bons plans Fnac
    • Tous les Bons plans
  • RetourJVTech
    • Actus High-Tech
    • Intelligence Artificielle
    • Smartphones
    • Mobilité urbaine
    • Hardware
    • Image et son
    • Tutoriels
    • Tests produits High-Tech
    • Guides d'achat High-Tech
    • JVTech
  • RetourCulture
    • Actus Culture
    • Culture
  • RetourVidéos
    • A la une
    • Gaming Live
    • Vidéos Tests
    • Vidéos Previews
    • Gameplay
    • Trailers
    • Chroniques
    • Replay Web TV
    • Toutes les vidéos
  • RetourForums
    • Hardware PC
    • PS5
    • Switch 2
    • Xbox Series
    • Switch
    • Pokemon pocket
    • FC 25 Ultimate Team
    • League of Legends
    • Tous les Forums
  • PC
  • PS5
  • Xbox Series
  • Switch 2
  • PS4
  • One
  • Switch
  • iOS
  • Android
  • MMO
  • RPG
  • FPS
En ce moment Genshin Impact Valhalla Breath of the wild Animal Crossing GTA 5 Red dead 2
Liste des sujets

Javascript et multiplications

lourdeau44
lourdeau44
Niveau 5
21 mars 2005 à 15:59:57

Bonjour,

je suis en train de faire une page de calcul de prix, et je bloque :( ( je connais pas du tout le javascript, patapay ^^)

J´ai donc un formulaire qui me permet de calculer un total, suivant si on a coché ou pas des checkboxs. Ca additionne donc la valeur donné a mon checkbox, jusque la ca baigne.

La ou j´ai mon probleme, c´est que je veux mettre a coté du checkbox un autre champ, ou l´utilisateur vient mettre le nombre de personnes qui vont faire l´activité du checkbox.
Il faut donc, pour le total, que le 1er checkbox se multiplie avec l´autre champ, la. Et ca bloque :/

Voila ce que j´ai chopé a gauche a droite sur le woueb, et les modifs apportés :

< br>
Nombre de personnes<input type="textarea" name="qte3" value="0" OnClick="calculette()" >
< br>
Golf<input type="checkbox" name="achat3" value="0" OnClick="calculette()">
< br>

et

if ( caddie.achat3.checked)
total+=(500*qte3)

Donc la, comme ca, ca me sort une erreur.

Help, si y a quelqu´un qui peut m´aider ^^

videogameplayer
videogameplayer
Niveau 10
21 mars 2005 à 18:10:50

ca dit quoi l´erreur?

lourdeau44
lourdeau44
Niveau 5
21 mars 2005 à 21:22:07

J´ai trouvé bien mieux, finalement ^^ :

une sorte de tableur qui me permet de faire une bien meilleure présentation.

J´ai d´autres problèmes, du coup :D Par contre ça me permet de voir que via les javascripts, on peut vraiment faire plein de trucs!

Alors, déjà voila mon script ( trouvé sur le net, pis j´ai déjà pas mal arrangé pour mes besoins) ( attention, c´est plus gros la =D):

< html>
< head>
<title>frame_tarif_test</title>

<script language="JavaScript"><!--
function Initialize(i) {
if ( i==1) {document.getElementById("tot1").value =""};
if ( i==2) {document.getElementById("tot2").value =""};
if ( i==3) {document.getElementById("tot3").value =""};
if ( i==4) {document.getElementById("tot3").value =""};
if ( i==5) {document.getElementById("tot3").value =""};
if ( i==6) {document.getElementById("tot3").value =""};
document.getElementById("total").value ="";
}
function NoAction(i,txt) {
if ( i==1) {document.getElementById("tot1").value =txt};
if ( i==2) {document.getElementById("tot2").value =txt};
if ( i==3) {document.getElementById("tot3").value =txt};
if ( i==4) {document.getElementById("tot4").value =txt};
if ( i==5) {document.getElementById("tot5").value =txt};
if ( i==6) {document.getElementById("tot6").value =txt};
if ( i==0) {document.getElementById("total").value =txt};
}
function AddEach(){
var
a1=parseFloat(document.getElementById("val1").valu
e);
var
b1=parseFloat(document.getElementById("nbr1").valu
e);
var
a2=parseFloat(document.getElementById("val2").valu
e);
var
b2=parseFloat(document.getElementById("nbr2").valu
e);
var
a3=parseFloat(document.getElementById("val3").valu
e);
var
b3=parseFloat(document.getElementById("nbr3").valu
e);
var
a4=parseFloat(document.getElementById("val4").valu
e);
var
b4=parseFloat(document.getElementById("nbr4").valu
e);
var
a5=parseFloat(document.getElementById("val5").valu
e);
var
b5=parseFloat(document.getElementById("nbr5").valu
e);
var
a6=parseFloat(document.getElementById("val6").valu
e);
var
b6=parseFloat(document.getElementById("nbr6").valu
e);
document.getElementById("tot1").value = a1 * b1;
document.getElementById("tot2").value =a2 * b2;
document.getElementById("tot3").value = a3 * b3;
document.getElementById("tot4").value = a4 * b4;
document.getElementById("tot5").value = a5 * b5;
document.getElementById("tot6").value = a6 * b6;
document.getElementById("total").value = ( a1 * b1) + ( a2 * b2) + ( a3 * b3) + ( a4 * b4) + ( a5 * b5) + ( a6 * b6);
}
--></script>

< /head>

< body>

< style type="text/css">
. class1 {background-color:beige;}
. class2 {background-color:lavender; color:red;}
< /style>

< hr><font color=darkgreen><font size=3><p><center>Calcul du prix Total</center><font color=darkred><font size=2>
< center><div style="left: 10%; background-color: #99CCCC; width : 500px;">
Article Prix
< br>

< input type=´checkbox´ id="okhautesaison" value="ok" size=20>
<input type=´text´ id="item1" value="Chalet Haute Saison" size=20>
< input type="hidden" id="val1" value="170" size=5 onkeypress=Initialize(1)>
< input type=´hidden´ id="nbr1" value="1" size=3 onkeypress=Initialize(1)>
< input type=´text´ id="tot1" value="" size=5 class="class2" onkeypress=NoAction(1,value)>
<br>
<input type=´checkbox´ id="okbassesaison" value="ok" size=20>
<input type=´text´ id="item2" value="Chalet Basse Saison" size=20>
< input type=´hidden´ id="val2" value="120" size=5 onkeypress=Initialize(2)>
< input type=´hidden´ id="nbr2" value="2" size=3 onkeypress=Initialize(2)>
< input type=´text´ id="tot2" value="" size=5 class="class2" onkeypress=NoAction(2,value)>
<br>
<br>
Nombre de personnes<img src="../gif/pix.gif" width=20 height=1>
<br>
<input type=´checkbox´ id="okitem3" value="ok" size=20>
< input type=´text´ id="item3" value="item3" size=10>
< input type=´hidden´ id="val3" value="154" size=5 onkeypress=Initialize(3)>
< input type=´text´ id="nbr3" value="14" size=3 onkeypress=Initialize(3)>
< input type=´text´ id="tot3" value="" size=5 class="class2" onkeypress=NoAction(3,value)>
<br>
<input type=´checkbox´ id="okitem4" value="ok" size=20>
< input type=´text´ id="item4" value="item4" size=10>
< input type=´hidden´ id="val4" value="154" size=5 onkeypress=Initialize(3)>
< input type=´text´ id="nbr4" value="14" size=3 onkeypress=Initialize(3)>
< input type=´text´ id="tot4" value="" size=5 class="class2" onkeypress=NoAction(3,value)>
<br>
<input type=´checkbox´ id="okitem5" value="ok" size=20>
< input type=´text´ id="item5" value="item5" size=10>
< input type=´hidden´ id="val5" value="154" size=5 onkeypress=Initialize(3)>
< input type=´text´ id="nbr5" value="14" size=3 onkeypress=Initialize(3)>
< input type=´text´ id="tot5" value="" size=5 class="class2" onkeypress=NoAction(3,value)>
<br>
<input type=´checkbox´ id="okitem6" value="ok" size=20>
< input type=´text´ id="item6" value="item6" size=10>
< input type=´hidden´ id="val6" value="154" size=5 onkeypress=Initialize(3)>
< input type=´text´ id="nbr6" value="14" size=3 onkeypress=Initialize(3)>
< input type=´text´ id="tot6" value="" size=5 class="class2" onkeypress=NoAction(3,value)>
<br>
<br>
< input type=´button´ id="btntot" value="Total" onclick=AddEach()><img src="../gif/pix.gif" width=133 height=1>
< input type=´text´ id="total" value="" size=5 class="class2" onclick=NoAction(0,value)><br>
< /div></center>

< /body>
< /html>

Voila, j´avais prévenu, c´est plus gros ^^.

Bien, alors venons en a mes moutons, comme on dit ^^

J´ai rajouté devant chaque article un petit checkbox, parce que j´aimerais bien que si la personne la coche, il faille marquer obligatoirement une valeur ( dans " Nombre de personnes"), et si non cochée alors rien.

Toujours à propos du checkbox, on remarque l´espace laissé entre le " bloc" haute saison/ basse saison et le " bloc" des items. C´est que pour les 2 premiers ( haute saison / basse saison donc ) je voudrais que se soit obligatoirement l´un OU l´autre. Le prix s´ajoute au total en fonction, donc, de la checkbox cochée.

Comme je suis super exigeant et chiant, j´aimerais bien comprendre comment ça fonctionne. Alors si quelqu´un avait la gentillesse de faire un exemple avec les items, pis un autre avec mon " OU" ( des saisons), je pourrais voir la subtilité de la chose et faire le truc comme il faut ^^

Merci plein!

lourdeau44
lourdeau44
Niveau 5
22 mars 2005 à 14:34:18

Euh, personne s´y connait plus que moi en JS ? C´est pas pour faire le lourd, mais faut que j´avance ^^

Personne a un lien vers un site ou l´on explique " simplement" comment fonctionne les fonctions " ET" et " OU" ?

programme
programme
Niveau 10
22 mars 2005 à 14:50:17

En js?

lourdeau44
lourdeau44
Niveau 5
22 mars 2005 à 14:54:02

Euh, en JavaScript quoi ^^ Le code la, au dessus, c´est du JS =)

programme
programme
Niveau 10
22 mars 2005 à 14:56:58

Dsl, moi je connais l´html c´est tout ( http://www.veloron.org/index.htm )
Mais pour ta question, je pense que tu peux trouver la réponse sur le site:
http://www.editeurjavascript.com/

programme
programme
Niveau 10
22 mars 2005 à 15:02:33

C´est dur le JS?

programme
programme
Niveau 10
22 mars 2005 à 15:03:58

Tu connais un site ou je pourrais apprendre?

lourdeau44
lourdeau44
Niveau 5
22 mars 2005 à 15:23:52

Ben en tout cas, ca permet de rendre plein de trucs dynamiques de facon " simple" : sans bdd. Par exemple tu vas pouvoir faire des formulaires avec pleins de fonctions ( dont un retour pour toi...) plus legerement qu´avec une base MySql... Enfin je trouve ^^

Par contre, quand tu commence a patouiller des trucs plus violent, ca devient un poil plus rude. Mais c´est comme le html : suffit de comprendre comment ca marhe, pis d´apprendre la syntaxe. Sauf que comme tu as ici des fonctions, qui font appel a des " objets", c´est un poil plus fastidieux :D

C´est pourquoi je demande, surtout que j´ai pas trop de temps c´est pour un projet professionnel ^^

L´avantage du JS, c´est aussi de trouver sur le net des milliers de scripts deja fait, que tu arranges pour ton besoin ( ce que j´ai fait avec cui la, y en a plein sur le lien que tu me donnes... ca foisone :) )

Honnetement, jettes y donc un oeil, ca permet plein de choses =)

programme
programme
Niveau 10
22 mars 2005 à 16:26:07

Ok, est ce que le site est déjà sur internet? J´aimerais voir comment ça donne :)

lourdeau44
lourdeau44
Niveau 5
22 mars 2005 à 16:46:50

Oula non, c´est pas vraiment encore pret =D

Par contre, si tu veux une idée de ce à quoi sert le script, copie colle le dans ton logiciel avec lequel tu code ton html :)

programme
programme
Niveau 10
22 mars 2005 à 16:53:38

Je vois en gros. Mais comme sur ce forum quand tu fais un copier/coller ça décalle tout... :s

lourdeau44
lourdeau44
Niveau 5
22 mars 2005 à 18:22:09

Oui, c´est asser génant pour les codes, en effet :/

Bon, sinon personne peut me filer un coup de main?

Sous forums
  • Aide à l'achat Mac
  • Internet
  • Macintosh
  • Création de sites web
  • Création de Jeux
  • Linux
  • Programmation
  • Steam Deck
  • Hardware
La vidéo du moment