Главная Язык JavaScript Плагин Instant_translit. Мгновенный транслит на Javascript
Плагин Instant_translit. Мгновенный транслит на Javascript
E-mail Печать PDF

Не так давно довелось делать один иностранный сайт, на нем встала задача создания мгновенного транслита с английского языка на русский. Встала такая задача потому как у большинства наших людей за границей, просто нет русской раскладки клавиатуры, и остается либо писать транслитом (который я с трудом читаю, ибо у каждого в голове свои правила транслита) либо идти на сервис http://www.translit.ru и писать там русский текст, потом копировать, потом вставлять и наконец отправлять собеседнику. Плагин Instant_translit, по сути, является маленьким аналогом сервиса www.translit.ru в плане транслита разумеется )

Плагин написан в двух вариантах:

  • Первый вариант это чистый JavaScrip, который можно легко запихнуть куда угодно.
  • Второй вариант рассчитан на любителей Jquery и представляет собой обычный плагин.

Данный плагин можно использовать в textarea и input. Также в плагин по умолчанию встроил два стандарта для перевода это Стандарт ISO 9-95 и ГОСТ 16876-71. При необходимости можете изменить правила, так как вам нужно. Для этого просто в нужном массиве перепишите свои правила. Тестировал плагин в следующих браузерах: IE6, IE7, IE8, Opera, FireFox, Ghrome и Safary. Кстати недавно заметил, что Ghrome и Safary везде кажись, определяются одинаково - из чего сделал вывод, что и стандарты эти браузеры понимают одинаково. Хотя элитный браузер Опера как мне кажется работает лучше всех ) Итак, внимание - пример.

Пример работы плагина. Массив правил для textarea. Стандарт ISO 9-95

Textarea

Параметры плагина Instant_translit.

Параметр на данный момент в плагине ровно один. Это выбор стандарта для перевода: Стандарт ISO 9-95 или ГОСТ 16876-71.

Пример вставки плагина Instant_translit с использованием Jquery - ссылка на пример

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
  <script src="http://www.ageent.ru/demo/complete/instant_translit/jquery/instant_translit.js"></script>
  <script>
  $(document).ready(function(){
        $(".ageent_trans").keypress(function(e) {
           /*
               e - событие
               obect_now - объект
               rules - правила для перевода. 
                 1 стандарт ISO 9-95;
                 2 - ГОСТ 16876-71;
           */ 
           $(this).Instant_translit({event_now: e, rules: 1, obect_now : this}); 
        });
  });
  </script>
</head>
<body>
<form>
    <textarea cols="150" class="ageent_trans" rows="20"></textarea>
</form>
</body>
</html>

Пример вставки скрипта Instant_translit - ссылка на пример

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<head>
 <script src="http://www.ageent.ru/demo/complete/instant_translit/script/instant_translit_script.js"></script>
</head>
<body>
<form target="chattag" name="chat">
    <!--
       event - событие
       this - объект
       rules - правила для перевода. 
         1 стандарт ISO 9-95;
         2 - ГОСТ 16876-71;
    -->
    <textarea name="message" onkeypress="translate_letter(event, this, rules=1);" cols="150" rows="20"></textarea>
</form>
</body>
</html>

Надеюсь, что данный плагин окажется для Вас полезен. Любые пожелания и предложения как всегда приветствуются.

Если Вы нашли что-то полезное, то пожалуйста пожертвуйте Z167645604231 или предложите мне работу :)

Прикрепленные файлы:
Плагин Instant_translit. Мгновенный транслит на Javascript9 Kb

Комментарии

 
0 #1 Георгий 2011-10-21 15:49 Добавил правила: "let":"летс", "me":"ми", "speak":"спик","heart":"харт", ввёл не глядя let me speak from my heart, получилось следующее: "л м спэс фром мы hэахартпикиетс " Цитировать
 

Авторизация

Nice Ajax Poll

Какое из моих расширений самое лучшее?

Статистика

Реклама
© 2009 ageent.ru.