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

Partager sur Facebook Partager sur X Partager sur Reddit Partager sur LinkedIn Partager sur Pinterest

      Information sur le code

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!


avatar

Jerusalem

  11 Jan 2019

  Code Source à télécharger

Information sur les mises à jour

Dernière mise à jour :

19 Août 2019
fonctionnement du code vérifié

3 077  vues
Compatibilité du code
PHP 5, PHP 7 et PHP 8
  code classé dans   HTML
  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
                    

                    

                    
<?php
/*------------------------------*/
/*
 Titre : Convertisseur dynamique JS mètre, feet, cm, km...                                                             
                                                                                                                          
 Auteur           : jerusalem                                                                                             
 Date édition     : 11 Jan 2019                                                                                        
 Date mise a 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>
<?php
/*------------------------------*/
/*
Titre : Convertisseur dynamique JS mètre, feet, cm, km...

Auteur : jerusalem
Date édition : 11 Jan 2019
Date mise a 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
    echo
Affiche une chaîne de caractères
PHP 4, 5, 7 et 8

[1]

  • avatar

    Administrateur

    11 Jan 2019 à 11:05

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

Minimum 10 mots. Votre commentaire sera visible après validation.


 Autres snippets qui pourraient vous intéresser

26 Août 2019  

11 Jan 2019 

Convertisseur de poids

Compatibilité : PHP 5, PHP 7, PHP 8

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

11 Mars 2026  

11 Jan 2019 

Convertisseur de vitesses

Compatibilité : PHP 5, PHP 7, PHP 8

Convertit 14 unités de vitesse les unes entre elles (m,cm, km, noeud, mach) Compatible PHP 5, 7 et PHP 8

* Requêtes exécutées avec Recherche Contextuelle
avatar

Jerusalem

  11 Jan 2019

  SOURCE   Télécharger

Information sur les mises à jour

Dernière mise à jour :

19 Août 2019
fonctionnement du code vérifié

3 077 Vues
Compatibilité du code
PHP 5, PHP 7, PHP 8
13 codes

Catégorie :  HTML

Choix de couleurs parmi une liste
Comment garder une sélection dans un menu déroulant
Convertisseur dynamique JS mètre, feet, cm, km...
Extracteur de liens A HREF dans une chaine
Génération de tableaux HTML
Insère une balise BR à chaque nouvelle ligne
Mise en colonne de datas
Nuancier avec palette de 4096 couleurs
Nuancier des 256 couleurs asccii
Pour imprimer une page
Réduire en PHP vos urls pour réduire le code HTML
Remplacer le BBCode par du HTML
Vérifie la validité d'un code HTML

Catégories générales

Applications  [ 11 ]
Banque de données  [ 18 ]
Chaines de caractères  [ 58 ]
Classes  [ 21 ]
Constantes  [ 4 ]
Convertisseurs  [ 12 ]
Cookies  [ 4 ]
Dates - Heures  [ 52 ]
Divers  [ 19 ]
Mail - Emailing  [ 14 ]
Fichiers-répertoires  [ 53 ]
Fonctions  [ 13 ]
Formulaires  [ 13 ]
FTP  [ 16 ]
.HTACCESS  [ 58 ]
.HTACCESS ANTI HACK  [ 26 ]
HTML  [ 13 ]
Images - Graphisme  [ 54 ]
Jeux  [ 3 ]
Mathématiques  [ 46 ]
MySQL  [ 23 ]
MySQLi  [ 19 ]
Navigateurs  [ 5 ]
Page par Page  [ 5 ]
Prestashop  [ 4 ]
Recherches  [ 6 ]
Regex  [ 14 ]
Sécurité  [ 24 ]
SEO - Référencement  [ 13 ]
Sessions  [ 8 ]
SQL Tricks  [ 6 ]
Statistiques  [ 7 ]
Système  [ 12 ]
Tableaux - Array  [ 34 ]
Tag Cloud  [ 4 ]
URL - Liens  [ 25 ]
Variables  [ 9 ]
Vérificateurs  [ 8 ]
Wordpress  [ 8 ]
X  [ 5 ]
XML  [ 4 ]