Как правильно соединить 2 кода по транслитерации текста?

Question

[Rostyk Ice]

Здраствуйте, не могу понять как соединить 2-a js скрипта для транслитерализации, вот пример:

Этот код собирает текст из 2 строк ввода в 1 строку ввода при нажатии на кнопку:

$('body').append('<input type="button" value="a" accesskey="a" id="mno" style="border-width: 0px; background: url(images/opacity.png);">')
  $("#mno").css("position", "absolute").css("top", 300).css("left", 5).css({ color: "red" });
  $('#mno').click(function(){
   $('[name="keyword"]').val(($('[name="vir"]').val() + "-" + $('[name="category_description[3][name]"]').val()).replace(/\s/ig, '-'));
  });

А этот код делает транслит:

function translite(str){
var arr={'а':'a', 'б':'b', 'в':'v', 'г':'g', 'д':'d', 'е':'e', 'ж':'g', 'з':'z', 'и':'i', 'й':'y', 'к':'k', 'л':'l', 'м':'m', 'н':'n', 'о':'o', 'п':'p', 'р':'r', 'с':'s', 'т':'t', 'у':'u', 'ф':'f', 'ы':'i', 'э':'e', 'А':'A', 'Б':'B', 'В':'V', 'Г':'G', 'Д':'D', 'Е':'E', 'Ж':'G', 'З':'Z', 'И':'I', 'Й':'Y', 'К':'K', 'Л':'L', 'М':'M', 'Н':'N', 'О':'O', 'П':'P', 'Р':'R', 'С':'S', 'Т':'T', 'У':'U', 'Ф':'F', 'Ы':'I', 'Э':'E', 'ё':'yo', 'х':'h', 'ц':'ts', 'ч':'ch', 'ш':'sh', 'щ':'shch', 'ъ':'', 'ь':'', 'ю':'yu', 'я':'ya', 'Ё':'YO', 'Х':'H', 'Ц':'TS', 'Ч':'CH', 'Ш':'SH', 'Щ':'SHCH', 'Ъ':'', 'Ь':'',
'Ю':'YU', 'Я':'YA'};
var replacer=function(a){return arr[a]||a};
return str.replace(/[А-яёЁ]/g,replacer)
}
alert(translite('транслит'))

Как 2-ой код подключить к 1-му чтобы после нажатия на кнопку текст из строк ввода name="vir" и name="category_description[3][name]" переводился в транслит если в какой то строке есть кирилица и отправлялся в строку name="keyword"?

Answer 1

[xmoonlight]

$('#mno').click(function(){

$('[name="vir"]').val(translite($('[name="vir"]').val()));
$('[name="category_description[3][name]"]').val(translite($('[name="vir"]').val()));

   $('[name="keyword"]').val(($('[name="vir"]').val() + "-" + $('[name="category_description[3][name]"]').val()).replace(/\s/ig, '-'));
  });

Comments

[Rostyk Ice]

Спасибо, суть понял, но после нажатия на кнопку делает транслит только в 1-их строках, но не в последней строке в которую собираеться текст, я заменил 2 ваших строки на

$('[name="keyword"]').val(translite($('[name="keyword"]').val()));

:)

[xmoonlight]

Rostyk Ice: вот тут - тонкий момент. когда значение мультистроковое - оно работает именно так, а .replace - возвращает именно одну строку.
Ну, мы оба потрудились!