Un
convertisseur de degrés Celsius et Fahrenheit
La
conversion se fait de Celsius en Fahrenheit et inversement.
Pas de bouton, la mise à jour se fait à la sortie
du champ (Il suffit de cliquer n'importe où dans la page)
Insérez
le code ci-dessous dans l'entête de votre page (entre les
balises<head> ... </head>)
<script language="JavaScript">
<!--
//PLF-http://www.jejavascript.net/
function celfar(){
var valcel= parseInt(document.convert.celsius.value);
var valfar = Math.round((valcel*9/5)+32);
document.convert.celsius.value = " "+valcel+"°C" ;
document.convert.fahrenheit.value = " "+valfar+"°F" ;
}
function farcel(){
var valfar= parseInt(document.convert.fahrenheit.value);
var valcel = Math.round((valfar-32)*5/9);
document.convert.celsius.value = " "+valcel+"°C" ;
document.convert.fahrenheit.value = " "+valfar+"°F" ;
}
//-->
</script> |
Note:
parseInt(document.convert.celsius.value);
: ParseInt permet de convertir une variable en nombre.
Dans notre exemple si cette fontion n'était pas utilisée,
la valeur NaN (Not a Number) serait retournée en cas de 2ème
validation d'un champ. Les résultats n'étant pas des
nombres puisque nous avons rajouter °C ou °F |
Insérez
le formulaire ci-dessous à l'endroit où vous
souhaitez installer le convertisseur
<form name="convert" method="post" action="">
<table width="170" border="0" align="center">
<tr>
<td width="85"><div align="center">
<input name="celsius" type="text" id="celsius" onChange="celfar();" value="" size=8>
<br>
Celsius</div>
</td>
<td width="85"><div align="center">
<input name="fahrenheit" type="text" id="fahrenheit" onChange="farcel();" value="" size=8>
<br>
Fahrenheit</div>
</td>
</tr>
</table>
</form> |
onChange="celfar();" lance
la fonction celfar() dès que l’utilisateur sort
du champ et si il a modifié le contenu
du champ.
Pour lancer la fonction même si le contenu n'a pas changé,
utilisez onBlur |
Ce site vous a plu ?
Vous avez trouvé le script que vous cherchiez ?
Faites en profiter vos visiteurs : insérez un lien sur
votre site
