Необходимо перевести русские буквы на транслит. Будем использовать языки AJAX  и PHP.

Шаг первый

Создаем форму для ввода текста, который будем конвертировать в транслит.

Листинг пример формы

<form id="myForm">
Текст на русском для транслита:<br/>
<textarea rows="15" cols="50" id="t1" style="float:left"></textarea>
<textarea id="transl" rows="15" cols="50"></textarea>
<br/>
<input class="b"type="button" value="перевести" id="butt"/>
</form>

Шаг второй

Пишем след AJAX код для обработки  нажатия на кнопку

<script>
$(document).ready(function(){

$('#butt').click(function(){
$.ajax({
type: "POST",
url: "translate.php",
data: "t1="+$("#t1").val(),
success: function(html){
$("#transl").html(html);
}
});
return false;
});

});
</script>

Шаг третий

пишет обработчик в файле translate.php

$str=$_REQUEST['t1'];

function translit($str)
{
$tr = array(
"А"=>"A","Б"=>"B","В"=>"V","Г"=>"G",
"Д"=>"D","Е"=>"E","Ж"=>"J","З"=>"Z","И"=>"I",
"Й"=>"Y","К"=>"K","Л"=>"L","М"=>"M","Н"=>"N",
"О"=>"O","П"=>"P","Р"=>"R","С"=>"S","Т"=>"T",
"У"=>"U","Ф"=>"F","Х"=>"H","Ц"=>"TS","Ч"=>"CH",
"Ш"=>"SH","Щ"=>"SCH","Ъ"=>"","Ы"=>"YI","Ь"=>"",
"Э"=>"E","Ю"=>"YU","Я"=>"YA","а"=>"a","б"=>"b",
"в"=>"v","г"=>"g","д"=>"d","е"=>"e","ж"=>"j",
"з"=>"z","и"=>"i","й"=>"y","к"=>"k","л"=>"l",
"м"=>"m","н"=>"n","о"=>"o","п"=>"p","р"=>"r",
"с"=>"s","т"=>"t","у"=>"u","ф"=>"f","х"=>"h",
"ц"=>"ts","ч"=>"ch","ш"=>"sh","щ"=>"sch","ъ"=>"y",
"ы"=>"yi","ь"=>"'","э"=>"e","ю"=>"yu","я"=>"ya",
"."=>".","?"=>"?","/"=>"_","\\"=>"_",
"*"=>"_",":"=>":","*"=>"_","\""=>"_","<"=>"_",
">"=>"_","|"=>"_"
);
return strtr($str,$tr);
};
$tans=translit($str);
echo $tans;

Готовый пример онлайн перевода в транслит (транслитирования)