Questo è un esempio;
Il codice XHTML della pagina:
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Gli Stati Uniti d'America</title>
<script type="text/javascript]appello_280108.js"></script>
<link href="appello_280108.css" type="text/css" rel="stylesheet"/>
</head>
<body>
<div>
<label>Lingua
<select id="lingua" onchange="scegliLingua()">
<option selected="selected" value="no">---</option>
<option value="eng">inglese</option>
<option value="ita">italiano</option>
</select>
</label>
</div>
<div id="imgbox">
<img src="usa.jpg" alt="Gli Stati Uniti d'America" />
</div>
<form action="." id="searchForm" >
<fieldset>
<legend>Ricerca Stato USA</legend>
<p>
<label id="sLabel">Nome stato:
<input type="text" id="nome_stato" maxlength="28" alt="Nome dello stato"/>
</label>
</p>
<p>
<label id="cLabel">Capitale:
<input type="text" id="capitale" alt="Nome della capitale"/>
</label>
</p>
<input id="cerca" type="button" value="Cerca" onclick="cercaStato()"/>
<input id="rst" type="reset" value="Reset" onclick="resetta()"/>
</fieldset>
</form>
<hr />
<div id="output"></div>
</body>
</html>
e questo è il codice Javascript per la traduzione della pagina:
function scegliLingua() {
var menu = document.getElementById('lingua');
var scelta = menu.options[menu.selectedIndex];
if (scelta.value == 'eng') {
tradInglese();
}
else if (scelta.value == 'ita') {
tradItaliano();
}
}
function tradInglese() {
document.getElementById('sLabel').innerHTML="Country name: <input type='text' id='nome_stato' maxlength='28' alt='Country name'/>";
document.getElementById('cLabel').innerHTML="Capital: <input type='text' id='capitale' maxlength='28' alt='Capital'/>";
document.getElementById('cerca').value="Submit";
}
function tradItaliano() {
document.getElementById('sLabel').innerHTML="Nome stato: <input type='text' id='nome_stato' maxlength='28' alt='Nome dello stato'/>";
document.getElementById('cLabel').innerHTML="Capitale: <input type='text' id='capitale' alt='Nome della capitale'/>";
document.getElementById('cerca').value="Cerca";
}
