http://www.monjavascript.net

ACCUEIL
Contact
Rechercher
Insérez dans vos
  favoris

ACCUEIL DES
  VISITEURS

DATE & HEURE
EFFETS DE TEXTE
FENETRES
FORMULAIRES
IMAGES
MENUS
PRATIQUE
POP UP
DIVERS

Cours de javascript
Générer vos Fichiers
  CSS

Générer vos Meta-Tags
Description des Balises
  Meta

Les Codes Couleur
L'objet Math
Lissage De Prêt
Tableau d'Amortissement
un Multi-Moteurs de recherche sur Votre Site
Cryptez votre e-mail
  pour contrer le Spam

Cryptez vos Scripts
Moteurs de recherches
Référencement
Je Crée Mon Site
L'éditeur JavaScript


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)


Celsius

Fahrenheit

Insérez le code ci-dessous dans l'entête de votre page (entre les balises<head> ... </head>)

<script language="JavaScript">
<!--
//PLF-http://www.monjavascript.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>
<noscript><a href="http://www.monjavascript.net/"></a></noscript>

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>
<noscript><a href="http://www.monjavascript.net/"></a></noscript>

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

 
 
Mon javascript    16-10-2018