Calcul php
Fermé
sarah21091999
Messages postés
50
Date d'inscription
jeudi 17 mai 2018
Statut
Membre
Dernière intervention
24 mai 2018
-
Modifié le 17 mai 2018 à 13:13
sarah21091999 Messages postés 50 Date d'inscription jeudi 17 mai 2018 Statut Membre Dernière intervention 24 mai 2018 - 18 mai 2018 à 16:54
sarah21091999 Messages postés 50 Date d'inscription jeudi 17 mai 2018 Statut Membre Dernière intervention 24 mai 2018 - 18 mai 2018 à 16:54
A voir également:
- Calcul php
- Calcul moyenne excel - Guide
- Easy php - Télécharger - Divers Web & Internet
- Calcul charpente bois gratuit - Télécharger - Architecture & Déco
- Logiciel gratuit calcul valeur nutritionnelle - Télécharger - Santé & Bien-être
- Logiciel calcul surface terrain gratuit - Télécharger - Outils professionnels
2 réponses
jordane45
Messages postés
38314
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
24 novembre 2024
4 705
17 mai 2018 à 13:15
17 mai 2018 à 13:15
Bonjour,
Tu veux dire... sans avoir à cliquer sur le bouton submit ? Que ça se fasse automatiquement dès que tu cliques sur ta case à cocher ??
Je voudrai que lorsque je clique sur -12 ans, s'affiche a cote de la case prix "-50%" et que lorsque je donne un montant dans cette case (seulement lorsque l'on clique sur -12 ans) le prix que l'on insère se divise automatiquement par -50%.
Tu veux dire... sans avoir à cliquer sur le bouton submit ? Que ça se fasse automatiquement dès que tu cliques sur ta case à cocher ??
jordane45
Messages postés
38314
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
24 novembre 2024
4 705
17 mai 2018 à 13:51
17 mai 2018 à 13:51
Ce que tu cherches à faire, à mon avis ... c'est ça :
Aucun PHP là dedans..... ce n'est que du Javascript.
<!DOCTOTYPE html> <html> <head> <meta charset="utf-8" /> <title>FORMULAIRE</title> <style> h1{text-align:center;} </style> </head> <body text="#E589D8"> <form method="post" action="projet_voyage_formulaire.php"> <div style="text-align:center"> <p> <img src="nevers.png" alt="photo nevers" width="500" height="650" hspace="12" align="left"> </p> <U><h1>FORMULAIRE</h1></U> <p align="center"> <font size="+1"> <label>Nom Client</label> : <input type="text" name="nom" value="" require/> <p align="center"> <label>Prénom Client</label> : <input type="text" name="prenom" value="" /> </p> <p align="center"> <label>Age Client</label> : <input type=radio name="age12" id='agem12' onclick="verifAge(this.value);" value='-12'> -12 ans <input type=radio name="age12" id='agep12' onclick="verifAge(this.value);" value='+12'> +12 ans </p> </font> </p> <br> <span style="text-align:center" id="zone_prix" > <label>Prix</label> : <input type="text" name="prix" onkeyup="verifPrix(this);" id="prix" value='' /> <br> <span id='reduc' style='display:none'>-50%' </span> <label>Prix Final </label> <input type="text" name="prixfinal" readonly id="prixfinal" value='' /> </span> <p align="center"> <input type="submit" value="Valider choix" > </p> </form> <p align="center"> <input type="submit" value="Inscription" > </p> </div> <script type="text/javascript"> /** // Affiche la zone réduc en fonction de l'age selectionné */ function verifAge(age){ var reduc = document.getElementById('reduc'); var prix = document.getElementById('prix'); reduc.style.display = age == '-12' ? 'block' : 'none'; verifPrix(prix); } /* // Fait le calcul du prix en fonction de l'age coché */ function verifPrix(elm){ var prix = elm; var prixval = elm.value; var agem12 = document.getElementById('agem12'); var agep12 = document.getElementById('agep12'); var prixfinal = document.getElementById('prixfinal'); var age = agem12.checked ? '-12' : (agep12.checked ? '+12' : ''); if(age == '-12'){ console.log('ancien prix : ' + prixval); var prixreduc = parseFloat(prixval) * 0.5; console.log('Nouveau prix : ' + prixreduc); prixfinal.value = prixreduc; }else if(age == '+12'){ prixfinal.value = prixval; }else{ //si aucune case n'est cochée... prixfinal.value = prixval; } } </script> </body> </html>
Aucun PHP là dedans..... ce n'est que du Javascript.
sarah21091999
Messages postés
50
Date d'inscription
jeudi 17 mai 2018
Statut
Membre
Dernière intervention
24 mai 2018
17 mai 2018 à 14:03
17 mai 2018 à 14:03
Merci beaucoup ! Je vais essayer ça ce soir et je vous tiens au courant !
D’accord.. je ne le savais pas du tout !
D’accord.. je ne le savais pas du tout !
sarah21091999
Messages postés
50
Date d'inscription
jeudi 17 mai 2018
Statut
Membre
Dernière intervention
24 mai 2018
Modifié le 18 mai 2018 à 15:40
Modifié le 18 mai 2018 à 15:40
Bonjour, vraiment merci infiniment, c'est exactement ce que je voulais !
J'ai un tout petit problème cependant voila ce que cela me fais pour le surlignage du "-50%" lorsque je clique sur "-12 ans" et je n'arrive pas a le mettre juste a cote de la case prix et pas en dessous.
et deuxième petit truc, est ce qu'il y a possibilité d'enlever le "NaN" ?
codage :
EDIT : Ajout des balises de code ( ... encore....... ) !!
J'ai un tout petit problème cependant voila ce que cela me fais pour le surlignage du "-50%" lorsque je clique sur "-12 ans" et je n'arrive pas a le mettre juste a cote de la case prix et pas en dessous.
et deuxième petit truc, est ce qu'il y a possibilité d'enlever le "NaN" ?
codage :
<!DOCTOTYPE html> <html> <head> <meta charset="utf-8" /> <title>FORMULAIRE</title> <style> h1{text-align:center;} </style> </head> <body text="#29088A"> <form method="post" action="projet_voyage_formulaire.php"> <div style="text-align:center"> <p> <img src="nevers.png" alt="photo nevers" width="500" height="650" hspace="16" align="left"> </p> <font size="6"> <U><h1>FORMULAIRE</h1></U> </font> <p align="center"> <font size="5"> <label>Nom Client</label> : <input type="text" name="nom" value="" require/> <p align="center"> <label>Prénom Client</label> : <input type="text" name="prenom" value="" /> </p> <p align="center"> <label>Age Client</label> : <input type=radio name="age12" id='agem12' onclick="verifAge(this.value);" value='-12'> -12 ans <input type=radio name="age12" id='agep12' onclick="verifAge(this.value);" value='+12'> +12 ans </p> </font> </p> <br> <span style="text-align:center" id="zone_prix" > <font size ="5"> <label>Prix</label> : <input type="text" name="prix" onkeyup="verifPrix(this);" id="prix" value='' > € <span style='background-color:#ffff66;' id='reduc' style='display:none' >-50%</span> </br> <br> <label>Prix Final </label> <input type="text" name="prixfinal" readonly id="prixfinal" value='' /> € </span> </font> </br> </form> <p align="center"> <br> <input type="submit" value="Inscription" style="height:35px; background-color:#29088A; color:white" > </p> </div> <script type="text/javascript"> /** // Affiche la zone réduc en fonction de l'age selectionné */ function verifAge(age){ var reduc = document.getElementById('reduc'); var prix = document.getElementById('prix'); reduc.style.display = age == '-12' ? 'block' : 'none'; verifPrix(prix); } /* // Fait le calcul du prix en fonction de l'age coché */ function verifPrix(elm){ var prix = elm; var prixval = elm.value; var agem12 = document.getElementById('agem12'); var agep12 = document.getElementById('agep12'); var prixfinal = document.getElementById('prixfinal'); var age = agem12.checked ? '-12' : (agep12.checked ? '+12' : ''); if(age == '-12'){ console.log('ancien prix : ' + prixval); var prixreduc = parseFloat(prixval) * 0.5; console.log('Nouveau prix : ' + prixreduc); prixfinal.value = prixreduc; }else if(age == '+12'){ prixfinal.value = prixval; }else{ //si aucune case n'est cochée... prixfinal.value = prixval; } } </script> </body> </html>
EDIT : Ajout des balises de code ( ... encore....... ) !!
sarah21091999
Messages postés
50
Date d'inscription
jeudi 17 mai 2018
Statut
Membre
Dernière intervention
24 mai 2018
18 mai 2018 à 16:54
18 mai 2018 à 16:54
oups desole je ne savais pas ...
Mais du coup vous savez pourquoi ca me fait ca ?
Mais du coup vous savez pourquoi ca me fait ca ?
17 mai 2018 à 14:02