U.Helper

<div id='foo'>
Когда же люди, занимающиеся сайтом, научатся кодить?
</div>
<script type='text/javascript'>
function translit(id) {
var text = document.getElementById(id).innerHTML.split(""),
keys = {
"а" : "a",
"б" : "b",
"в" : "v",
"г" : "g",
"д" : "d",
"е" : "e",
"ё" : "yo",
"ж" : "zh",
"з" : "z",
"и" : "i",
"й" : "j",
"к" : "k",
"л" : "l",
"м" : "m",
"н" : "n",
"о" : "o",
"п" : "p",
"р" : "r",
"с" : "s",
"т" : "t",
"у" : "u",
"ф" : "f",
"х" : "h",
"ц" : "c",
"ч" : "ch",
"ш" : "sh",
"щ" : "tsh",
"ъ" : "",
"ы" : "y",
"ь" : "",
"э" : "e",
"ю" : "ju",
"я" : "ya"
};
for (var i  = 0; i < text.length; i++) {
text[i] = text[i] in keys ? keys[ text[i] ] : text[i].toLowerCase() in keys ? keys[ text[i].toLowerCase() ].toUpperCase() : text[i];
}
document.getElementById(id).innerHTML = text.join("");
}
translit("foo");
</script>