Convertisseur dynamique

11 Jan 2019  

 Convertisseur dynamique

Convertie une valeur en mètre, feet, centimètre, kilomètre, inche, yard ou mile la valuer de votre choix.
Pas besoin de reloader la page, il y a du JS qui le fait en auto!
jerusalem 11 Jan 2019
# Catégorie Compatibilité Nombre de vues Site Archive
   HTML PHP 4, PHP 5, PHP 7 130  

       Code Source PHP


 
 01    
 02    
 03    
 04    
 05    
 06    
 07    
 08    
 09    
 10    
 11    
 12    
 13    
 14    
 15    
 16    
 17    
 18    
 19    
 20    
 21    
 22    
 23    
 24    
 25    
 26    
 27    
 28    
 29    
 30    
 31    
 32    
 33    
 34    
 35    
 36    
 37    
 38    
 39    
 40    
 41    
 42    
 43    
 44    
 45    
 46    
 47    
 48    
 49    
 50    
 51    
 52    
 53    
 54    
 55    
 56    
 57    
 58    
 59    
 60    
 61    
 62    
 63    
 64    
 65    
 66    
 67    
 68    
 69    
 70    
 71    
 72    
 73    
 74    
 75    
 76    
 77    
 78    
 79    
 80    
 81    
 82    
 83    
 84    
 85    
 86    
 87    
 88    
 89    
 90    
 91    
 92    
 93    
 94    
 95    
 96    
 97    
 98    
 99    
 100    
 101    
 102    
 103    
 104    
 105    
 106    
 107    
 108    
 109    
 110    
 111    
 112    
 113    
 114    
 115    
 116    
 117    
 118    
 119    
 120    
 121    
 122    
 123    
 124    
 125    
 126    
 127    
                               
<?php
/**************************************************************************************/
/*
     Titre  : Convertisseur dynamique                                                                                     
                                                                                                                          
     URL    :  
     http://phpsources.org/code/php/html/816_convertisseur-dynamique
     Auteur         : jerusalem                                                                                           
     Date edition   : 11 Jan 2019                                                                                         
*/
/**************************************************************************************/
  echo 'Convertisseur'?>
<div>
  <p >Tapez une valeur dans l'un des champs à  convertir:</p>
  <div >
    <label>Feet</label>
    <input id="inputFeet"  type="number" placeholder="Feet"
 oninput="lengthConverter(this.id,this.value)" onchange="lengthConverter(this.id
,this.value)">
  </div>
  <div class="w3-half w3-margin-top">
    <label>Meters</label>
    <input id="inputMeters"  type="number" placeholder="Meters"
 oninput="lengthConverter(this.id,this.value)" onchange="lengthConverter(this.id
,this.value)">
  </div>
  <div class="w3-half w3-margin-top">
    <label>Inches</label>
    <input id="inputInches"  type="number" placeholder="Inches"
 oninput="lengthConverter(this.id,this.value)" onchange="lengthConverter(this.id
,this.value)">
  </div>
  <div class="w3-half w3-margin-top">
    <label>cm</label>
    <input id="inputcm"  type="number" placeholder="cm"
 oninput="lengthConverter(this.id,this.value)" onchange="lengthConverter(this.id
,this.value)">
  </div>
  <div class="w3-half w3-margin-top">
    <label>Yards</label>
    <input id="inputYards"  type="number" placeholder="Yards"
 oninput="lengthConverter(this.id,this.value)" onchange="lengthConverter(this.id
,this.value)">
  </div>
  <div class="w3-half w3-margin-top">
    <label>Kilometers</label>
    <input id="inputKilometers"  type="number" placeholder="Kilometers"
 oninput="lengthConverter(this.id,this.value)" onchange="lengthConverter(this.id
,this.value)">
  </div>
  <div class="w3-half w3-margin-top">
    <label>Miles</label>
    <input id="inputMiles"  type="number" placeholder="Miles"
 oninput="lengthConverter(this.id,this.value)" onchange="lengthConverter(this.id
,this.value)">
  </div>
</div>
<script>
function lengthConverter(source,valNum) {
  valNum = parseFloat(valNum);
  var inputFeet = document.getElementById("inputFeet");
  var inputMeters = document.getElementById("inputMeters");
  var inputInches = document.getElementById("inputInches");
  var inputcm = document.getElementById("inputcm");
  var inputYards = document.getElementById("inputYards");
  var inputKilometers = document.getElementById("inputKilometers");
  var inputMiles = document.getElementById("inputMiles");
  if (source=="inputFeet") {
    inputMeters.value=(valNum/3.2808).toFixed(2);
    inputInches.value=(valNum*12).toFixed(2);
    inputcm.value=(valNum/0.032808).toFixed();
    inputYards.value=(valNum*0.33333).toFixed(2);
    inputKilometers.value=(valNum/3280.8).toFixed(5);    
    inputMiles.value=(valNum*0.00018939).toFixed(5);
  }
  if (source=="inputMeters") {
    inputFeet.value=(valNum*3.2808).toFixed(2);
    inputInches.value=(valNum*39.370).toFixed(2);
    inputcm.value=(valNum/0.01).toFixed();
    inputYards.value=(valNum*1.0936).toFixed(2);
    inputKilometers.value=(valNum/1000).toFixed(5);    
    inputMiles.value=(valNum*0.00062137).toFixed(5);
  }
  if (source=="inputInches") {
    inputFeet.value=(valNum*0.083333).toFixed(3);
    inputMeters.value=(valNum/39.370).toFixed(3);
    inputcm.value=(valNum/0.39370).toFixed(2);
    inputYards.value=(valNum*0.027778).toFixed(3);    
    inputKilometers.value=(valNum/39370).toFixed(6);
    inputMiles.value=(valNum*0.000015783).toFixed(6);
  }
  if (source=="inputcm") {
    inputFeet.value=(valNum*0.032808).toFixed(3);
    inputMeters.value=(valNum/100).toFixed(3);
    inputInches.value=(valNum*0.39370).toFixed(2);
    inputYards.value=(valNum*0.010936).toFixed(3);    
    inputKilometers.value=(valNum/100000).toFixed(6);
    inputMiles.value=(valNum*0.0000062137).toFixed(6);
  }
  if (source=="inputYards") {
    inputFeet.value=(valNum*3).toFixed();
    inputMeters.value=(valNum/1.0936).toFixed(2);
    inputInches.value=(valNum*36).toFixed();
    inputcm.value=(valNum/0.010936).toFixed();
    inputKilometers.value=(valNum/1093.6).toFixed(5);
    inputMiles.value=(valNum*0.00056818).toFixed(5);
  }
  if (source=="inputKilometers") {
    inputFeet.value=(valNum*3280.8).toFixed();
    inputMeters.value=(valNum*1000).toFixed();
    inputInches.value=(valNum*39370).toFixed();
    inputcm.value=(valNum*100000).toFixed();
    inputYards.value=(valNum*1093.6).toFixed();
    inputMiles.value=(valNum*0.62137).toFixed(2);    
  }
  if (source=="inputMiles") {
    inputFeet.value=(valNum*5280).toFixed();
    inputMeters.value=(valNum/0.00062137).toFixed();
    inputInches.value=(valNum*63360).toFixed();
    inputcm.value=(valNum/0.0000062137).toFixed();
    inputYards.value=(valNum*1760).toFixed();
    inputKilometers.value=(valNum/0.62137).toFixed(2);    
  }
}
</script>

...  Manuel PHP - Fonctions du code source

   php.net  Description Versions PHP OUTIL
   echo Affiche une chaîne de caractères PHP 4, PHP 5, PHP 7


  • L'ajout de commentaire est libre et ne demande pas d'inscription,
  •   invité

nous vous encourageons à contribuer à l'utilisation de PHP en ajoutant vos remarques.

[1]

  • ...

    Administrateur

    11 Jan 2019 à 11:05

    Ce n'est pas du php mais il fonctionne nickel ce petit bout de code.