Anche questa volta propongo uno script in tema con il periodo in cui ci troviamo. Dato che tra due settimane entrerà in corso l'euro potrebbe essere utile fornire, agli utenti del proprio sito, un semplice convertitore Euro/Lira (e viceversa).
Questo codice è estremamente leggero ed è compatibile con tutti i browser che abbiano Javascript attivato.
Tra le caratteristiche possiamo ricordare:
- correzione automatica della punteggiatura
- sostituzione del punto con la virgola per gli euro
- eliminazione del punto come segno di migliaia dalle lire
Lo script originale è di Carlo Sacripante e sarebbe opportuno non rimuovere il copyright.
L'esempio si compone di 1 file:
- esempio.htm
Per una più semplice comprensione del presente script fai continuamente riferimento ai file sopracitati, verificando le procedure e i dati espressi. Solo in questo modo, con un continuo confronto, comprenderai le peculiarità di questo Javascript.
Inseriamo il codice javascript tra i tag <head>:
<script type="text/javascript" language="javascript">
/*
Created by Carlo Sacripante webmaster@bandieragialla.it
Copyright 2001
*/
function convert(cosa){
var xcosa = cosa;
var lirex = new String(document.form3.lire.value);
var punto = /./;
lirey = lirex.replace(punto, "");
var xlire = parseInt(lirey);
var eurox = new String(document.form3.euro.value);
var virgola = new RegExp(",");
euroy = eurox.replace(virgola, ".");
var xeuro = parseFloat(euroy);
if (xcosa==1){
xlire = Math.round(xeuro * 1936.27)
document.form3.lire.value = xlire
}
if (xcosa==0){
xeuro = Math.round(xlire / 19.3627) / 100
document.form3.euro.value = xeuro
}
}
</script>
Il codice in sè non ha bisogno di nessuna modifica; può essere lasciato così com'è.
Nel <body> della pagina, invece, inseriamo il form contenente i textfield in cui immettere la valuta da convertire:
<table width="300" border="0" cellspacing="0" cellpadding="1" align="center">
<tr>
<form name="form3" method="post" action="">
<td align="center">
<font face="tahoma">Euro</font> <input type="text"
name="euro" style="font-family:tahoma; font-size:12" value="0" size="12">
<input type="text" name="lire" value="0" size="12" style="font-
family:tahoma; font-size:12">
<font face="tahoma">Lire</font>
</td>
</tr>
<tr>
<td align="center"><br /><input type="button" name="Button"
style="font-family:tahoma; font-size:10" value="Euro in Lire" onClick="convert(1);return" onFocus="this.blur()">
<input type="button" name="Button2" style="font-family:tahoma; font-
size:10" value="Lire in Euro" onClick="convert(0);return" onFocus="this.blur()">
</td>
</tr>
</form>
</table>
Come potete notare, per posizionare gli elementi a mio piacimento, ho utilizzato una tabella in html che potrebbe anche essere tolta. L'importante è non cambiare il nome ai textfield e non variare il richiamo alle funzioni javascript inserite nei bottoni:
onClick="convert(1);return
onClick="convert(0);return"
Altre modifiche allo script non sono necessarie.
