If you are interested in doing the translation on the client-side,
here is how I have done it before.
In your HTML, show both languages but wrap them with slightly
different tags. I used the i tag with a different class, es for
espanol and en for english:
<html>
<body>
<i class="en"><a href="javascript:translate('es');">En Español</
a></i>
<i class="es"><a href="javascript:translate('en');">In English</a></i>
<br>
<i class="en">This is in English</i><i class="es">Esto esta en
español</i>
</body>
</html>
When the link is clicked the language is automatically switched. The
code that does the translating searches for all the tags of "i" with
classname of "en" or "es" and hides or shows them. I also use cookies
to store the last chosen language so that the next page the user
visits will remain in the same language when the page loads. Notice
also that I define a function called translateParts on any page that
needs some extra stuff translated, such as selectlists. I provide an
example of a translateParts function that would be contained on a page
with a selectlist.
function translate(pLanguage) {
var language;
if (pLanguage) language = pLanguage;
else if (getCookie("language")=="es") language = "es";
else language = "en";
var iTags = document.getElementsByTagName("i");
var i;
if (language=="es") {
for (i=0; i<iTags.length; i++) {
if (iTags[i].className=="es") iTags[i].style.display =
"";
if (iTags[i].className=="en") iTags[i].style.display =
"none";
}
} else {
for (i=0; i<iTags.length; i++) {
if (iTags[i].className=="es") iTags[i].style.display =
"none";
if (iTags[i].className=="en") iTags[i].style.display =
"";
}
}
setCookie("language", language, "/");
try { translateParts(language); //defined in individual pages,
otherwise do nothing.
} catch(e) { }
}
function setCookie(name, value, path, expires, domain, secure) {
deleteCookie(name,path);
var curCookie = name + "=" + escape(value) +
((expires) ? "; expires=" + expires.toGMTString() : "") +
((path) ? "; path=" + path : "") +
((domain) ? "; domain=" + domain : "") +
((secure) ? "; secure" : "");
document.cookie = curCookie;
}
function getCookie(name) {
var dc = document.cookie;
var prefix = name + "=";
var begin = dc.indexOf("; " + prefix);
if (begin == -1) {
begin = dc.indexOf(prefix);
if (begin != 0) return null;
} else
begin += 2;
var end = document.cookie.indexOf(";", begin);
if (end == -1)
end = dc.length;
return unescape(dc.substring(begin + prefix.length, end));
}
This function would be contained in a separate page with a select list
having an id=payeeId
function translateParts() {
var language = getCookie('language');
var dropList = document.getElementById('payeeId');
if (dropList) {
if (language=='es') dropList.options[0].text = 'Elija
Beneficiario';
else dropList.options[0].text = 'Select Payee';
}
}
If this is an approach you would like to explore further, I would be
happy to provide more details. I also have a jQuery version which cuts
down on the lines of code.
Good luck to you!
--~--~---------~--~----~------------~-------~--~----~
Insoshi developer site: http://dogfood.insoshi.com/
Insoshi documentation: http://docs.insoshi.com/
You received this message because you are subscribed to the Google
Groups "Insoshi" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to
[EMAIL PROTECTED]
For more options, visit this group at
http://groups.google.com/group/insoshi?hl=en
-~----------~----~----~----~------~----~------~--~---
