Try this:
<html>
<head>
<title>Swap Language</title>
<script type="text/javascript" language="javascript">
<!--;
//constructor;
function linkLang(linkID,en,fr){
this.linkID=linkID;
this.en = en;
this.fr = fr;
}
//'Database' of language equivalents;
var anchorTxt = new Array()
anchorTxt[0] = new linkLang('lnk0','Home','&Agrave; la maison')
anchorTxt[1] = new linkLang('lnk1','Site Map','Carte D`Emplacement')
anchorTxt[2] = new linkLang('lnk2','Links','Liens')
//Swap language function;
function swapLang(fld){
var selectedLanguage=fld.options[fld.selectedIndex].value;
switch(selectedLanguage){
case "Choose":
break
case "en":
for(i=0;i<anchorTxt.length;i++){
document.getElementById('lnk'+i).innerHTML = anchorTxt[i].en;
}
break;
case "fr":
for(i=0;i<anchorTxt.length;i++){
document.getElementById('lnk'+i).innerHTML = anchorTxt[i].fr;
}
break
}
}
//-->
</script>
</head>
<body>
<form>
<select name="langList" onchange="swapLang(this)">
<option value="Choose" selected="selected">Choose...</option>
<option value="fr">French</option>
<option value="en">English</option>
</select>
</form>
<hr />
|
<a id='lnk0' href="javascript: void(0)">Home</a>
|
<a id='lnk1' href="javascript: void(0)">Site Map</a>
|
<a id='lnk2' href="javascript: void(0)">Links</a>
|
<hr />
</body>
</html>
The only thing here is that you will need to give each link a sequential ID, even if the same link occurs elsewhere in the body. For example, the next anchor in the document should be named 'lnk3'.
Also, if the 'Home' link accored, say, at the end of the document as well, and say you had 14 other links before it, the home link at the bottom of the page would be 'lnk15'
See how that goes for starters. I suspect there is a better way of doing this.