Créer des convertisseurs facilement

16 Avril 2008 par Devil Can't Burn

On peut se prendre la tête longtemps à savoir comment convertir un prix, une taille, un poid, etc... Cependant il existe un moyen simple de créer des convertisseurs. Voici comment faire...

Ce qu''il faut savoir...

De manière générale, le mot convertisseur est employé pour désigner une personne, un dispositif ou un object dont le rôle est de convertir, de transformer, une chose en une autre, ou l''état d''une personne en un autre. Source wikipédia.
Ici ce que nous voulons faire, c''est un formulaire nous permettant de changer un prix hors taxe en prix ttc.

H.T. > T.T.C.

<form>

<p><label>HT :</label>

<input type="text" name="ht"
onKeyUp="this.form.ttc.value=(this.value)*1.196"
/>

</p>

<p><label>TTC :</label>

<input type="text" name="ttc"
onKeyUp="this.form.ht.value=this.value/1.196"
/></p>\

<p>

<input type="reset" name="Submit"
value="R&eacute;tablir" />

</p>

</form>

Autre exemple avec les Pouces et les centimètres...

CODE HTML

<form>

<p>

<label>Pouces :</label>

<input type="text" name="pouces"
onKeyUp="this.form.centi.value=(this.value)*2.54"
/>

</p>

<p>

<label>Centimètres :</label>

<input type="text" name="centi"
onKeyUp="this.form.pouces.value=this.value*0.39"
/>

</p>

<p>

<input type="reset" name="Submit"
value="R&eacute;tablir" />

</p>

</form>

Encore un avec l'Euros et le dollar...

CODE HTML

<form>

<p>

<label>Euros :</label>

<input type="text" name="euros"
onKeyUp="this.form.dollar.value=(this.value)*1.49"
/>

</p>

<p>

<label>Dollar :</label>

<input type="text" name="dollar"
onKeyUp="this.form.euros.value=this.value*0.64"
/>

</p>

<p>

<input type="reset" name="Submit"
value="R&eacute;tablir" />

</p>

</form>

Voir les convertisseurs en actions, ici

Amusez-vous bien !!

2 Commentaires

Yoplait a écrit le Jeudi 24 Avril 2008 à 06H37

Sympas comme code ! simple et leger !

BoRice a écrit le Mercredi 16 Avril 2008 à 18H43

C'est vrai que c'est simple ! fallait le savoir merci :D

Devilcantburn.com