Membre de ClickFR, Reseau francophone Paie-Par-Click
Accueil
Accueil
- [ CSS : ] [ DHTML : ] [ HTML : ] [ JavaScript : ] [ Refs : ]
Accueil

JavaScript 1.3

  Convertisseur universel

fonction de ce script  principe de ce script  le script lui-meme  demonstration du script  telechargement du script

  Fonction
Le but de ce script est de permettre de convertir facilement toutes les unités de distance, de paiement, température... à partir d'un seul script.
  Principe
Une case de formulaire accueillera la donnée à convertir, un bouton fera la conversion et une autre case recevra le résultat.
Pour permettre la totale modularité du script, une variable sera utilisée pour la conversion et tous les éléments 'locaux' (formulaire de destination, unité, forme de la réponse) sont passés au script par le bouton du formulaire.
  Le script
dans la partie <head>
<script language="JavaScript">
// les taux de conversion à utiliser (valeurs non-françaises)
var euro = 6.55957;
var miles = 0.6214;

// reponse : le champ qui accueillera la réponse à la conversion
// champ : le champ où se trouve la valeur à convertir
// taux : le taux à appliquer (euros, miles...)
// decimal : le nombre de chiffres après la virgules à afficher au maximum
// unite : ce qui apparaîtra après le résultat (F, Km...)

// la fonction pour transformer une valeur 'étrangère' en équivalent 'français'
function france(reponse, champ, taux, decimal, unite) {
reponse.value = (Math.round(champ * taux * decimal)/decimal) + unite;
}

// la fonction pour transformer une valeur 'française' en équivalent 'étranger'
function inverse(reponse, champ, taux, decimal, unite) {
reponse.value = (Math.round(champ / taux * decimal)/decimal) + unite;
}
</script>

dans la partie <body>
<form name="conversion">
<b>Nombre d'euros : <input type="text" size="8" name="donnee">
<input type="button" value="donnent :" OnClick="france(conversion.resultat, conversion.donnee.value, euro, 100, ' F')">
<input type="text" size="8" name="resultat"></form>
<form name="conversion2">
<b>Nombre de francs : <input type="text" size="8" name="donnee">
<input type="button" value="donnent :" OnClick="inverse(conversion2.resultat, conversion2.donnee.value, euro, 100, ' E')">
<input type="text" size="8" name="resultat"></form>
<form name="conversion3">
<b>Nombre de miles : <input type="text" size="8" name="donnee">
<input type="button" value="donnent :" OnClick="france(document.conversion3.resultat, document.conversion3.donnee.value, miles, 1000, ' Km')">
<input type="text" size="8" name="resultat"></form>
<form name="conversion4">
<b>Nombre de kilomètres : <input type="text" size="8" name="donnee">
<input type="button" value="donnent :" OnClick="inverse(conversion4.resultat, conversion4.donnee.value, miles, 1000, ' Ml')">
<input type="text" size="8" name="resultat"></form>
  Démonstration

Nombre d'euros :
Nombre de francs :
Nombre de miles :
Nombre de kilomètres :

  Téléchargement
Ce script est disponible en deux versions :
  • le script est intégré à la page où il agit,
  • le script est dans un fichier séparé de la page où il agit (fichier.js et fichier.html).

    L'intérêt d'un script dans un fichier séparé est de pouvoir le partager entre plusieurs pages html.
    Cela permet aussi de le rendre inaccessible à toute personne qui souhaiterai l'enregistrer pour une autre utilisation.
  • Script intégré :
    calculs_convuniv.zip
    1 Ko
    telechargez le script telechargez le script
    Script séparé :
    calculs_convuniv2.zip
    1 Ko
    Recherche
    aide sur la recherche
    hit-parade
    Votez TOP Ouaibe !

    statistiques
    aide sur les contacts aide sur la mailing-list aide sur la newsletter