Convertisseur dynamique JS mètre, feet, cm, km...

  Information

Convertie une valeur en mètre, feet, centimètre, kilomètre, inche, yard ou mile ou la valeur de votre choix. Pas besoin de reloader la page, il y a du JS qui le fait en auto!

  code source classé dans  HTML

 
 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    
 128    
 129    
 130    
 131    
                               
<?php
/*---------------------------------------------------------------*/
/*
    Titre : Convertisseur dynamique JS mètre, feet, cm, km...                                                            
                                                                                                                          
    URL   : https://phpsources.net/code_s.php?id=816
    Auteur           : jerusalem                                                                                          
    Date édition     : 11 Jan 2019                                                                                        
    Date mise à jour : 19 Aout 2019                                                                                      
    Rapport de la maj:                                                                                                    
    - fonctionnement du code vérifié                                                                                    
*/
/*---------------------------------------------------------------*/?>
    <?php  echo 'Convertisseur JS'?>

    <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>

          Fonctions du code - Doc officielle PHP

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

Autres snippets


Convertisseur de poids en PHP

Compatibilité : PHP 5, PHP 7

Convertisseurs PHP - Convertit 26 unités de masse les unes entre elles. Pour les valeurs possibles consultez le code.

Convertisseur de vitesses en PHP

Compatibilité : PHP 5, PHP 7

Convertisseurs PHP - Convertit 14 unités de vitesse les unes entre elles (m,cm, km, noeud, mach)

Convertisseur octet, Ko, Mo, Go, To, Po en PHP

Compatibilité : PHP 5, PHP 7

Convertisseurs PHP - Formate la taille des fichiers. Le type peut-etre "o", "ko", "Mo", "Go", "To", "Po" (Peta-octet 10^15) ou "Eo"(Extra-octet 10^18).


  • Merci de signaler tout problème rencontré avec ce code

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

[1]

  • avatar

    Administrateur

    11 Jan 2019 à 11:05

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

Suivez PHP Sources sur Twitter !

PHP débutant et initié 50 Tutoriel

Présentation de PHP

  Derniers scripts PHP

ZenTao 11.6.2

logo ZenTao
Langue langue fr
Date  aujourd'hui
Taille 7 Mo
Catégorie Divers

EspoCRM 5.6.13

logo EspoCRM
Langue langue us
Date 13 Sept
Taille 40 Mo
Catégorie CRM

PhpList 3.4.6

logo phpList
Langue langue us
Date 12 Sept
Taille 28 Mo
Catégorie Email-Emailing

Litecart 2.1.6

logo Litecart
Langue langue en
Date 10 Sept
Taille 2 Mo
Catégorie Ecommerce
avatar

Jerusalem

  11 Jan 2019

  SOURCE   Télécharger

Information sur les mises à jour

Dernière mise à jour :

    19 Aout 2019
    fonctionnement du code vérifié

295 Vues
Compatibilité
PHP 5 et 7+