Calcul php
sarah21091999
Messages postés
53
Statut
Membre
-
sarah21091999 Messages postés 53 Statut Membre -
sarah21091999 Messages postés 53 Statut Membre -
Bonjour,
etant novice en php, je souhaiterai avoir de l'aide pour faire une calcul en php (ou html je ne sais pas trop ..).
Je vous mets ci dessous mon codage :
EDIT : Ajout des balises de code
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%.
Je ne sais absoluemnt pas comment faire meme apres de multiple recherches..
Merci d'avance :)
etant novice en php, je souhaiterai avoir de l'aide pour faire une calcul en php (ou html je ne sais pas trop ..).
Je vous mets ci dessous mon codage :
<!DOCTOTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>FORMULAIRE</title>
<style>
h1{text-align:center;}
</style>
</head>
<body text="#121b6b" bgcolor="white">
</body>
<body text="#E589D8">
<form method="post" action="projet_voyage_formulaire.php">
<p>
<img src="nevers.png" alt="photo nevers" width="500" height="650" hspace="12" align="left">
<U><h1>FORMULAIRE</h1></U>
<p align="center">
<p align="center"><font size="+1"><label>Nom Client</label> : <input type="text" />
<p align="center"><label>Prénom Client</label> : <input type="text" />
<p align="center"><label>Age Client</label> : <input type=radio name="resultat" value=oui> -12 ans
<input type=radio name="resultat" value=non> +12 ans
</p><br>
<p align="center"><input type="submit" value="Valider choix" ></p>
</form>
<?php
if ($_POST)
{
$reduc=$_POST['resultat'];
if ( $reduc=='oui')
{
?><p align="center"><label>Prix</label> : <input type="text" name="prix" value='' /><?php echo '-50%' ?>
<?php
}
}
?>
<p align="center"><input type="submit" value="Inscription" ></p>
</body>
</html>
EDIT : Ajout des balises de code
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%.
Je ne sais absoluemnt pas comment faire meme apres de multiple recherches..
Merci d'avance :)
2 réponses
-
Bonjour,
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 ??
-
Non non bien sûr en cliquant sur le bouton submite. Je vais essayer de m’expliquer un petit peu mieux, je voudrais en fait que lorsque je clique sur le bouton -12 ans juste à côté de la case prix s’affiche « -50% » (mais pas dans la case, à côté) et que lorsque je rentre une valeur dans la case prix, après avoir cliquer sur valider choix la réduction se fasse automatiquement (mais seulement si j’ai coché la case « -12 ans » et non « + 12 ans »
-
-
Ce que tu cherches à faire, à mon avis ... c'est ça :
<!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.
-
-
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 :<!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....... ) !! -
-