Calcul php

sarah21091999 Messages postés 50 Date d'inscription   Statut Membre Dernière intervention   -  
sarah21091999 Messages postés 50 Date d'inscription   Statut Membre Dernière intervention   -
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 : 

<!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 :)
A voir également:

2 réponses

Réponse 1 / 2
jordane45 Messages postés 38486 Date d'inscription   Statut Modérateur Dernière intervention   4 752
 
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 ??

0
sarah21091999 Messages postés 50 Date d'inscription   Statut Membre Dernière intervention  
 
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 »
0
Réponse 2 / 2
jordane45 Messages postés 38486 Date d'inscription   Statut Modérateur Dernière intervention   4 752
 
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.
0
sarah21091999 Messages postés 50 Date d'inscription   Statut Membre Dernière intervention  
 
Merci beaucoup ! Je vais essayer ça ce soir et je vous tiens au courant !

D’accord.. je ne le savais pas du tout !
0
sarah21091999 Messages postés 50 Date d'inscription   Statut Membre Dernière intervention  
 
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....... ) !!
0
sarah21091999 Messages postés 50 Date d'inscription   Statut Membre Dernière intervention  
 
oups desole je ne savais pas ...

Mais du coup vous savez pourquoi ca me fait ca ?
0